随着数字化时代的到来，Web开发技术日新月异，其中前后端分离架构已成为构建高效、可扩展Web应用的主流趋势。本书紧跟技术前沿，旨在为开发者提供一本系统、实用的学习参考用书，助力其掌握这一前沿技术栈。
Spring Boot以其约定优于配置的理念简化了后端开发流程，而Vue 3以其强大的响应式系统和组合式API推动了前端技术的发展。两者结合，不仅提升了开发效率，还促进了前后端的紧密协作与解耦，为现代Web应用的快速发展提供了强大动力。本书旨在通过构建一个甜点管理系统，引导读者从零开始，逐步掌握前后端分离开发的全流程。
未来，随着技术的不断进步，前后端分离架构的应用将更加广泛。通过本书的学习，读者将能够紧跟技术潮流，掌握前后端分离开发的精髓，为自己的职业发展铺就一条坚实的道路。同时，也期望本书能够为推动Web开发技术的进步贡献一份力量。
本书主要内容
本书可视为一本以项目实践为导向的书籍，适合想要学习如何使用Spring Boot和Vue 3进行前后端分离开发的读者。通过本书的学习，读者将能够紧跟技术潮流，掌握前后端分离开发的精髓。
全书共分为9章，涵盖了Spring Boot与Vue 3全栈开发概述、Spring Boot与Vue 3项目开发环境搭建、甜点管理系统实践项目概述、初始项目开发环境、实践项目整体布局、分类管理模块实现、甜点管理模块实现、安全访问功能实现及项目打包与部署等内容。
第1章Spring Boot与Vue 3全栈开发概述，聚焦MVC和MVVM开发模式、Spring Boot框架、Vue 3框架等全栈开发概念。
第2章Spring Boot与Vue 3项目开发环境搭建，描述了本书全栈开发所需软件的安装流程，并就一些软件的配置细节进行了阐述。
第3章甜点管理系统实践项目概述，包括登录、退出、分类管理、甜点管理等功能模块，引导读者了解整个项目的开发需求。
第4章初始项目开发环境，主要内容包括数据库设计、前端Vue 3项目创建、后端Spring Boot项目构建以及资源部署等关键环节。
第5章实践项目整体布局，详细阐述了甜点管理系统实践项目的整体布局设计与实现过程。重点聚焦于使用Element Plus组件库，实现前端界面的构建与优化。
第6章分类管理模块实现，深入解析了分类信息的新增、列表、编辑、删除功能的实现细节。 其中列表功能集成了分页查询机制，控制器父类提供Web层通用数据处理方法。
第7章甜点管理模块实现，专注于甜点信息的新增、列表、编辑、删除功能。其中列表功能集成了相对复杂的分页查询机制，并包含了图片资源上传显示等功能。
第8章安全访问功能实现，详尽阐述了登录与Token生成机制，以及基于Token的安全访问控制。此外，还进一步优化了登录框架。
第9章项目打包与部署，涵盖了运行环境的搭建、数据库的导入、前端与后端项目的部署，以及完成部署后的前后端协同测试。
本书特色
(1) 前沿技术，深度剖析。紧跟技术浪潮，详细讲解Spring Boot与Vue 3的技术实践环节，为关键步骤配以清晰注释与图示，降低读者的学习门槛，便于读者站在新技术前沿，掌握未来趋势。
(2) 项目引领，实践进阶。本书以解决实际问题为导向，采用项目驱动教学法，辅以详尽代码示例与实践练习，层层递进解析Spring Boot与Vue 3前后端分离技术精髓，助力读者稳步掌握核心技能。
(3) 全栈视角，前后端贯通。采用前后端分离架构，全面覆盖Spring Boot与Vue 3开发的全链条，构建坚实的技术栈基础。
(4) 安全为先，稳固防线。特别关注项目安全，详述Token验证等安全机制实现，为项目保驾护航，确保应用稳定运行。
配套资源
为便于教与学，本书配有微课视频、源代码、案例素材、教学课件、教学大纲、教案、安装程序、教学进度表、期末考核及评分标准。
(1) 获取微课视频方式： 先刮开并用手机版微信App扫描本书封底的文泉云盘防盗码，授权后再扫描书中相应的视频二维码，观看教学视频。
(2) 获取源代码、案例素材和安装程序等方式： 先刮开并用手机版微信App扫描本书封底的文泉云盘防盗码，授权后再扫描下方二维码，即可获取。
(3) 其他配套资源可以扫描本书封底的书圈二维码，关注后回复本书书号，即可下载。
源代码
案例教材
安装程序
全书网址
读者对象
本书主要面向广大从事Web开发、后端开发、前端开发、全栈开发及软件工程的专业人员，从事高等教育的教师、高等学校的在读学生及相关领域的广大科研人员。
致谢
本书由上海城建职业学院曹宇、章飞、张立为编写。在编写本书的过程中，作者参考了诸多相关资料，在此向相关资料的作者表示衷心的感谢。限于个人水平和时间仓促，书中难免存在疏漏之处，欢迎广大读者批评指正。
作者2025年1月
第1章Spring Boot与Vue 3全栈开发概述
1.1MVC模式和MVVM模式
1.1.1MVC模式
1.1.2MVVM模式
1.2前端框架Vue和后端框架Spring Boot
1.2.1前端框架Vue 3
1.2.2后端框架Spring Boot
1.3练习
第2章Spring Boot与Vue 3项目开发环境搭建
2.1搭建前端开发和运行环境
2.1.1安装Chrome浏览器
2.1.2安装Node.js平台
2.1.3npm常用命令
2.1.4创建Vue 3前端项目
2.1.5安装VSCode
2.2搭建后端开发和运行环境
2.2.1安装JDK
2.2.2安装IDEA
2.2.3安装MySQL和MySQL Workbench
2.3练习
第3章甜点管理系统实践项目概述
3.1登录和退出
3.2分类管理
3.2.1查询列表
3.2.2新增
3.2.3编辑
3.2.4删除
3.3甜点管理
3.3.1查询列表
3.3.2新增
3.3.3编辑
3.3.4删除
3.4练习
第4章初始项目开发环境
4.1数据库设计
4.1.1连接MySQL环境
4.1.2创建数据库、表并添加测试数据
4.2创建前端Vue 3项目
4.3创建后端Spring Boot项目
4.3.1Spring Initializr方式创建Spring Boot项目
4.3.2Maven方式创建Spring Boot项目
4.3.3部署图片资源
4.4练习
第5章实践项目整体布局
5.1集成Element Plus组件库
5.1.1安装Element Plus
5.1.2注册Element Plus
5.2实施路由配置和单页布局
5.2.1路由配置
5.2.2单页布局
5.3练习
第6章分类管理模块实现
6.1分类新增
6.1.1后端实现
6.1.2前端实现
6.1.3测试功能
6.1.4优化代码
6.2分类列表
6.2.1后端实现
6.2.2前端实现
6.2.3测试功能
6.2.4增设查询
6.3分类编辑
6.3.1后端实现
6.3.2前端实现
6.3.3测试功能
6.4分类删除
6.4.1后端实现
6.4.2前端实现
6.4.3测试功能
6.5控制器父类
6.6练习
第7章甜点管理模块实现
7.1甜点列表
7.1.1后端实现
7.1.2前端实现
7.1.3测试功能
7.2甜点新增
7.2.1后端实现
7.2.2前端实现
7.2.3测试功能
7.3甜点编辑
7.3.1后端实现
7.3.2前端实现
7.3.3测试功能
7.4甜点删除
7.4.1后端实现
7.4.2前端实现
7.4.3测试功能
7.5练习
第8章安全访问功能实现
8.1登录和生成Token
8.1.1后端实现
8.1.2前端实现
8.1.3测试功能
8.2使用Token实施安全访问
8.2.1后端实现
8.2.2前端实现
8.2.3测试功能
8.3完善登录框架
8.3.1后端实现
8.3.2前端实现
8.3.3测试功能
8.4练习
第9章项目打包与部署
9.1打包项目
9.1.1导出数据库
9.1.2打包前端Vue 3项目
9.1.3打包后端Spring Boot项目
9.2部署应用
9.2.1搭建运行环境
9.2.2导入数据库
9.2.3部署前端项目
9.2.4部署后端项目
9.2.5前后端应用协同测试
9.3练习
参考文献
新书资讯
