2.1 通关Spring Boot+Vue 3前后端分离项目开发，升职加薪快人一步

本书内容偏向于项目实战，具有很强的实操性，读者可以边读边实践。希望本书可以为读者答疑解惑，降低一些学习成本。学习完本书，读者既能够学会实操一个完整的项目，也能够掌握目前炙手可热的技能——Spring Boot和Vue 3，有助于升职加薪。

2.1.1 新潮美观的页面和完整的开发流程，不要错过

如图2-1所示是本书最终实战商城项目的宣传图，包含11张实战项目的页面截图。

这是一个前后端分离的线上商城项目，技术栈为Spring Boot和Vue 3。帮助读者具备开发和统筹一个完整项目的能力是笔者编写本书的目标，读者跟随本书的内容进行Spring Boot+Vue 3的开发实战，可在实战中融会贯通当下的热门技术栈。

其实，Spring Boot技术栈和Vue技术栈这些开发技术本身并没有特别大的难点，只要愿意花时间去学，就能够掌握它们的基本用法，学习的难点往往在于从0到1搭建一个完整的实践项目，以及项目开发过程中对很多技术细节的再学习和处理。本书通过对技术栈和多个功能模块的开发实战的详细讲解，并结合实际项目开发中的产品流程帮助读者完成这个任务。

实战项目包含一个前后端分离的线上商城项目，功能模块包括登录认证模块、首页商品推荐模块、商品分类模块、商品搜索模块、购物车模块、下单模块、收货地址管理模块、订单管理模块等。本书围绕Spring Boot和Vue 3两个目前比较流行的技术栈向读者呈现一个大型项目完整的开发流程。本书的目录完全按照项目的开发和上线流程进行设计，如图2-2所示。

2.1.2 最热门的前后端开发技术栈，必须掌握

一个可以实操练手的完整项目，再配备上详细的技术讲解文案，相信无论身处哪个技术领域，都是提高自身技术水平最高效的方式。

本书实战项目以Spring Boot和Vue技术栈为主线，采用前后端分离开发模式，如图2-3所示。

不管是初入职场还是即将进入职场，想深入学习和了解Spring Boot技术栈和Vue技术栈，这个实战项目和这本书都是非常不错的选择。本书的内容分为前端部分和后端部分。其中，第3～9章为Spring Boot基础知识讲解，第10～15章为实战商城项目后端接口的开发讲解，第16～23章为Vue 3基础知识讲解，第24～28章为实战商城项目前端功能的开发讲解。读者可根据自身的开发经验灵活地安排学习计划。

2021年笔者在电子工业出版社出版了《Spring Boot实战：从0开始动手搭建企业级项目》一书，主要介绍了Spring Boot技术栈和新蜂商城v1版本的开发内容。该书发售之后，笔者收到了一些读者的反馈和新蜂商城项目关注者的留言，希望笔者能够继续整理新蜂商城Vue 3版本的开发讲解内容。Vue 3和Spring Boot确实是当下非常流行的前端开发技术栈和后端开发技术栈，于是，笔者与电子工业出版社再次合作，推出了本书，希望能够帮助读者在掌握Vue 3基础知识及使用技巧的同时，通过实战项目打通Vue 3项目开发和上线链路中的技能，真正做到学完即用。

本书内容包含前端知识和后端知识，前端开发人员和后端开发人员可以选择相关内容进行学习。为了让读者拥有更好的阅读体验，笔者将本书的优点和特性整理在一张图片中，方便读者查看，如图2-4所示。

2.1.3 即学即用，辅助开发者选择合适的开发方向

新蜂商城项目开源之后，笔者始料未及的是，这个商城项目被很多在校大学生作为毕业设计项目、被求职者作为求职时的项目经历。新潮美观的页面和交互、完善的商品管理和购物流程、简易的启动方式和较低的学习成本，与其他相关项目相比很有优势。

现在，对于这部分读者来说又多了一个前后端分离版本可以学习和使用。新蜂商城v1版本只有PC端的页面，加入前后端分离Vue版本之后，新蜂商城的展现形式更加丰富，此时的项目总览图如图2-5所示。

图2-5从左到右依次为新蜂商城Vue 3版本后台管理系统页面、新蜂商城v1版本页面、新蜂商城Vue版本商城端的3个页面。不仅是展现形式的增加和产品线的丰富，技术栈还加入了Vue，开发模式也变成了前后端分离开发模式。

新蜂商城v1版本主要面向后端Java开发人员，后来直接加入了Vue技术栈，也就是本书所实战的项目版本。这个项目进化成前后端分离的项目，后续还会逐渐升级迭代，让开发者可以学习更多的实战知识和理论知识。

对于大多数在校生来说，选择毕业后的从业方向是一个让人很头疼的问题，本书也会给读者一些学习方向和职业选择上的指引。书中的实战项目包括两个方向，服务端语言是Java，前端框架是Vue。如果读者可以认真地看完整本书，就会更立体地认识这两个开发方向，明白前端和后端的职责和主要任务，从而确定自己更倾向于去做前端开发还是去做服务端开发。商城项目也是对技术栈的一次全面考核。读者通过学习本书能够掌握从环境搭建到最后部署上线一整套前端开发的流程，线上接口及开发文档也会让读者快人一步熟悉真实职场的开发环境。