Spring Boot+Vue 3 大型前后端分离项目实战电子书

内容简介

自序

第1章 前后端分离开发模式介绍

1.1 传统的MVC开发模式

1.2 传统的MVC开发模式的痛点

1.3 什么是前后端分离

1.3.1 前后端分离是一种项目开发模式

1.3.2 前后端分离是一种人员分工模式

1.3.3 前后端分离是一种项目部署模式

1.4 前后端分离的优点和注意事项

第2章 Spring Boot+Vue 3前后端分离实战商城项目的需求分析与功能设计

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

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

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

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

2.2 选择开发商城系统的原因

2.2.1 什么是商城系统

2.2.2 为什么要做商城系统

2.3 认识新蜂商城系统

2.3.1 新蜂商城系统介绍

2.3.2 新蜂商城系统开发背景

2.3.3 新蜂商城系统开源过程

2.4 新蜂商城功能详解

2.4.1 商城端功能整理

2.4.2 后台管理系统功能整理

第3章 后端技术栈选择之Spring Boot

3.1 认识Spring Boot

3.1.1 越来越流行的Spring Boot

3.1.2 Java开发者必备的技术栈

3.2 选择Spring Boot

3.2.1 Spring Boot的理念

3.2.2 Spring Boot可以简化开发

3.2.3 Spring Boot的其他特性

第4章 后端代码运行环境及开发工具安装

4.1 JDK的安装和配置

4.1.1 下载安装包

4.1.2 安装JDK

4.1.3 配置环境变量

4.1.4 JDK环境变量验证

4.2 Maven的安装和配置

4.2.1 下载安装包

4.2.2 安装并配置Maven

4.2.3 Maven环境变量验证

4.2.4 配置国内Maven镜像

4.3 开发工具IDEA的安装和配置

4.3.1 下载IDEA

4.3.2 安装IDEA及其功能介绍

4.3.3 配置IDEA的Maven环境

第5章 Spring Boot项目创建及快速上手

5.1 Spring Boot项目创建

5.1.1 认识Spring Initializr

5.1.2 Spring Boot项目初始化配置

5.1.3 使用Spring Initializr初始化一个Spring Boot项目

5.1.4 用其他方式创建Spring Boot项目

5.2 Spring Boot项目的目录结构介绍

5.3 启动Spring Boot项目

5.3.1 在IDEA编辑器中启动Spring Boot项目

5.3.2 Maven插件启动

5.3.3 java-jar命令启动

5.3.4 Spring Boot项目启动日志

5.4 开发第一个Spring Boot项目

第6章 Spring Boot实战之Web功能开发

6.1 Spring MVC自动配置内容

6.2 WebMvcAutoConfiguration源码分析

6.3 自动配置视图解析器

6.4 自动注册Converter、Formatter

6.5 消息转换器HttpMessageConverter

6.6 Spring Boot对静态资源的映射规则

6.7 welcomePage配置和favicon图标

6.7.1 welcomePage配置

6.7.2 favicon图标

第7章 Spring Boot实战之操作MySQL数据库

7.1 Spring Boot连接MySQL实战

7.1.1 Spring Boot对数据库连接的支持

7.1.2 Spring Boot整合spring-boot-starter-jdbc

7.1.3 Spring Boot连接MySQL数据库验证

7.2 使用JdbcTemplate进行数据库的增、删、改、查

7.2.1 JdbcTemplate简介

7.2.2 使用JdbcTemplate进行数据库的增、删、改、查

7.3 Spring Boot整合MyBatis框架

7.3.1 MyBatis简介

7.3.2 mybatis-springboot-starter简介

7.3.3 添加依赖

7.3.4 application.properties配置

7.3.5 启动类增加Mapper扫描

7.4 Spring Boot整合MyBatis进行数据库的增、删、改、查

7.4.1 新建实体类和Mapper接口

7.4.2 创建Mapper接口的映射文件

7.4.3 新建MyBatisController

第8章 Spring Boot实战之整合Swagger接口管理工具

8.1 认识Swagger

8.2 Swagger的功能列表

8.3 Spring Boot整合Swagger

8.3.1 依赖文件

8.3.2 创建Swagger配置类

8.3.3 创建Controller类并新增接口信息

8.4 接口测试

8.4.1 用户列表接口测试

8.4.2 用户添加接口测试

8.4.3 用户详情接口测试

第9章 商城后端API项目启动和运行注意事项

9.1 下载后端API项目的源码

9.1.1 使用clone命令下载源码

9.1.2 通过开源网站下载源码

9.2 目录结构讲解

9.3 Lombok工具

9.3.1 认识Lombok

9.3.2 Spring Boot整合Lombok

9.3.3 未安装Lombok插件的情况说明

9.3.4 安装Lombok

9.4 启动后端API项目

9.4.1 导入数据库

9.4.2 修改数据库连接配置

9.4.3 静态资源目录设置

9.4.4 启动并查看接口文档

9.5 接口参数处理及统一结果响应

9.5.1 接口参数处理

9.5.2 统一结果响应

第10章 后端API实战之用户模块接口开发及功能讲解

10.1 用户登录功能及表结构设计

10.1.1 什么是登录

10.1.2 用户登录状态

10.1.3 登录流程设计

10.1.4 用户模块表结构设计

10.2 登录接口实现

10.2.1 新建实体类和Mapper接口

10.2.2 创建Mapper接口的映射文件

10.2.3 业务层代码的实现

10.2.4 用户登录接口的参数设计

10.2.5 控制层代码的实现

10.2.6 接口测试

10.3 用户身份验证代码实现

10.3.1 前端存储和使用token

10.3.2 后端处理token及身份验证

10.3.3 用户身份验证功能测试

10.4 用户模块接口完善

10.5 用户模块接口测试

10.5.1 登录接口测试

10.5.2 获取用户信息接口测试

10.5.3 修改用户信息接口测试

10.5.4 登出接口测试

第11章 后端API实战之首页接口开发及功能讲解

11.1 商城首页设计

11.1.1 商城首页的设计注意事项

11.1.2 商城首页的排版设计

11.2 商城首页数据表结构设计和接口设计

11.2.1 轮播图模块介绍

11.2.2 商品推荐模块介绍

11.2.3 表结构设计

11.3 商城首页接口编码实现

11.3.1 新建实体类和Mapper接口

11.3.2 创建Mapper接口的映射文件

11.3.3 首页接口响应结果的数据格式定义

11.3.4 业务层代码的实现

11.3.5 首页接口控制层代码的实现

11.4 首页接口测试

第12章 后端API实战之分类接口开发及功能讲解

12.1 商品分类介绍

12.1.1 商品分类

12.1.2 分类层级

12.1.3 分类模块的主要功能

12.2 分类列表接口实现

12.2.1 商品分类表结构设计

12.2.2 新建实体类和Mapper接口

12.2.3 创建Mapper接口的映射文件

12.2.4 分类接口响应数据的格式定义

12.2.5 业务层代码的实现

12.2.6 分类列表接口控制层代码的实现

12.3 分类列表接口测试

第13章 后端API实战之商品模块接口开发及功能讲解

13.1 商品搜索功能分析及数据格式定义

13.1.1 商品搜索功能分析

13.1.2 商品列表接口传参解析及数据格式定义

13.2 商品搜索接口实现

13.2.1 数据层代码的实现

13.2.2 业务层代码的实现

13.2.3 商品列表接口控制层代码的实现

13.3 商品详情接口实现

13.3.1 数据层代码的实现

13.3.2 业务层代码的实现

13.3.3 商品详情接口控制层代码的实现

13.4 商品模块接口测试

13.4.1 商品搜索接口测试

13.4.2 商品详情接口测试

第14章 后端API实战之购物车模块接口开发及功能讲解

14.1 购物车模块简介

14.2 购物车表结构设计及数据层编码

14.2.1 购物车表结构设计

14.2.2 新建购物车模块的实体类和Mapper接口

14.2.3 创建Mapper接口的映射文件

14.3 将商品加入购物车接口的实现

14.3.1 业务层代码的实现

14.3.2 控制层代码的实现

14.4 购物车列表接口的实现

14.4.1 数据格式的定义

14.4.2 业务层代码的实现

14.4.3 控制层代码的实现

14.5 编辑购物项接口的实现

14.5.1 业务层代码的实现

14.5.2 控制层代码的实现

14.6 接口测试

14.6.1 购物车列表接口测试

14.6.2 添加商品到购物车接口测试

14.6.3 修改购物项数据接口测试

14.6.4 删除购物项接口测试

第15章 后端API实战之订单模块接口开发及功能讲解

15.1 订单确认页面接口的开发

15.1.1 商城中的订单确认步骤

15.1.2 订单确认的前置步骤

15.1.3 订单确认页面的数据整合

15.1.4 业务层代码的实现

15.1.5 订单确认页面接口的实现

15.2 订单模块的表结构设计

15.2.1 订单主表及关联表设计

15.2.2 订单项表的设计思路

15.2.3 用户收货地址管理表

15.3 订单生成的流程及编码

15.3.1 新蜂商城订单生成的流程

15.3.2 订单生成接口的实现

15.3.3 订单生成逻辑的实现

15.4 订单支付模拟接口的实现

15.5 订单详情接口的实现

15.5.1 订单详情页面的作用

15.5.2 订单详情页面的数据格式定义

15.5.3 订单详情接口的编码实现

15.6 订单列表接口的实现

15.6.1 订单列表数据格式的定义

15.6.2 订单列表接口的编码实现

15.7 订单处理流程及订单状态介绍

15.7.1 订单处理流程

15.7.2 订单状态介绍

第16章 Vue 3项目搭建及Vite原理浅析

16.1 前端发展史

16.1.1 原始时代

16.1.2 Ajax时代

16.1.3 MVC时代

16.1.4 模块化时代

16.1.5 ES6时代

16.1.6 SPA时代

16.1.7 小程序时代

16.1.8 低代码（LowCode）时代

16.2 认识Vue.js

16.3 前端编辑器VSCode

16.3.1 前端常用编辑器介绍

16.3.2 Visual Studio Code的安装及插件介绍

16.3.3 Visual Studio Code内置终端的使用

16.3.4 Visual Studio Code属性设置

16.4 Vue.js开发方式

16.4.1 使用CDN方式

16.4.2 使用Vue CLI方式

16.4.3 使用Vite方式

16.5 Vite原理浅析

16.5.1 Vite是什么

16.5.2 Vite与Webpack相比的优势

16.5.3 Vite构建原理

16.5.4 依赖预构建浅析

第17章 Vue.js数据绑定

17.1 Vue.js指令

17.1.1 Mustache插值

17.1.2 v-text指令

17.1.3 v-html指令

17.1.4 v-once指令

17.1.5 v-memo指令

17.1.6 v-cloak指令

17.1.7 v-bind指令

17.1.8 指令的缩写

17.2 Vue.js双向绑定

17.2.1 v-model指令的使用

17.2.2 在select标签中使用v-model指令

17.2.3 在radio标签中使用v-model指令

17.2.4 在checkbox标签中使用v-model指令

17.2.5 在a标签中使用v-bind：指令

17.2.6 v-model指令的修饰符

17.3 条件指令

17.3.1 v-if指令的使用方法

17.3.2 v-else指令的使用方法

17.3.3 v-else-if指令的使用方法

17.3.4 v-show指令的使用方法

17.3.5 v-if指令和v-show指令的区别

17.4 v-for循环指令

17.4.1 v-for指令的使用方法

17.4.2 数组遍历

17.4.3 对象遍历

17.4.4 迭代一个整数

17.4.5 使用v-for指令和v-if指令时的注意事项

17.5 class与style绑定

17.5.1 绑定class属性

17.5.2 绑定内联样式style属性

17.5.3 三元运算符

第18章 Vue 3新特性

18.1 新特性之setup函数

18.1.1 setup函数简介

18.1.2 在模板中使用setup函数

18.1.3 在setup函数中使用渲染函数

18.1.4 setup函数接收的参数

18.2 Vue 3之响应式系统API

18.2.1 reactive

18.2.2 ref

18.2.3 computed

18.2.4 readonly

18.2.5 watchEffect

18.2.6 watch

18.3 生命周期

18.3.1 Vue 2生命周期解读

18.3.2 Vue 3生命周期解读

18.4 Vue 3在性能上的提升

18.4.1 静态标记

18.4.2 静态提升（hoistStatic）

18.4.3 事件监听缓存

18.4.4 SSR服务端渲染

18.4.5 静态节点（StaticNode）

第19章 CSS预处理工具Less的介绍和使用规范

19.1 初识Less

19.2 在浏览器中使用Less

19.3 Less变量的使用

19.4 Less中的嵌套语法

19.5 Less的混合

19.6 Less中的运算

19.7 Less中的导入

19.8 开发中常用的Less示例

19.8.1 文本超出截断

19.8.2 文字居中

19.8.3 背景+选中高亮

第20章 Vue.js组件的应用

20.1 组件的定义和引用

20.1.1 全局组件

20.1.2 局部组件

20.1.3 动态组件

20.2 组件间的值传递

20.2.1 父子组件通信

20.2.2 兄弟组件通信

20.2.3 祖孙组件通信

第21章 路由插件Vue-Router库的使用和原理浅析

21.1 路由的作用

21.2 路由插件的安装

21.3 路由简单应用

21.4 路由的实例方法

21.4.1 事件监听

21.4.2 跳转方法

21.4.3 获取路径参数

21.5 router-link相关属性

21.6 路由原理分析

21.6.1 Hash模式原理

21.6.2 History模式原理

第22章 全局状态管理插件Vuex的介绍和使用

22.1 认识Vuex

22.1.1 什么是Vuex

22.1.2 Vuex如何存储数据

22.1.3 Vuex核心概念

22.2 Vuex的使用方法

22.2.1 初始化项目

22.2.2 创建Cart.vue组件和Home.vue组件

22.2.3 添加配置内容

22.2.4 Cart组件触发购物车物品数量的增减

22.2.5 Actions实现异步请求示例

第23章 Vue 3项目实战之开发环境搭建

23.1 创建项目

23.2 添加Vue-Router库的路由配置

23.3 添加Vant UI组件库

23.4 移动端rem适配

23.5 添加iconfont字体图标库

23.6 二次封装Axios请求库

23.7 添加CSS预处理器Less

23.8 添加全局状态管理插件Vuex

第24章 Vue 3项目实战之底部导航栏和公用组件提取

24.1 需求分析和前期准备

24.2 编写导航栏的代码

24.3 添加导航栏容器组件

24.4 公用头部组件提取

24.5 接口文档及请求地址封装

第25章 Vue 3项目实战之用户模块

25.1 需求分析和前期准备

25.2 注册页面和登录页面的制作

25.3 验证码的制作

25.4 鉴权验证跳转

25.5 个人中心页面的制作

25.6 账号管理页面的制作

第26章 Vue 3项目实战之首页和分类页面

26.1 需求分析和前期准备

26.2 首页的制作

26.2.1 首页顶部的代码编写

26.2.2 轮播图模块的代码编写

26.2.3 中部导航栏模块的代码编写

26.2.4 商品推荐模块的代码编写

26.2.5 头部搜索框滚动优化

26.3 分类页面的制作

第27章 Vue 3项目实战之商品搜索和商品详情

27.1 需求分析和前期准备

27.2 商品搜索列表页面的制作

27.2.1 商品搜索列表页面的布局

27.2.2 实现商品搜索列表页面的上滑加载

27.2.3 实现商品搜索列表页面的下拉刷新

27.3 商品详情页面的制作

第28章 Vue 3项目实战之下单购物流程

28.1 需求分析和前期准备

28.2 地址管理模块功能实现

28.2.1 新增地址

28.2.2 地址列表

28.2.3 编辑地址

28.3 购物车模块页面实现

28.3.1 商品加入购物车功能实现

28.3.2 购物车列表页面编码

28.4 订单模块页面实现

28.4.1 生成订单页面编码

28.4.2 个人订单中心

28.5 商城系统的展望