文章目录
- 项目实战:前(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