这门课解决什么问题

很多前端开发者学完基础语法后，常常卡在“能写静态页面，但做不出一个带后端接口和后台管理的完整项目”这个阶段。市面不少教程只讲视图层，碰到接口联调、鉴权、路由配置就草草带过。这门课围绕一个博客系统展开，前端用 Vue3 搭配 Ant Design Vue 做界面，后端用 Koa2 提供接口，把前后端联调的真实流程走一遍。它解决的核心问题是：让你不再只停留在写组件，而是理解一个有前台展示、有后台管理、有接口交互的项目是怎么跑起来的。

适合什么基础，建议先看哪几块

资料定位很明确，默认你已经掌握 JavaScript 基础、ES6+ 语法，并且对 Vue2 和 Vue3 有基本了解。如果你连 v-model 和组件传参都生疏，建议先补基础再来，否则中途联调部分会吃力。建议先把项目初始化和配置优化这两块看完，搞懂工程怎么搭起来、Ant Design Vue 怎么引入，再进入主展示模块。管理模块涉及登录鉴权和接口保护，是这门课的难点，不要跳着看，按顺序走更扎实。

学完能独立做什么，资料怎么配合练习

跟着走完，你应该能独立搭一个带前台文章列表、分页、归档、关于页和后台登录管理的小型内容站点，并且自己写 Koa2 接口完成数据交互。练习时建议不要只对着视频抄代码，每做完一个模块先暂停，自己改一个变体：比如列表页换个布局，分页参数改一下请求逻辑，登录模块自己加一个退出功能。资料包里的代码是用来对照查错的，不是用来直接运行交差。遇到跑不通的地方，先看自己哪一步漏了配置，再拿资料里的代码段比对，这样学下来才真正变成自己的东西。


具有JavaScript基础，ES6+基础，vue2.x，vue3基础的人群。次给大家带来在vuecli4下创建的vue3 + antd + koa2博客项目的

课程目录

*   01 课程介绍/

  *   01 课程介绍

*   02 项目初始化/

  *   01 新建项目

  *   02 初始化项目

  *   03 引入antd

  *   04 配置优化

*   03 主展示系列模块开发/

  *   01 头部区块开发

  *   02 视图头部区块开发

  *   03 路由跳转功能开发

  *   04 过渡动画添加

  *   05 卡片列表区块开发

  *   06 回到顶部与分页组件的引入

  *   07 分页组件与param的联动

  *   08 分页组件封装

  *   09 读书页面与项目页面开发

  *   10 赞助列表页与归档页开发

  *   11 返回首页修复

  *   12 路由跳转功能添加

  *   13 关于页开发

  *   14 404页面开发

*   04 管理系列模块开发/

  *   01 登录界面路由添加

  *   02 登录界面开发

  *   03 引入富文本编辑器

  *   04 富文本界面样式开发

  *   05 本地草稿实现(上)

  *   06 本地草稿实现(下)

  *   07 文章发布modal开发(一)

  *   08 文章发布modal开发(二)

  *   09 文章发布modal开发(三)

  *   10 文章管理开发(一)

  *   11 文章管理开发(二）

  *   12 文章管理开发（三）

*   05 koa2基础讲解/

  *   01 koa基础（一）

  *   02 koa基础（二）

  *   03 koa基础（三）

  *   04 koa基础（四）

  *   05 koa基础（五）路由

*   06 koa2增强定制/

  *   01 中间件注册流程优化

  *   02 路由支持（一）

  *   03 路由支持（二)

  *   04 ctx扩展支持

  *   05 类型提示支持(一)

  *   06 类型提示支持(二)

  *   07 全局错误处理支持

  *   08 返回api优化

  *   09 ctx扩展类型提示支持

  *   10 路由类型提示支持

  *   11 controller层支持

  *   12 日志处理支持

  *   13 参数验证支持(一)

  *   14 参数验证支持(二)

  *   15 orm支持(一)

  *   16 orm支持(二)

*   07 api开发/

  *   01 登录接口开发

  *   02 文章接口开发(一)

  *   03 文章接口开发(二)

  *   04 文章接口开发(三)

  *   05 文章接口开发(四)

  *   06 文章接口开发(五)

*   08 JavaScript函数运用技巧/

  *   01 JavaScript函数运用(一)

  *   02 Javascript函数运用(二)

  *   03 JavaScript函数运用vue实践

*   09 前后端交互实现/

  *   01 开发环境跨域处理

  *   02 登录交互处理(一)

  *   03 登录交互处理(二)

  *   04 路由守卫处理

  *   05 文章管理交互-新增(一)

  *   06 文章管理交互-新增(二)

  *   07 文章管理交互-列表获取

  *   08 文章管理交互-删除

  *   09 文章管理交互-查看

  *   10 文章管理交互-更新(一)

  *   11 文章管理交互-更新(二)

  *   12 首页视图获取

  *   13 归档交互(一)

  *   14 归档交互(二)

  *   15 交互收尾(一)

  *   16 交互收尾(二)

*   10 部署上线/

  *   01 部署上线前置优化(一)

  *   02 部署上线前置优化(二)

  *   03 云服务购买

  *   04 部署上线