码云 React.js教程 2021-01-28

P28：后台管理系统开发07-service登录接口编写

文章目录隐藏

新建 main.js 文件
中台路由的制作
登录方法的编写

通过上几节的开发我们已经有了最基础的后台页面，接下来就可以作后台登录的业务逻辑制作了。这节就带大家制作一下中台的登录接口。

新建 main.js 文件

在/service/app/controller/admin文件夹下新建一个main.js文件，后台用的接口就都写在这个文件里了，当然你也可以写多个文件，进一步详细划分。

建立好文件后，我们编写下面代码:

'use strict';
const Controller = require('egg').Controller
class MainController extends Controller{
    async index(){
        //首页的文章列表数据
        this.ctx.body='hi api'
    }
}

module.exports = MainController

有了文件主体，下一步可以制作对应的路由了。

中台路由的制作

在/service/router文件夹下，新建立一个admin.js文件，用于配置后台接口文件的路由。路由的代码如下：

module.exports = app =>{
    const {router,controller} = app
    router.get('/admin/index', controller.admin.main.index)
}

路由配置好以后还需要再总的router.js里进行配置，代码如下:

'use strict';
/**
 * @param {Egg.Application} app - egg application
 */
module.exports = app => {
  require('./router/default')(app)
  require('./router/admin')(app)
};

这时候路由就起作用了，然后我们运行命令npm run dev（前提是你打开了本地 MySQL 数据库，不会这个的去我前面教程看具体本地如何见一个数据库）在服务端打开服务，到浏览器预览一下，如果可以顺利在页面输出hi api,说明一切正常了。

路径为：http://localhost:7001/admin/index/

登录方法的编写

然后我们在/service/controller/admin/main.js文件里编写验证登录的方法，代码如下:

//判断用户名密码是否正确
  async checkLogin(){
      let userName = this.ctx.request.body.userName
      let password = this.ctx.request.body.password
      const sql = " SELECT userName FROM admin_user WHERE userName = '"+userName +
                  "' AND password = '"+password+"'"

      const res = await this.app.mysql.query(sql)
      if(res.length>0){
          //登录成功,进行 session 缓存
          let openId=new Date().getTime()
          this.ctx.session.openId={ 'openId':openId }
          this.ctx.body={'data':'登录成功','openId':openId}

      }else{
          this.ctx.body={data:'登录失败'}
      } 
  }

代码解读：既然是登陆肯定要验证后台用户名和密码，ctx.request.body传一个userName和password，password是我自己使用，所以没必要用MD5加密方式，虽然更安全但是很麻烦，这里我就直接把password取过来进行使用。有了userName和password我就可以写sql查询语句了，这个表我们会在后面文章中给大家做出来，通过sql语句我们可以得到一个结果res，这个结果要用await进行等待因为这个结果要从数据库进行查就用this.app.mysql.query。