这门课在解决什么实际问题

很多初中级开发者在求职或日常工作中，都会遇到一个尴尬：单体项目做过不少，但真正完整经历“前后端分离”架构落地的人并不多。简历上写着熟悉 Spring Boot 和 Vue，但一旦脱离框架脚手架，自己从零设计接口规范、处理跨域、规划前端路由状态，往往会卡壳。本课程以一个“Wiki 知识库系统”为载体，正是为了填补这个空白。它不是单纯的语法讲解，而是一个典型的后台管理 + 知识协作场景的完整实现。你将看到后端如何定义 RESTful API，如何用 JWT 处理登录鉴权，前端如何用 Vue3 组合式 API 组织页面逻辑，以及两者如何通过 Axios 进行数据交互。这种“全链路打通”的经验，是独立负责小型项目或模块升级时最核心的能力。

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

课程面向有一定 Java 基础、了解 Spring Boot 基本注解，同时接触过 Vue2 或 Vue3 语法的开发者。如果你完全没写过 Controller 或没用过组件化开发，建议先补齐各自框架的基础语法，否则进度会吃力。入门后，建议优先关注项目初始化部分，这是确立规范的关键——后端如何选择依赖、配置多数据源、统一返回结果集，前端如何搭建 Vue3 + TypeScript + Vite 的工程骨架。接着重点看权限控制模块，理解拦截器与前端路由守卫的配合逻辑，这是前后端分离系统的“大脑”。对于业务功能，Wiki 树形结构的递归查询与前端动态渲染是技术难点，值得反复对照代码理解。视频讲解通常配合注释清晰的源码，建议在 IDE 中边看边跑，记录每个接口的入参出参。

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

完成课程学习后，你应该能够独立搭建一个具备用户注册登录、权限分级、内容增删改查的基础 Web 应用。具体到 Wiki 系统，你可以复现知识库的层级展示、富文本编辑内容的保存与检索，并解决前后端分离带来的跨域与状态持久化问题。这套能力可以直接迁移到企业内部的文档系统、简单 CMS 或任何需要“用户 + 数据管理”的业务场景中。资料包提供了完整的后端源码、前端工程文件以及数据库脚本，建议初学者不要只看不练。先从本地启动后端服务开始，确保接口可达，再启动前端项目。遇到报错时，优先对照资料中的 SQL 脚本检查数据是否导入正确，再对比视频中的配置步骤排查环境差异。尝试在现有功能基础上增加一个“标签分类”模块，是检验你是否真正掌握前后端协作方式的最佳练习。

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

本课程隶属 会员库 · MK实战课（一部分是老课） / 课程盒子4-mksz400至499，完整课程目录与配套资料如下。

课程目录

图片/
2-10 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
2-11 总结：本章知识点梳理（持续更新）-1_更多IT资源免费领取+微信微信-rmshou-收集整理.png
2-11 总结：本章知识点梳理（持续更新）-2_更多IT资源免费领取+微信微信-rmshou-收集整理.png
3-10 总结：本章知识点梳理（持续更新）-1_更多IT资源免费领取+微信微信-rmshou-收集整理.png
3-10 总结：本章知识点梳理（持续更新）-2_更多IT资源免费领取+微信微信-rmshou-收集整理.png
3-9 思考：高频面试题（持续更新）-1_更多IT资源免费领取+微信微信-rmshou-收集整理.png
4-8 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
4-9 总结_更多IT资源免费领取+微信微信-rmshou-收集整理.png
5-10 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
5-11 总结：本章知识点梳理（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
6-13 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
6-14：总结_更多IT资源免费领取+微信微信-rmshou-收集整理.png
7-10 总结：本章知识点梳理（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
7-9 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
8-14 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
8-15 总结_更多IT资源免费领取+微信微信-rmshou-收集整理.png
9-15 思考：高频面试题（持续更新）_更多IT资源免费领取+微信微信-rmshou-收集整理.png
9-16 总结_更多IT资源免费领取+微信微信-rmshou-收集整理.png
第10章 阅读量&点赞量/
10-1 本章介绍[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-10 使用异步化解耦点赞通知功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-11 使用MQ解耦点赞通知功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-2 文档阅读数更新[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-3 文档点赞功能开发[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-4 电子书信息更新方案调研[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-5 SpringBoot定时任务示例[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-6 完成电子书信息定时更新功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-7 日志流水号的使用[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-8 WebSocket使用示例[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
10-9 完成点赞通知功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
第11章 知识库功能开发/
11-1 本章介绍[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-10 网站优化[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-2 报表统计方案的探讨[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-3 电子书快照表设计[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-4 电子书快照收集脚本编写-1[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-5 电子书快照收集脚本编写-2[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-6 完成电子书快照功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-7 首页统计数值功能开发[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-8 Echarts的集成与使用示例[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
11-9 30天趋势图功能开发[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
第12章 项目部署发布/
12-1 本章介绍[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-10 nginx配置域名[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-2 RDS购买与配置[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-3 ECS购买与配置[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-4 配置IDEA连接ECS[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-5 JDK的安装与配置[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-6 后端Java项目发布[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-7 nginx安装与配置[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-8 前端Vue项目发布[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
12-9 域名准备[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
第13章 课程总结/
13-1 课程总结[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
第1章 课程导学/
1-1 课前必读_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
1-2 课程介绍与学习指南_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
1-3 开发环境准备_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
1-4 如何利用源码进行学习_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
第2章 Spring Boot项目搭建/
2-1 本章介绍_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-10 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
2-11 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
2-2 新建SpringBoot项目【标准SpringBoot项目目录结构】_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-3 项目初始配置_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-4 代码关联Git远程仓库_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-5 启动日志优化_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-6 开发Hello World接口_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-7 使用HTTP Client测试接口_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-8 SpringBoot配置文件【自定义配置项】_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
2-9 集成热部署_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
第3章 后端架构完善与接口开发/
3-1 本章介绍_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-10 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
3-2 数据库准备_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-3 IDEA数据库插件配置_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-4 集成持久层框架Mybatis_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-5 集成Mybatis官方代码生成器_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-6 电子书列表查询接口开发_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-7 封装请求参数和返回参数_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-8 制作CopyUtil封装BeanUtils_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
3-9 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
第4章 Vue3 + Vue CLI 项目搭建/
4-1 本章介绍_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-2 了解Vue和Vue CLI及其关系_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-3 创建Vue CLI项目_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-4 Vue CLI项目结构解析_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-5 集成Ant Design Vue_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-6 网站首页布局开发_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-7 制作Vue自定义组件_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
4-8 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
4-9 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
第5章 前后端交互整合/
5-1 本章介绍_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-10 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
5-11 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
5-2 集成HTTP库Axios_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-3 Vue3数据绑定显示列表数据_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-4 电子书列表界面展示_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-5 Vue CLI多环境配置_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-6 使用Axios拦截器打印前端日志_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-7 SpringBoot过滤器的使用_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-8 SpringBoot拦截器的使用_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
5-9 SpringBoot AOP的使用_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
第6章 电子书管理功能开发/
6-1 本章介绍 _一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-10 增加删除电子书功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-11 集成Validation做参数校验_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-12 电子书管理功能优化_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-13 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
6-14 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
6-2 增加电子书管理页面_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-3 电子书表格展示_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-4 使用PageHelper实现后端分页_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-5 封装分页请求参数和返回参数_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-6 前后端分页功能整合_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-7 制作电子书表单_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-8 完成电子书编辑功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
6-9 雪花算法与新增功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
第7章 分类管理功能开发/
7-1 本章介绍_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-10 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
7-2 分类表设计与代码生成_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-3 完成分类基本增删改查功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-4 分类表格显示优化_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-5 分类编辑功能优化_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-6 电子书管理增加分类选择_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-7 首页显示分类菜单_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-8 点击分类菜单显示电子书_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
7-9 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
第8章 文档管理功能开发/
8-1 本章介绍_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-10 文档内容的保存与显示_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-11 文档内容的显示_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-12 文档页面功能开发-1_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-13 文档页面功能开发-2_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-14 思考：高频面试题（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
8-15 总结：本章知识点梳理（持续更新）_慕课网_一手IT课程资源微信微信-rmshou-收集整理.pdf
8-2 文档表设计与代码生成_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-3 完成文档表基本增删改查功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-4 使用树形选择组件选择父节点_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-5 Vue页面参数传递完成新增文档功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-6 增加删除文档功能_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-7 集成富文本插件wangeditor_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-8 文档内容表设计与代码生成_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
8-9 文档管理页面布局修改_一手IT课程资源微信微信-rmshou-收集整理[3][2].mp4
第9章 用户管理&单点登录/
9-1 本章介绍[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-10 登录成功处理并集成vuex-2[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-11 增加退出登录功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-12 后端接口增加登录校验[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-13 前端界面增加登录校验[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-14 用户密码初始化[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-2 用户表设计与持久层代码生成[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-3 完成用户表基本增删改查功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-4 用户名重复校验与自定义异常[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-5 关于密码的两层加密处理[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-6 增加重置密码功能[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-7 单点登录token与JWT介绍[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-8 登录功能开发[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
9-9 登录成功处理并集成vuex-1[4]_更多IT资源免费领取+微信微信-rmshou-收集整理[2].mp4
课程资料/
课程电子书/
软件工具/
代码资料.zip
使用教程（必看）_更多IT资源免费领取+微信微信-rmshou-收集整理.url
核对章节.txt
课程资料下载_更多IT资源免费领取+微信微信-rmshou-收集整理.txt