收藏

Spring Boot + Vue3 前后端分离

实战wiki知识库系统

从Spring Boot 接口设计到 Vue 思想实践,从框架搭建到部署上线,完整开发全栈项目

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

难度 初级 时长 18小时 学习人数 1081 综合评分 9.99

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

  • 第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)
本课程已完结

试看

全部试看小节



讲师

十三年Java研发和带团队经验,目前在知名第三方支付公司担任项目经理,负责公司核心支付项目的研发管理工作及技术培训工作,多年的支付相关工作造就了严谨的代码开发风格。专注于Java全栈技术研究和分享,独立完成过多个项目,熟悉项目开发的生命周期,从框架搭建到部署上线。讲课风格以实战为基础,不说废话,只讲干货。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题