Koa & Mongoose & Vue实现前后端分离--01序言

简介

这系列文章没有很深入的内容，只是一个简单的全栈实现流程，内容包含前后端开发的主要步骤和过程中的一些思考。

使用koa结合mongoose搭建服务端，jwt实现身份验证。
vue结合element-ui实现前端渲染，axios负责网络请求，vuex负责状态管理。

业务模块：

1. 登陆
2. 注册
3. 用户信息
4. 审批（新建、更新、删除、查询）
5. 日志系统

内容包含

• 使用Koa构建Web服务
• 使用mongoose连接MongoDb
• Schema构建数据结构
• 登陆/注册（crypto-js）
• 使用Postman测试（token鉴权）
• JWT认证（jsonwebtoken & koa-jwt）
• 展示/更新人员信息（el-upload & el-dialog）
• 图片上传 & 存储 & 访问（koa-body & koa-static）
• 日志系统（koa-morgan & moment）
• 安全策略（xss）
• 一对多数据的增删改查
• 不包括上线

学习期望

• 适合对vue、koa、mongoose有兴趣或基础了解的同学
• 忌眼高手低，可以的话，最好操作一遍
• 如果在您实现过程中遇到有价值的问题，并找到了答案，欢迎在对应的文章下留言

效果预览

图片很大，可能无法预览，可以下载看效果

目录

• 01序言
• 02koa搭建服务端
• 03mongoose连接数据库 & 预定义数据结构
• 04服务端注册&登录：用户路由配置
• 05服务端注册&登录：业务逻辑
• 06客户端登录&注册
• 07登录加密&服务端参数校验
• 08前端状态管理&路由嵌套
• 09身份验证JWT&测试
• 10更新用户信息
• 11更新用户头像：图片上传
• 12数据库联表查询
• 13日志系统&安全系统

版权说明

实现过程中，遇到问题或不熟悉的地方，参考了很多文章，如果想加入参考链接的同学，请联系我（大众版本的文章，可能没什么印象）。

源代码地址

写系列文章，容易断奶，如果坚持下来的话，就把这句话删掉……

后续内容多图警告
Mac演示警告