这门课解决的是一类很具体的困境：你能用 Vue 写出页面，也能照着文档搭起 Spring Boot 的接口，但真让你从零做一个「前端调后端、后端连数据库、两边各自独立跑」的完整系统时，中间那层就开始含糊了。跨域怎么配、分页参数怎么传、树形分类怎么存、编辑和新增能不能共用一个弹窗——这些问题单看都不难，凑在一起就是另一回事。

先说清楚它练的是什么

主题是一个 wiki 知识库系统，拆开看是三块能力：Spring Boot 侧负责接口设计和数据持久化，Vue3 侧负责列表、表单、树形菜单这些常规交互，中间靠前后端分离的约定把两边接起来。知识库这个选题不花哨，但正好落在「增删改查做全」和「层级结构处理」这两件绕不过去的事上——分类是树，电子书挂在分类下，文档又挂在电子书下，一层套一层，随便哪个环节的接口没想清楚，前端就得跟着绕。

如果你平时做的是后台管理页，这套结构和你的工作内容重合度很高；如果你主攻前端、后端只停留在「能看懂」的程度，这门课的价值主要在后半段——它会逼你把接口该返回什么、错误怎么处理、前端该在哪个时机请求这些问题想一遍。

看的时候别只盯着代码跑通

这类实战内容最容易踩的坑是「跟着敲一遍，跑起来了，但换个需求就不会」。所以建议按功能模块来切，每看完一块，先合上视频，问自己几个问题：分类的新增和编辑，前端是两个请求还是一个？后端怎么区分？分类表格的展示优化到底优化了什么，是渲染性能还是交互逻辑？电子书新增时的分类下拉，数据是从哪个接口来的，什么时候加载？

这些问题视频里大概率有答案，但只有你先有个猜测，再去看答案，印象才留得住。纯粹顺着进度条往下走，很容易出现「每一步都懂，整体串不起来」的状态。

需要提前准备好的东西

  • Java 基础语法和 Maven 的常规操作，不用很深，但被依赖问题卡住时会很耽误时间。
  • Vue3 的组合式 API 写法，至少写过 setup、ref、reactive 这些东西，否则前端的讲解节奏会跟不上。
  • 会用一个 HTTP 调试工具，接口对不对不能只靠页面表现来判断。
  • 本地能跑起来的数据库环境，知识库系统要存分类和文档，绕不开这一层。

如果这几项里有明显空缺，先补上再看，比中途反复暂停回查要省事。

看完应该能回答的问题

检验这门课有没有学进去，不看你能不能复现项目，看你能不能回答下面几个：前后端分离下，分类的树形结构在前端怎么组织，为什么不直接让后端返回已经拼好的层级；分页查询的参数和返回结构，前后端一般怎么约定，改动时哪一侧的代价更大；同一个表单既要新增又要编辑，状态怎么管才不会互相污染。

再往外延一层：这套结构换成一个别的业务系统，比如任务管理或者商品管理，哪些地方可以直接照搬，哪些地方必须重做。能把这个说清楚，才算真的把前后端分离这条线走通了，而不是只做完了一个知识库。

这门课适合拿来当一次完整项目的练手，也适合在面试前把接口设计和前端状态管理这两块过一遍。它不会教你写多漂亮的页面，但会把「一个能跑起来的系统到底怎么组装」这件事讲清楚。

甲蛙-Spring Boot + Vue3 前后端分离 实战 wiki 知识库系统

实战前后端分离知识库系统

编辑点评

项目实战，深入理解Spring Boot与Vue3，适合前端开发者提升技能。

⭐ 编辑推荐

本课程通过实战项目，带你深入探索Spring Boot和Vue3技术，构建前后端分离的知识库系统。

课程亮点

• Spring Boot实战
• Vue3深度解析
• 前后端分离架构

课程目录

📁 7
    📁 7
        7说明.png  [493.5 KB]
        7-5 分类编辑功能优化_.mp4  [117.9 MB]
        7-9 思考：高频面试题（持续更新）.png  [26.1 KB]
        7-4 分类表格显示优化_.mp4  [238.4 MB]
        7-6 电子书管理增加分类选择_.mp4  [280.3 MB]
        7-3 完成分类基本增删改查功能_.mp4  [214.1 MB]
        7-8 点击分类菜单显示电子书_.mp4  [266.1 MB]
        7-1 本章介绍_.mp4  [17.0 MB]
        7-7 首页显示分类菜单_.mp4  [145.0 MB]
        7-10 总结：本章知识点梳理（持续更新）.png  [406.1 KB]
        7-2 分类表设计与代码生成_.mp4  [86.7 MB]
    7必看.zip  [1.8 MB]
📁 4
    📁 4
        4-3 创建Vue CLI项目_.mp4  [102.2 MB]
        4-7 制作Vue自定义组件_.mp4  [186.5 MB]
        4-2 了解Vue和Vue CLI及其关系_.mp4  [62.9 MB]
        4-4 Vue CLI项目结构解析_.mp4  [159.2 MB]
        4-9 总结.png  [113.9 KB]
        4-6 网站首页布局开发_.mp4  [258.1 MB]
        4-1 本章介绍_.mp4  [4.7 MB]
        4-8 思考：高频面试题（持续更新）.png  [55.7 KB]
        4-5 集成Ant Design Vue_.mp4  [152.8 MB]
    4文档.zip  [1.8 MB]
📁 10
    📁 10
        10-2 文档阅读数更新_.mp4  [263.9 MB]
        10-3 文档点赞功能开发_.mp4  [178.4 MB]
        10-5 SpringBoot定时任务示例_.mp4  [93.6 MB]
        10-9 完成点赞通知功能_.mp4  [121.1 MB]
        10-8 WebSocket使用示例_.mp4  [151.1 MB]
        10-10 使用异步化解耦点赞通知功能_.mp4  [311.8 MB]
        10-6 完成电子书信息定时更新功能_.mp4  [222.7 MB]
        10-1 本章介绍_.mp4  [7.0 MB]
        10-4 电子书信息更新方案调研_.mp4  [156.0 MB]
        10-11 使用MQ解耦点赞通知功能_.mp4  [232.6 MB]
        10-7 日志流水号的使用_.mp4  [152.1 MB]
    10说明.png  [493.5 KB]
📁 11
    📁 11
        11-3 电子书快照表设计_.mp4  [79.5 MB]
        11-8 Echarts的集成与使用示例_.mp4  [133.2 MB]
        11-4 电子书快照收集脚本编写-1_.mp4  [249.1 MB]
        11-10 网站优化_.mp4  [95.8 MB]
        11-9 30天趋势图功能开发_.mp4  [129.3 MB]
        11-5 电子书快照收集脚本编写-2_.mp4  [209.7 MB]
        11-1 本章介绍_.mp4  [10.1 MB]
        11-2 报表统计方案的探讨_.mp4  [56.7 MB]
        11-6 完成电子书快照功能_.mp4  [68.1 MB]
        11-7 首页统计数值功能开发_.mp4  [272.6 MB]
    11说明.zip  [1.8 MB]
📁 8
    📁 8
        8资料.png  [493.5 KB]
        8-12 文档页面功能开发-1_.mp4  [202.2 MB]
        8-11 文档内容的显示_.mp4  [151.8 MB]
        8-3 完成文档表基本增删改查功能_.mp4  [151.3 MB]
        8-8 文档内容表设计与代码生成_.mp4  [70.2 MB]
        8-1 本章介绍_.mp4  [23.8 MB]
        8-5 Vue页面参数传递完成新增文档功能_.mp4  [107.2 MB]
        8-13 文档页面功能开发-2_.mp4  [293.6 MB]
        8-10 文档内容的保存与显示_.mp4  [188.6 MB]
        8-4 使用树形选择组件选择父节点_.mp4  [245.6 MB]
        8-6 增加删除文档功能_.mp4  [252.3 MB]
        8-14 思考：高频面试题（持续更新）.png  [54.9 KB]
        8-7 集成富文本插件wangeditor_.mp4  [166.4 MB]
        8-9 文档管理页面布局修改_.mp4  [245.4 MB]
        8-15 总结.png  [644.7 KB]
        8-2 文档表设计与代码生成_.mp4  [70.8 MB]
📁 资料
    资料资料.zip  [1.8 MB]
📁 3
    📁 3
        3-6 电子书列表查询接口开发_.mp4  [174.9 MB]
        3-10 总结：本章知识点梳理（持续更新）-2.png  [177.5 KB]
        3-8 制作CopyUtil封装BeanUtils_.mp4  [107.4 MB]
        3-5 集成Mybatis官方代码生成器_.mp4  [263.9 MB]
        3-4 集成持久层框架Mybatis_.mp4  [284.3 MB]
        3-7 封装请求参数和返回参数_.mp4  [217.6 MB]
        3-10 总结：本章知识点梳理（持续更新）-1.png  [246.8 KB]
        3-9 思考：高频面试题（持续更新）-1.png  [39.7 KB]
        3-3 IDEA数据库插件配置_.mp4  [109.7 MB]
        3-2 数据库准备_.mp4  [97.1 MB]
        3-1 本章介绍_.mp4  [3.5 MB]
    3资料.zip  [1.8 MB]
📁 1
    📁 1
        1资料.png  [493.5 KB]
        1-3 开发环境准备_.mp4  [39.2 MB]
        1-2 课程介绍与学习指南_.mp4  [51.3 MB]
        1-4 如何利用源码进行学习_.mp4  [44.6 MB]
    1说明.zip  [1.8 MB]
📁 9
    📁 9
        9资料.zip  [1.8 MB]
        9-1 本章介绍_.mp4  [13.3 MB]
        9-2 用户表设计与持久层代码生成_.mp4  [30.3 MB]
        9-9 登录成功处理并集成vuex-1_.mp4  [231.8 MB]
        9-6 增加重置密码功能_.mp4  [218.4 MB]
        9-12 后端接口增加登录校验_.mp4  [168.4 MB]
        9-3 完成用户表基本增删改查功能_.mp4  [96.4 MB]
        9-7 单点登录token与JWT介绍_.mp4  [79.1 MB]
        9-11 增加退出登录功能_.mp4  [182.3 MB]
        9-13 前端界面增加登录校验_.mp4  [136.0 MB]
        9-14 用户密码初始化_.mp4  [49.9 MB]
        9-10 登录成功处理并集成vuex-2_.mp4  [230.7 MB]
        9-8 登录功能开发_.mp4  [314.8 MB]
        9-4 用户名重复校验与自定义异常_.mp4  [273.7 MB]
        9-16 总结.png  [420.1 KB]
        9-5 关于密码的两层加密处理_.mp4  [180.9 MB]
        9-15 思考：高频面试题（持续更新）.png  [53.4 KB]
    9必看.zip  [1.8 MB]
📁 6
    📁 6
        6说明.png  [493.5 KB]
        6-2 增加电子书管理页面_.mp4  [140.6 MB]
        6-8 完成电子书编辑功能_.mp4  [279.3 MB]
        6-6 前后端分页功能整合_.mp4  [235.9 MB]
        6-3 电子书表格展示_.mp4  [227.6 MB]
        6-11 集成Validation做参数校验_.mp4  [244.1 MB]
        6-9 雪花算法与新增功能_.mp4  [231.6 MB]
        6-10 增加删除电子书功能_.mp4  [146.8 MB]
        6-1 本章介绍_.mp4  [19.8 MB]
        6-14：总结.png  [362.8 KB]
        6-7 制作电子书表单_.mp4  [156.1 MB]
        6-4 使用PageHelper实现后端分页_.mp4  [150.3 MB]
        6-13 思考：高频面试题（持续更新）.png  [50.9 KB]
        6-12 电子书管理功能优化_.mp4  [150.7 MB]
        6-5 封装分页请求参数和返回参数_.mp4  [193.3 MB]
📁 12
    📁 12
        12资料.png  [493.5 KB]
        12-9 域名准备_.mp4  [93.5 MB]
        12-10 nginx配置域名_.mp4  [145.9 MB]
        12-5 JDK的安装与配置_.mp4  [82.4 MB]
        12-6 后端Java项目发布_.mp4  [374.0 MB]
        12-7 nginx安装与配置_.mp4  [43.4 MB]
        12-1 本章介绍_.mp4  [6.8 MB]
        12-4 配置IDEA连接ECS_.mp4  [83.4 MB]
        12-2 RDS购买与配置_.mp4  [153.5 MB]
        12-8 前端Vue项目发布_.mp4  [94.4 MB]
        12-3 ECS购买与配置_.mp4  [139.6 MB]
📁 2
    📁 2
        2-5 启动日志优化_.mp4  [160.1 MB]
        2-3 项目初始配置_.mp4  [121.4 MB]
        2-1 本章介绍_.mp4  [5.4 MB]
        2-9 集成热部署_.mp4  [106.3 MB]
        2-10 思考：高频面试题（持续更新）.png  [64.6 KB]
        2-2 新建SpringBoot项目【标准SpringBoot项目目录结构】_.mp4  [154.5 MB]
        2-4 代码关联Git远程仓库_.mp4  [106.4 MB]
        2-7 使用HTTP Client测试接口_.mp4  [152.1 MB]
        2-8 SpringBoot配置文件【自定义配置项】_.mp4  [160.2 MB]
        2-6 开发Hello World接口_.mp4  [217.6 MB]
        2-11 总结：本章知识点梳理（持续更新）-2.png  [487.9 KB]
        2-11 总结：本章知识点梳理（持续更新）-1.png  [1.1 MB]
📁 5
    📁 5
        5-3 Vue3数据绑定显示列表数据_.mp4  [236.6 MB]
        5-5 Vue CLI多环境配置_.mp4  [219.7 MB]
        5-7 SpringBoot过滤器的使用_.mp4  [81.8 MB]
        5-9 SpringBoot AOP的使用_.mp4  [153.1 MB]
        5-1 本章介绍_.mp4  [9.5 MB]
        5-4 电子书列表界面展示_.mp4  [345.0 MB]
        5-2 集成HTTP库Axios_.mp4  [162.6 MB]
        5-11 总结：本章知识点梳理（持续更新）.png  [508.5 KB]
        5-8 SpringBoot拦截器的使用_.mp4  [117.6 MB]
        5-6 使用Axios拦截器打印前端日志_.mp4  [95.3 MB]
        5-10 思考：高频面试题（持续更新）.png  [86.7 KB]
📁 13
    📁 13
        13说明.zip  [1.8 MB]
        13-1 课程总结_.mp4  [64.4 MB]

适合人群

  • 前端开发者
  • 后端开发者
  • 全栈工程师

学习收获

掌握Spring Boot框架
精通Vue3技术
实现前后端分离项目

祝您学习愉快！

学有所成，前程似锦！