Spring Boot+vue3前后端分离,实战wiki知识库系统
从Spring Boot 接口设计到 Vue 思想实践,从框架搭建到部署上线,完整开发全栈项目
通过一个界面简约、功能完整的知识库项目,带你快速掌握Spring Boot核心知识+ Vue全家桶全栈技能。在此过程中,打造一套通用的组件工具(可应用于其他项目),掌握前后端分离开发模式,搭建一个专属自己的、内容可灵活配置的知识库系统。
技术要求
具备java、MySQL基础
具备HTML+CSS+JavaScript基础
环境参数
Spring Boot 2.4
Vue3
Vue CLI 4.5
[wm_tips]试看链接:https://pan.baidu.com/s/1PmITNgk-slXexLSIax_UFA
提取码:q4lc
[/wm_tips]
章节目录:
-
第1章 课程导学 试看4 节 | 17分钟
本章作为课程内容引入,主要介绍课程实战项目,课程的学习方法以及课程内容具体安排,希望大家都能通过这门课程,学有所成,学有所归。
收起列表
- 图文:1-1 课前必读
- 视频:1-2 课程介绍与学习指南 (10:21)试看
- 视频:1-3 开发环境准备 (03:21)试看
- 视频:1-4 如何利用源码进行学习 (02:35)试看
-
第2章 Spring Boot项目搭建11 节 | 86分钟
项目后端Spring Boot项目架构搭建,完成项目的工程配置,如:Git, Maven, 日志优化, 测试接口, 配置文件, 集成热部署等。
收起列表
- 视频:2-1 本章介绍 (01:35)
- 视频:2-2 新建SpringBoot项目【标准SpringBoot项目目录结构】 (13:35)
- 视频:2-3 项目初始配置 (07:50)
- 视频:2-4 代码关联Git远程仓库 (10:45)
- 视频:2-5 启动日志优化 (09:38)
- 视频:2-6 开发Hello World接口 (13:44)
- 视频:2-7 使用HTTP Client测试接口 (10:11)
- 视频:2-8 SpringBoot配置文件【自定义配置项】 (12:05)
- 视频:2-9 集成热部署 (06:19)
- 图文:2-10 思考:高频面试题(持续更新)
- 图文:2-11 总结:本章知识点梳理(持续更新)
-
第3章 后端架构完善与接口开发10 节 | 83分钟
本章将集成MyBatis及其官方代码生成器Generator,高效开发持久层代码,实现数据库查询接口,在此过程中,你将掌握拦截器、过滤器、AOP等Spring Boot核心组件。
收起列表
- 视频:3-1 本章介绍 (00:58)
- 视频:3-2 数据库准备 (10:02)
- 视频:3-3 IDEA数据库插件配置 (08:42)
- 视频:3-4 集成持久层框架Mybatis (16:51)
- 视频:3-5 集成Mybatis官方代码生成器 (16:20)
- 视频:3-6 电子书列表查询接口开发 (10:29)
- 视频:3-7 封装请求参数和返回参数 (12:53)
- 视频:3-8 制作CopyUtil封装BeanUtils (06:23)
- 图文:3-9 思考:高频面试题(持续更新)
- 图文:3-10 总结:本章知识点梳理(持续更新)
-
第4章 Vue3 + Vue CLI 项目搭建9 节 | 64分钟
本章将完成项目前端模块搭建,创建Vue CLI 项目Web,集成支持Vue3的UI组件库Ant Design Vue,完成网站页面基本布局,集成Vue-Router路由组件。
收起列表
- 视频:4-1 本章介绍 (01:12)
- 视频:4-2 了解Vue和Vue CLI及其关系 (04:29)
- 视频:4-3 创建Vue CLI项目 (10:25)
- 视频:4-4 Vue CLI项目结构解析 (10:15)
- 视频:4-5 集成Ant Design Vue (10:19)
- 视频:4-6 网站首页布局开发 (16:02)
- 视频:4-7 制作Vue自定义组件 (11:04)
- 图文:4-8 思考:高频面试题(持续更新)
- 图文:4-9 总结:本章知识点梳理(持续更新)
-
第5章 前后端交互整合11 节 | 89分钟
本章将完成前后端功能整合,集成HTTP组件Axios,解决前后端分离架构中常见的问题,如跨域、参数传递、多环境配置等。
收起列表
- 视频:5-1 本章介绍 (01:52)
- 视频:5-2 集成HTTP库axios (12:03)
- 视频:5-3 Vue3数据绑定显示列表数据 (14:04)
- 视频:5-4 电子书列表界面展示 (20:28)
- 视频:5-5 Vue CLI多环境配置 (13:02)
- 视频:5-6 使用Axios拦截器打印前端日志 (06:01)
- 视频:5-7 SpringBoot过滤器的使用 (04:50)
- 视频:5-8 SpringBoot拦截器的使用 (06:57)
- 视频:5-9 SpringBoot AOP的使用 (09:06)
- 图文:5-10 思考:高频面试题(持续更新)
- 图文:5-11 总结:本章知识点梳理(持续更新)
-
第6章 电子书管理功能开发14 节 | 133分钟
本章将完成电子书管理功能开发,学习单表管理功能设计,包括页面设计、接口设计等,集成MyBatis分页插件PageHelper,后端校验框架Validation,统一异常处理等。
收起列表
- 视频:6-1 本章介绍 (02:06)
- 视频:6-2 增加电子书管理页面 (08:32)
- 视频:6-3 电子书表格展示 (13:31)
- 视频:6-4 使用PageHelper实现后端分页 (08:58)
- 视频:6-5 封装分页请求参数和返回参数 (11:32)
- 视频:6-6 前后端分页功能整合 (13:59)
- 视频:6-7 制作电子书表单 (09:14)
- 视频:6-8 完成电子书编辑功能 (16:36)
- 视频:6-9 雪花算法与新增功能 (13:57)
- 视频:6-10 增加删除电子书功能 (09:33)
- 视频:6-11 集成Validation做参数校验 (14:29)
- 视频:6-12 电子书管理功能优化 (09:37)
- 图文:6-13 思考:高频面试题(持续更新)
- 图文:6-14 总结:本章知识点梳理(持续更新)
-
第7章 分类管理功能开发10 节 | 84分钟
本章将完成分类管理功能开发,实现慕课网教程的两级分类,你将掌握基础树形功能设计,包括表设计、页面设计等。
收起列表
- 视频:7-1 本章介绍 (01:27)
- 视频:7-2 分类表设计与代码生成 (05:09)
- 视频:7-3 完成分类基本增删改查功能 (13:02)
- 视频:7-4 分类表格显示优化 (14:30)
- 视频:7-5 分类编辑功能优化 (08:11)
- 视频:7-6 电子书管理增加分类选择 (16:45)
- 视频:7-7 首页显示分类菜单 (08:35)
- 视频:7-8 点击分类菜单显示电子书 (16:04)
- 图文:7-9 思考:高频面试题(持续更新)
- 图文:7-10 总结:本章知识点梳理(持续更新)
-
第8章 文档管理功能开发15 节 | 135分钟
本章将完成文档管理功能开发,你将掌握无限级树功能设计,表结构如何设计,树节点的增删改查功能如何设计等,本章还将集成轻量级富文本框wangEditor,支持在知识库中插入图片、视频等。
收起列表
- 视频:8-1 本章介绍 (01:59)
- 视频:8-2 文档表设计与代码生成 (03:52)
- 视频:8-3 完成文档表基本增删改查功能 (09:16)
- 视频:8-4 使用树形选择组件选择父节点 (16:22)
- 视频:8-5 Vue页面参数传递完成新增文档功能 (06:30)
- 视频:8-6 增加删除文档功能 (16:31)
- 视频:8-7 集成富文本插件wangeditor (11:39)
- 视频:8-8 文档内容表设计与代码生成 (04:02)
- 视频:8-9 文档管理页面布局修改 (15:43)
- 视频:8-10 文档内容的保存与显示 (10:48)
- 视频:8-11 文档内容的显示 (08:58)
- 视频:8-12 文档页面功能开发-1 (11:43)
- 视频:8-13 文档页面功能开发-2 (17:33)
- 图文:8-14 思考:高频面试题(持续更新)
- 图文:8-15 总结:本章知识点梳理(持续更新)
-
第9章 用户管理&单点登录16 节 | 144分钟
本章将实现用户管理,对接分布式缓存Redis,实现用户登录及登录校验。为了保障网站数据安全,实现登录成功的用户才可进入相关的管理页面逻辑,对相关的增删改查接口增加登录校验等处理。
收起列表
- 视频:9-1 本章介绍 (01:54)
- 视频:9-2 用户表设计与持久层代码生成 (01:48)
- 视频:9-3 完成用户表基本增删改查功能 (06:30)
- 视频:9-4 用户名重复校验与自定义异常 (16:29)
- 视频:9-5 关于密码的两层加密处理 (10:44)
- 视频:9-6 增加重置密码功能 (13:06)
- 视频:9-7 单点登录token与JWT介绍 (11:37)
- 视频:9-8 登录功能开发 (18:52)
- 视频:9-9 登录成功处理并集成vuex-1 (13:47)
- 视频:9-10 登录成功处理并集成vuex-2 (13:44)
- 视频:9-11 增加退出登录功能 (10:52)
- 视频:9-12 后端接口增加登录校验 (09:58)
- 视频:9-13 前端界面增加登录校验 (09:45)
- 视频:9-14 用户密码初始化 (04:21)
- 图文:9-15 思考:高频面试题(持续更新)
- 图文:9-16 总结:本章知识点梳理(持续更新)
-
第10章 阅读量&点赞量13 节 | 114分钟
本章将完成文档阅读数、点赞数功能开发。你将掌握Spring Boot定时任务的实践应用。
收起列表
- 视频:10-1 本章介绍 (01:14)
- 视频:10-2 文档阅读数更新 (15:51)
- 视频:10-3 文档点赞功能开发 (10:48)
- 视频:10-4 电子书信息更新方案调研 (11:03)
- 视频:10-5 SpringBoot定时任务示例 (05:30)
- 视频:10-6 完成电子书信息定时更新功能 (13:22)
- 视频:10-7 日志流水号的使用 (06:43)
- 视频:10-8 WebSocket使用示例 (10:31)
- 视频:10-9 完成点赞通知功能 (07:21)
- 视频:10-10 使用异步化解耦点赞通知功能 (17:22)
- 视频:10-11 使用MQ解耦点赞通知功能 (13:42)
- 图文:10-12 思考:高频面试题(持续更新)
- 图文:10-13 总结:本章知识点梳理(持续更新)
-
第11章 知识库功能开发12 节 | 82分钟
本章将完成知识库功能开发,集成WebSocket完成网站通知,增加数据统计并集成报表组件ECharts完成相关报表展示,丰富首页内容等。本章还将学习SpringBoot异步解耦相关知识,包括自带的异步线程,集成RocketMQ等。
收起列表
- 视频:11-1 本章介绍 (00:51)
- 视频:11-2 报表统计方案的探讨 (06:38)
- 视频:11-3 电子书快照表设计 (04:43)
- 视频:11-4 电子书快照收集脚本编写-1 (15:18)
- 视频:11-5 电子书快照收集脚本编写-2 (12:21)
- 视频:11-6 完成电子书快照功能 (03:55)
- 视频:11-7 首页统计数值功能开发 (16:15)
- 视频:11-8 Echarts的集成与使用示例 (08:02)
- 视频:11-9 30天趋势图功能开发 (07:52)
- 视频:11-10 网站优化 (06:05)
- 图文:11-11 思考:高频面试题(持续更新)
- 图文:11-12 总结:本章知识点梳理(持续更新)
-
第12章 项目部署发布12 节 | 81分钟
本章将带你完成电子书系统的最后一个环节,将项目部署到阿里云上,后端打成jar包发布,前端使用Nginx发布。所有的部署操作,包括传文件,执行命令,全部在IDEA里面完成,不依赖第三方软件,带大家感受IDEA的强大。
收起列表
- 视频:12-1 本章介绍 (01:29)
- 视频:12-2 RDS购买与配置 (09:35)
- 视频:12-3 ECS购买与配置 (10:23)
- 视频:12-4 配置IDEA连接ECS (06:44)
- 视频:12-5 JDK的安装与配置 (04:55)
- 视频:12-6 后端Java项目发布 (21:23)
- 视频:12-7 nginx安装与配置 (03:11)
- 视频:12-8 前端Vue项目发布 (05:41)
- 视频:12-9 域名准备 (06:32)
- 视频:12-10 nginx配置域名 (10:21)
- 图文:12-11 思考:高频面试题(持续更新)
- 图文:12-12 总结:本章知识点梳理(持续更新)
-
第13章 课程总结1 节 | 8分钟
本章作为课程的最后一章,将带你整体梳理课程所学的内容,提供一些后续的学习建议,在课程问答区老师等着与你进一步交流。
收起列表
- 视频:13-1 课程总结 (07:03)