文章目录
- 项目实战:前(vue)后(koa)端分离
 - 1、创建简书项目
 - 2、创建数据库
 - 
   
- 2.1 创建数据库
 - 2.2 连接数据库
 
 - 3、模型对象
 - 
   
- 3.1 设计用户模块的Schema
 - 3.2 实现用户增删改查
 - 
     
- 3.2.1 增加用户
 - 3.2.2 修改用户
 - 3.2.3 删除用户
 - 3.2.4 查询用户
 
 
 - 4、封装业务逻辑层
 - 5、封装CRUD
 - 6、创建Vue项目
 - 7、配置ElementUI
 - 
   
- 7.1 安装
 - 7.2 使用
 
 - 8、axios
 - 
   
- 8.1 安装axios
 - 8.2 进一步封装axios
 
 - 9、规划前端目录结构
 - 10、后台系统界面设计
 - 
   
- 10.1 编写路由
 - 10.2 编写首页
 - 10.3 路由设计
 
 - 11、JWT
 - 12、后台登录界面设计
 - 13、用户登录接口设计
 - 14、koa-jwt组件
 - 15、验证用户是否登录
 - 16、修改密码接口设计
 - 17、koa-multer实现上传
 - 18、Elementui上传组件使用
 - 
   
- 18.1 上传图片实现
 - 18.2 实现上传成功缩略图
 
 - 19、修改个人资料
 - 20、个人资料页面设计
 - 21、完善修改资料功能
 - 
   
- 21.1 修改http
 - 21.2 登录用户信息加入到store
 
 - 22、文章相关接口设计
 - 
   
- 22.1 文章发布接口
 - 22.2 文章查询接口设计
 - 
     
- 22.2.1 分页查询文章
 
 - 22.3 修改文章接口
 - 22.4 删除文章接口
 - 22.5 统计文章阅读量
 
 - 23、文章相关页面设计
 - 
   
- 23.1 文章发布页面
 - 23.2 文章列表
 
 - 启动方式
 - 完整代码
 
项目实战:前(vue)后(koa)端分离
- 数据库设计
 - 前端布局设计 
  
- 前台:浏览文章、点赞、评论等
 - 后台:修改文章、修改资料、发布文章等
 
 - 功能接口设计
 
1、创建简书项目
【1】创建项目:
koa2 jianshu
 

【2】安装依赖
cnpm i
 
【3】启动项目
npm start
 
2、创建数据库
2.1 创建数据库
打开MongoDB创建jianshu



![LeetCode[中等] 45. 跳跃游戏 II](https://i-blog.csdnimg.cn/direct/7cf5f957d52a45bbac71b95016cb2b4c.png)














