本书要点

详解Spring Boot 3结合Vue 3框架的全栈开发方法。

剖析在线商城系统、人事管理系统的开发过程。

本书配套示例源代码、PPT课件、教学大纲、教学视频与读者微信技术交流群。

内容简介

《Spring Boot+Vue全栈开发实践:视频教学版》面向全栈开发者，系统讲解基于Spring Boot 3与Vue.js 3的前后端分离开发技术栈，涵盖从基础原理到项目落地的全流程，帮助读者快速掌握现代Web应用开发的核心技术，并具备独立构建全栈Web应用的能力。《Spring Boot+Vue全栈开发实践:视频教学版》配套示例源代码、PPT课件、教学大纲、教学视频与读者微信技术交流群。

《Spring Boot+Vue全栈开发实践:视频教学版》共分12章，内容包括Spring Boot基础、使用Spring Boot进行Web开发、创建RESTful Web服务、Spring Boot的数据访问、缓存与Redis、应用程序安全性、Vue框架概述、Vue框架基础、Vue.js核心概念、前后端交互、在线商城系统实战和人事管理系统实战。

《Spring Boot+Vue全栈开发实践:视频教学版》既适合Spring Boot初学者、Spring Boot前后端分离开发人员、Web应用开发与设计人员，也适合高等院校及高职高专院校学习前后端分离开发的学生。

主要作者简介

杨章伟，中国人民大学计算机技术硕士，副教授，中国计算机学会(CCF)会员，萍乡市网络空间安全工程研究中心负责人。主要从事云计算、网络安全、教育信息化等方面的研究。近年来主持完成省部级科技、教改等科研项目多项，出版过多部教材及应用书籍。主创的图书有《Spring+Spring MVC+MyBatis从零开始学(视频教学版)(第3版)》《SSM+Vue.js 3全栈开发实战》《Spring+Spring MVC+MyBatis从零开始学》等。

前    言

在互联网技术飞速发展的今天，企业级应用开发正朝着高效化、模块化、前后端分离的方向演进。为了满足开发者对快速迭代与系统稳定性的双重需求，本书以Spring Boot与Vue.js两大主流框架为核心，构建一套从零基础到企业级项目落地的完整技术体系，帮助读者掌握现代Web应用开发的核心技术。

Spring Boot作为Java生态的革命性框架，通过“约定优于配置”的理念，彻底简化了传统Spring应用的烦琐配置。它深度整合了Spring MVC、数据访问、安全认证等模块，并支持与MyBatis、Redis等技术无缝对接，使开发者能够聚焦业务逻辑而非基础设施。而Vue.js以其渐进式框架设计、响应式数据绑定和组件化开发能力，成为前端工程化的首选工具。其轻量级特性与灵活的API设计，使得前后端数据交互更加高效，尤其适合与Spring Boot构建的RESTful API协同工作。两者的结合实现了前后端分离架构的完美落地，后端专注于API设计与数据管理，前端通过Vue.js实现动态渲染与交互，显著提升了开发效率与系统可维护性。

本书技术要点

1）全栈技术图谱

后端开发：从Spring Boot环境搭建到RESTful服务开发，深入讲解数据持久化（JDBC、MyBatis）、缓存（Redis）、安全体系（Spring Security、JWT）等核心模块。

前端开发：系统覆盖Vue.js基础语法、组件化开发、状态管理（Vuex）、路由（Vue Router）及数据交互（Axios），结合Bootstrap实现响应式页面。

2）企业级项目实战

在线商城系统：通过用户、商品、订单等模块，演示全流程开发过程，包括数据库设计、接口联调、性能优化（代码分割、懒加载）。

人事管理系统：聚焦权限控制、动态表单与数据可视化，解析企业级应用的复杂需求与实现方案。

3）工程化能力提升

掌握RESTful API设计原则与版本控制，解决跨域（CORS）与认证（OAuth 2.0）等实际难题。

学习代码生成器、Swagger文档、分布式锁等高效开发工具，提升项目交付质量。

4）开启全栈开发大门的钥匙

本书不仅是技术手册，更是一把开启全栈开发大门的钥匙。无论你是技术新人还是进阶开发者，都能从中找到自己需要的知识，高效构建高可用、可扩展的现代Web应用。

本书特色

（1）由浅入深，循序渐进：从Spring Boot基础到Vue.js生命周期，逐步构建全栈开发知识体系。

（2）案例驱动，注重实践：每章配套可运行的代码示例（如登录验证、动态SQL、JSON交互），读者可边学边练。

（3）技术整合，贴近真实场景：整合Spring Data JPA、Spring Security、MyBatis-Plus、Vue Router等工具，模拟企业级技术栈。

（4）贴心提示，突破难点：通过“注意”“说明”等内容，解析事务管理、拦截器、响应式布局等关键细节。

（5）配套丰富，方便教学：配套示例源代码、PPT课件、教学大纲、教学视频，方便教师授课以及读者自学。

配套资料下载

本书配套示例源代码、PPT课件、教学大纲、教学视频与读者微信技术交流群，读者使用自己的微信扫描右侧的二维码即可获取。如果在阅读过程中发现问题或有任何建议，请联系下载资源中提供的相关微信号。

适合的读者

Spring Boot开发初学者：希望系统掌握Spring Boot与Vue.js基础语法与开发流程。

?全栈开发工程师：寻求技术栈升级，提升前后端协同开发能力。

?Web应用开发人员：需要快速搭建企业级应用（如电商、企业管理系统）。

?计算机相关专业学生：通过完整项目案例理解软件工程全貌。

作者与鸣谢

本书由杨章伟、刘祥淼两位作者创作。由于作者水平限制以及成书时间仓促，书中难免存在不足之处，敬请广大读者批评指正。

本书的顺利出版离不开清华大学出版社老师们的帮助，在此表示感谢。

作    者

2026年1月

目录

目    录
第 1 章  Spring Boot基础 1
1.1  Spring Boot简介 1
1.2  Spring Boot的特点和优势 2
1.3  搭建Spring Boot开发环境 2
1.3.1  安装配置Java 3
1.3.2  安装Maven构建工具 4
1.4  创建第一个Spring Boot项目 6
1.4.1  创建Maven项目 6
1.4.2  引入起步依赖 7
1.4.3  编写启动类 9
1.4.4  自定义Controller 10
1.4.5  开始测试 11
1.5  Spring Boot的核心配 置 12
1.5.1  自动配置 12
1.5.2  外部化配置 13
1.5.3  命令行配置 14
1.5.4  YAML配置文件 14
1.6  小结 15
第 2 章  使用Spring Boot进行Web开发 16
2.1  实体与数据持久层 16
2.1.1  数据持久层框架 16
2.1.2  实体 17
2.1.3  Spring Data JPA 17
2.1.4  使用Lombok简化POJO 17
2.2  MVC与模板引擎 18
2.2.1  MVC框架 18
2.2.2  Thymeleaf模板引擎 21
2.2.3  构建MVC架构的Web应用 22
2.3  文件的上传和下载 23
2.3.1  上传文件 23
2.3.2  下载文件 24
2.4  日志 24
2.4.1  使用预设配置 24
2.4.2  基础配置 25
2.4.3  详细配置 25
2.4.4  Lombok注解 25
2.4.5  在Windows平台输出彩色日志的Jansi 25
2.5  过滤器和拦截器 27
2.5.1  过滤器 27
2.5.2  使用过滤器实现访问控制 28
2.5.3  拦截器 28
2.5.4  使用拦截器记录请求参数 29
2.6  Spring Boot事件 30
2.6.1  事件驱动模型 30
2.6.2  内置事件 30
2.6.3  监听内置事件 31
2.6.4  自定义事件 31
2.6.5  异步事件 32
2.7  小结 32
第 3 章  创建RESTful Web服务 34
3.1  第一个RESTful服务 34
3.2  HTTP 37
3.2.1  HTTP报文 37
3.2.2  @RequestMapping 38
3.3  请求和响应 39
3.3.1  简单请求和@RequestParam 39
3.3.2  使用@PathVariable获取URL中的参数 40
3.3.3  @RequestHeader获取请求头 40
3.3.4  @RequestBody和@ResponseBody 40
3.3.5  使用ResponseEntity处理HTTP响应 41
3.4  参数验证 41
3.4.1  基础验证Bean Validation 41
3.4.2  高级验证Spring Validation 42
3.4.3  自定义校验 42
3.5  错误处理 43
3.6  Swagger文档 46
3.6.1  Swagger/OpenAPI规范 46
3.6.2  生成接口文档 46
3.6.3  使用注解生成文档内容 46
3.7  小结 47
第 4 章  Spring Boot的数据访问 49
4.1  配置数据源 49
4.2  使用jdbcTemplate访问关系数据库 50
4.3  数据库与持久层 52
4.3.1  数据库访问层与持久层概念 53
4.3.2  实体类映射 53
4.3.3  数据访问对象 54
4.3.4  服务层 54
4.3.5  事务管理 54
4.4  整合MyBatis框架 57
4.4.1  MyBatis基础 57
4.4.2  集成MyBatis 63
4.4.3  Mapper接口和XML 64
4.4.4  动态SQL 66
4.4.5  MyBatis-Plus 67
4.5  小结 70
第 5 章  缓存与Redis 71
5.1  Spring Cache 71
5.1.1  Spring Cache介绍 71
5.1.2  启用Spring Cache 72
5.2  Spring Data Redis 75
5.2.1  Redis基础 75
5.2.2  整合Redis 77
5.2.3  数据序列化 79
5.2.4  缓存注解 80
5.2.5  分布式锁 82
5.3  小结 87
第 6 章  应用程序安全性 88
6.1  Spring Security的注册登录 88
6.1.1  Spring Security简介 88
6.1.2  用户注册 89
6.1.3  用户登录 91
6.1.4  “记住我”功能 96
6.2  权限管理 98
6.2.1  权限和登录 98
6.2.2  权限管理系统中的实体 98
6.2.3  配置和应用 103
6.2.4  权限管理注解 104
6.3  Session-Cookie 105
6.3.1  什么是Session-Cookie 105
6.3.2  使用Session-Cookie管理Session 106
6.3.3  Session并发配置 107
6.3.4  强制下线 109
6.4  JWT（JSON Web Token） 109
6.4.1  关于JWT 109
6.4.2  JWT工作流程 110
6.4.3  Spring Security集成JWT 110
6.5  OAuth 2.0 115
6.5.1  OAuth 2.0简介 115
6.5.2  授权模式 115
6.5.3  集成OAuth 2.0实现SSO单点登录 118
6.6  小结 121
第 7 章  Vue框架概述 123
7.1  Vue介绍 123
7.1.1  Vue简介 123
7.1.2  Vue的MVVM模式 124
7.2  Vue的生命周期 125
7.2.1  Vue生命周期概述 125
7.2.2  生命周期钩子函数 126
7.2.3  生命周期的意义 128
7.3  环境搭建和第一个Vue应用 129
7.3.1  环境搭建 129
7.3.2  安装Visual Studio Code 132
7.3.3  创建第一个Vue应用 134
7.4  小结 136
第 8 章  Vue框架基础 137
8.1  Vue实例和模板语法 137
8.1.1  创建Vue实例 137
8.1.2  模板语法 139
8.2  数据绑定与动态内容 139
8.2.1  Vue中数据绑定的概念 139
8.2.2  实现方式 139
8.3  计算属性和监听器 142
8.3.1  计算属性 142
8.3.2  监听器 143
8.4  条件渲染和列表渲染 144
8.4.1  条件渲染 144
8.4.2  列表渲染 147
8.5  小结 149
第 9 章  Vue核心概念 150
9.1  组件化开发 150
9.1.1  组件基础 150
9.1.2  组件通信 151
9.1.3  自定义组件和插槽 154
9.2  BootStrap 156
9.2.1  BootStrap框架概述 156
9.2.2  整合BootStrap 158
9.2.3  使用BootstrapVue（Vue插件） 159
9.3  Vue Router 160
9.3.1  Vue Router简介 161
9.3.2  路由配置 161
9.3.3  导航守卫 162
9.3.4  动态路由 164
9.3.5  在Vue组件中使用路由 166
9.4  状态管理Vuex 167
9.4.1  Vue的响应式原理 167
9.4.2  创建一个Vuex store 170
9.4.3  在Vue组件中使用Vuex store 171
9.4.4  模块化的Vuex store 173
9.5  前端Axios数据交互 174
9.5.1  Axios简介 175
9.5.2  Axios配置 175
9.5.3  Axios拦截器 178
9.5.4  Vue封装Axios 179
9.6  小结 181
第 10 章  前后端交互 182
10.1  前后端分离架构 182
10.2  RESTful API设计 183
10.2.1  API设计原则 183
10.2.2  API版本控制 184
10.2.3  API文档管理 185
10.3  跨域资源共享 186
10.3.1  CORS概念 186
10.3.2  CORS配置 187
10.3.3  跨域问题解决方案 188
10.4  用户认证流程 189
10.4.1  登录流程设计 189
10.4.2  权限验证 190
10.4.3  前端守卫和路由保护 191
10.5  性能优化 192
10.5.1  代码分割 192
10.5.2  懒加载 193
10.5.3  缓存策略 194
10.6  小结 196
第 11 章  在线商城系统实战 197
11.1  需求分析 197
11.1.1  功能性需求（核心功能模块与详细描述） 197
11.1.2  非功能性需求（性能与安全性） 198
11.2  系统设计与技术选型 200
11.3  开发环境搭建 202
11.3.1  后端环境搭建 202
11.3.2  前端环境搭建 204
11.4  后端开发的准备工作 206
11.4.1  引入依赖 206
11.4.2  数据库建表 208
11.4.3  配置 210
11.4.4  MyBatis-Plus代码生成器（三层架构实现） 211
11.5  项目后端开发 213
11.5.1  用户模块 213
11.5.2  商品模块 221
11.5.3  购物车和订单模块 226
11.6  前端开发的准备工作 231
11.7  项目前端设计 238
11.7.1  前端页面布局 238
11.7.2  用户模块 240
11.7.3  商品模块 248
11.7.4  购物车和订单模块 256
11.8  接口对接和数据交互 260
11.8.1  前后端联调 260
11.8.2  数据格式和状态码约定 261
11.9  项目总结 263
第 12 章  人事管理系统实战 265
12.1  需求分析和规划 265
12.2  系统设计 266
12.2.1  数据库设计 266
12.2.2  实体类设计 268
12.2.3  界面设计 269
12.3  技术选型 272
12.4  后端功能实现 273
12.4.1  员工管理模块 273
12.4.2  部门管理模块 277
12.4.3  权限管理模块 278
12.5  前端功能开发 280
12.5.1  员工管理 280
12.5.2  部门管理 291
12.5.3  权限管理 294
12.6  项目总结 297