课程名称:黑马 SpringBoot3 + Vue3 全套教程
课程简介
本课程是一套从零到企业级开发的全栈实战教程,涵盖SpringBoot3后端和Vue3前端两大核心技术栈。课程分为基础篇和实战篇两大模块:基础篇讲解SpringBoot核心原理(自动配置、Bean管理、自定义starter等);实战篇通过"大事件"项目完整演示前后端分离开发流程,包含用户认证、JWT令牌、文章管理、文件上传(阿里云OSS)、Redis缓存优化、Vue3工程化开发、Element Plus组件库使用等企业级开发必备技能。
课程内容详情
第一部分:SpringBoot3基础篇(共12节)
| 序号 | 课程标题 | 核心内容 |
|---|
| 00 | SpringBoot+Vue导学课程 | 课程整体介绍与学习路线 |
| 01 | springboot概述 | SpringBoot概念、特点与优势 |
| 02 | springboot入门 | 第一个SpringBoot应用 |
| 03 | springboot工程创建 | IDEA创建SpringBoot项目 |
| 04 | 配置文件基本使用 | properties/yml配置语法 |
| 05 | yml配置信息书写和获取 | @Value、@ConfigurationProperties |
| 06 | springboot整合mybatis | 数据库操作整合 |
| 07 | Bean扫描 | @ComponentScan使用 |
| 08 | Bean注册 | @Bean、@Component等注解 |
| 09 | 注册条件 | @Conditional条件注解 |
| 10 | 自动配置原理 | SpringBoot自动配置核心机制 |
| 11 | 自定义starter | 动手编写自己的starter |
第二部分:SpringBoot3实战篇(共73节)
2.1 项目搭建与用户模块(第01-14节)
| 序号 | 课程标题 | 核心内容 |
|---|
| 01 | 实战概述 | 大事件项目介绍 |
| 02 | 开发模式和环境搭建 | 前后端分离架构 |
| 03 | 注册接口 | 用户注册功能实现 |
| 04 | 注册接口参数校验 | @Valid参数校验 |
| 05 | 登录主逻辑 | 用户登录业务实现 |
| 06 | 登录认证引入 | 认证机制分析 |
| 07 | JWT令牌 | JWT生成与解析 |
| 08 | 登录认证完成 | 完整认证流程 |
| 09 | 获取用户详细信息 | 查询用户信息 |
| 10 | ThreadLocal优化 | 线程局部变量应用 |
| 11 | 更新用户基本信息 | 修改用户资料 |
| 12 | 参数校验 | 更新接口校验 |
| 13 | 更新用户头像 | 头像上传与更新 |
| 14 | 更新用户密码 | 密码修改功能 |
2.2 文章管理模块(第15-23节)
| 序号 | 课程标题 | 核心内容 |
|---|
| 15 | 新增文章分类 | 分类添加功能 |
| 16 | 文章分类列表 | 分类列表查询 |
| 17 | 获取文章分类详情 | 单条分类详情 |
| 18 | 更新文章分类 | 修改分类信息 |
| 19 | 分组校验 | 校验规则分组 |
| 20 | 新增文章 | 文章发布功能 |
| 21 | 自定义校验 | 自定义注解校验 |
| 22 | 条件分页查询 | 文章列表分页 |
| 23 | 文件上传-本地存储 | 本地文件上传 |
2.3 文件上传与Redis优化(第24-33节)
| 序号 | 课程标题 | 核心内容 |
|---|
| 24 | 阿里云OSS-准备工作 | OSS开通与配置 |
| 25 | 阿里云OSS-入门程序 | OSS SDK使用 |
| 26 | 阿里云OSS-程序集成 | 集成OSS上传 |
| 27 | 登录优化-redis思路分析 | Redis缓存设计 |
| 28 | SpringBoot集成redis | Redis配置与使用 |
| 29 | 主动失效机制实现 | 令牌失效管理 |
| 30 | SpringBoot项目部署 | 打包与部署 |
| 31 | 属性配置方式 | 多环境配置 |
| 32 | 多环境开发-基本使用 | profile配置 |
| 33 | 多环境开发-分组 | 环境分组管理 |
2.4 Vue3前端基础(第34-56节)
| 序号 | 课程标题 | 核心内容 |
|---|
| 34 | js导入导出 | ES6模块化 |
| 35 | vue概述 | Vue框架介绍 |
| 36 | vue快速入门 | 第一个Vue应用 |
| 37 | v-for指令 | 列表渲染 |
| 38 | v-bind指令 | 属性绑定 |
| 39 | v-if和v-show | 条件渲染 |
| 40 | v-on指令 | 事件绑定 |
| 41 | v-model指令 | 双向数据绑定 |
| 42 | vue生命周期 | 生命周期钩子 |
| 43 | axios基本使用 | HTTP请求库 |
| 44 | vue案例 | 综合小案例 |
| 45 | 工程化-准备环境 | Node.js/npm配置 |
| 46 | vue项目创建和启动 | Vite脚手架 |
| 47 | vue项目开发流程 | 工程化开发流程 |
| 48 | vue的api风格 | 选项式与组合式API |
| 49 | 案例基础实现 | 工程化案例 |
| 50-51 | 案例代码优化 | 代码重构优化 |
| 52 | element快速入门 | Element Plus使用 |
| 53 | 表格组件 | el-table使用 |
| 54 | 分页条组件 | el-pagination |
| 55 | 表单组件 | el-form使用 |
| 56 | 卡片组件 | el-card使用 |
2.5 大事件前端完整实现(第57-85节)
| 序号 | 课程标题 | 核心内容 |
|---|
| 57 | 概述 | 前端项目介绍 |
| 58 | 环境准备 | 项目初始化 |
| 59 | 注册-页面搭建 | 注册页面开发 |
| 60 | 注册-接口调用 | 对接注册API |
| 61 | 跨域解决 | 代理配置/CORS |
| 62 | 登录 | 登录页面与接口 |
| 63 | axios响应拦截器 | 统一响应处理 |
| 64 | 主页面搭建 | 布局组件开发 |
| 65 | 路由基本使用 | Vue Router配置 |
| 66 | 子路由 | 嵌套路由实现 |
| 67 | 文章分类列表查询 | 分类数据展示 |
| 68 | pinia基本使用 | 状态管理 |
| 69 | axios请求拦截器 | 统一请求处理 |
| 70 | pinia持久化插件 | persist插件 |
| 71 | 未登录统一处理 | 路由守卫 |
| 72 | 文章分类添加 | 分类新增功能 |
| 73 | 编辑分类-弹窗显示 | 对话框组件 |
| 74 | 编辑分类-接口调用 | 更新分类API |
| 75 | 删除分类 | 删除确认与调用 |
| 76 | 文章列表查询-页面搭建 | 列表页布局 |
| 77 | 文章列表查询-接口调用 | 分页查询对接 |
| 78 | 文章列表查询-事件处理 | 搜索/筛选功能 |
| 79 | 添加文章-页面搭建 | 文章表单开发 |
| 80 | 文章封面图片上传 | 图片上传组件 |
| 81 | 添加文章-接口调用 | 发布文章API |
| 82 | 顶部导航栏信息显示 | 用户信息展示 |
| 83 | 下拉菜单功能实现 | 用户菜单 |
| 84 | 基本资料修改 | 用户资料编辑 |
| 85 | 用户头像修改 | 头像更新功能 |
配套资源
| 文件夹 | 内容说明 |
|---|
| 02_随堂资料 | 课程配套资料包(.exe格式) |
| 03_ppt | 课程讲义PPT(3个文件) |
| 04_代码 | 完整项目源代码(.exe格式) |
技术栈概览
| 分类 | 技术 |
|---|
| 后端框架 | SpringBoot3 |
| 数据库 | MySQL + MyBatis |
| 认证授权 | JWT |
| 缓存 | Redis |
| 对象存储 | 阿里云OSS |
| 前端框架 | Vue3 |
| 构建工具 | Vite |
| UI组件库 | Element Plus |
| 状态管理 | Pinia |
| HTTP客户端 | Axios |
课程特点
- ✅ 全栈覆盖:从后端SpringBoot到前端Vue3,一条龙学习
- ✅ 实战驱动:完整的"大事件"项目贯穿始终
- ✅ 企业级方案:JWT认证、Redis缓存、OSS文件上传
- ✅ 工程化开发:Vue3工程化、Pinia状态管理、路由守卫
- ✅ 代码完整:提供全部源码和随堂资料
学习建议
| 基础 | 建议路线 |
|---|
| 零基础 | 按顺序从基础篇01开始,先学SpringBoot再学Vue3 |
| 有后端基础 | 可直接从实战篇01开始,快速掌握全栈开发 |
| 前端方向 | 重点学习第34-85节,掌握Vue3+Element Plus |