后台管理系统项目(element-ui+vue2+koa+mongoDB)

后台管理系统总结

1.主要功能

1.1前端部分：

使用element-ui设计登陆页面和个人页面

使用vue添加每个页面中各个钩子逻辑

配置路由

使用axios封装自定义http请求（拦截器）

1.2后台部分

编写文章、评论、粉丝、上传下载、用户等接口，并对各个接口进行分层。

使用koa-multer实现图片上传功能

2.技术选型

2.1前台部分

插件：wangeditor（富文本编辑器）

过程：配置路由及每个路由下的内容、页面绘制、业务逻辑书写

2.2后台部分

插件：koa（后端服务）、koa-views（模板引擎工具）、koa-json（返回信息以json格式标准输出）、koa-onerror（返回错误信息）、koa-bodyparser（body部分的解析）、koa-logger（日志信息）、koa2-cors（跨域问题）、koa-jwt（json-web-token，在服务端密钥配置）、koa-multer（图片上传）

过程：连接数据库、导入相关的接口（接口进行分层MVC）、配置服务端、服务端引入接口

3.难点

（1）jwt以及缓存问题

（2）前后端联调

（3）图片上传功能（koa-multer）

4.总结

非常适合前端工程师学习中后台的入门级项目。

可以作为参考：github地址（https://github.com/HeDanhenshuai）

5.参考文档

https://www.jianshu.com/p/1d694388cba8基于VUE的后台管理系统

https://hooray.gitee.io/fantastic-admin/整体UI界面更加清爽并且符合大众审美

https://hooray.gitee.io/fantastic-admin/整体UI界面更加清爽并且符合大众审美

https://www.jianshu.com/p/256d0873c398前端缓存详解