koaJS+mongodb+artTemplate打造cms内容

2020-08-23  本文已影响0人  习惯水文的前端苏

上一节我们完成了项目的初始化工作,这一节我们将进一步实现权限验证和登录

一:处理'/'

    I-找到app.js,对'/'进行处理

    II-找到routes文件,新建index.js

二:登录页

    I-找到views,新建login.html

    II-找到public文件夹,新建css文件夹,新建login.css

III-找到public文件夹,新建js文件夹,新建login.js

    IV-找到routes下的pc下的index.js

    V-测试

            输入http://127.0.0.1:3001/pc 或 http://127.0.0.1:3001,展示login页面如下

三:登录

    I-找到app.js

    II-找到modules文件,新增curd.js、tools.js和config.js,curd是封装的mongodb操作类,可参考 (https://www.jianshu.com/p/acaf49f9cc7e),config则存放一些第三方插件的配置信息,tools则封装了部分辅助类函数

    III-找到routes下的admin下的index,添加验证逻辑,成功则返回登录成功,失败则跳回登录页

四:权限验证,登录过,在session有效期内无需再次登录

    I-找到routes下的pc下的index

    II-找到views,新建home.html

    III-测试

            在登录页输入http://127.0.0.1:3001/pc/home,页面将无法跳转,使用数据库存储的用户名及密码登录后重复上一次操作,可登录并渲染home.html


至此,大功告成!!!下一节将对退出、验证码以及登录失败进行处理

上一篇 下一篇

猜你喜欢

热点阅读