SpringBoot+Vue3前后端分离工程化最佳实践

前言

这是作者录制的系列视频，挺特殊的，因为主要是以架构、提效或者说研发管理者的角度去录制的。该类视频，按理说市面上很少，因为大多数讲师录制的，还是以实战项目或某个开发框架的使用去录制的。而每家公司，能且需要搭建这类开发框架、开发脚手架的人很少。如对开发框架、提效等感兴趣的小伙伴，或是想入门、进阶的小伙伴，都可以抽时间看看，相信在视频里面，你能学到很多在工作中使用不到的东西，从而提高自己或提高整个团队的开发效率。如果视频能帮助到您，欢迎关注三连，也可以适当的来个小爱心，给up主充个电、打打气，非常感谢！

技术栈

后端

• SpringBoot2.3.7
• MybatisPlus3.5.2
• Hutool
• Lombok
• Knife4j

前端

• Vue3
• TypeScript
• Pinia
• Axios
• Ant Design of Vue

录制环境

• Win10
• IDEA
• Jdk8
• maven3
• VSCode
• NodeJS

后端篇视频链接

1.1第一个SpringBoot应用

1.2SpringBoot路由规则

1.3SpringBoot参数传递

1.4SpringBoot全局请求拦截

1.5SpringBoot统一异常处理

1.6SpringBoot连接Mysql数据库

1.7SpringBoot连接Redis

1.8Springboot集成Knife4j

2接口规范之通用返回体

3.1控制层样例

3.2.1参数校验上

3.2.2参数校验下

3.3参数校验常用注解和自定义注解

4集成Mybatis-Plus

4.2.1Mybatis-Plus增删改查样例

4.2.2Mybatis-Plus条件查询

4.3.1通用查询设计与实现(上)

4.3.2通用查询设计与实现(中)

4.3.3通用查询设计与实现(下)

4.3.4通用查询设计与实现(终)

5.1业务逻辑层样例

5.2事务处理

5.3.1番外篇-重构User

5.3.2番外篇-重构模块

5.3.3番外篇-重构配置

6.1.1登录模块设计与实现(一)

6.1.2登录模块设计与实现(二)

6.1.3登录模块设计与实现(三)

6.1.4登录模块设计与实现(四)

6.1.5登录模块设计与实现(五)

6.1.6登录模块设计与实现(六)

6.1.7登录模块设计与实现(七)

6.1.8登录模块设计与实现(八)

6.2.1简单权限-分配权限标识

6.2.2简单权限-拦截器逻辑处理

6.2.3简单权限-自定义权限注解

6.2.4简单权限-用户类型枚举转换

6.2.5简单权限-权限注解解析及逻辑处理

7.1.1读取配置(上)

7.1.2读取配置(下)

7.2读取环境变量参数

7.3多环境配置(上)

7.4多环境配置(下)

8.1日志配置

8.2.1请求日志-获取用户信息（上)

8.2.2请求日志-获取用户信息（下)

8.3请求日志-日志实体

8.4请求日志-请求流水号

8.5请求日志-客户端信息

8.6请求日志-请求响应时间

8.7请求日志-请求正文参数

8.8请求日志-url参数

8.9请求日志-返回数据

8.10请求日志-日志持久化

9.1业务异常-错误码定义

9.2业务异常-错误码使用

9.3错误码注解及全局扫描

10集成单元测试

11.1代码生成-原理介绍

11.2Mybatis-Plus代码生成-初探

11.3Mybatis-Plus代码生成-自定义模板

11.4Mybatis-Plus代码生成-Entity层

11.5Mybatis-Plus代码生成-Mapper层

11.6Mybatis-Plus代码生成-Service层

11.7.1Mybatis-Plus代码生成-DTO层(上)

11.7.2Mybatis-Plus代码生成-DTO层(中)

11.7.3Mybatis-Plus代码生成-DTO层(下)

11.8Mybatis-Plus代码生成-Controller层

11.9.1Mybatis-Plus代码生成-配置项优化(一)

11.9.2Mybatis-Plus代码生成-配置项优化(二)

11.9.3Mybatis-Plus代码生成-配置项优化(三)

11.9.4Mybatis-Plus代码生成-配置项优化(四)

11.9.5Mybatis-Plus代码生成-配置项优化(五)

12.1RBAC权限管理-基础介绍

12.2.1RBAC数据库设计-概念模型

12.2.2RBAC数据库设计-逻辑模型

12.2.3RBAC数据库设计-物理模型

12.3RBAC接口设计

12.4.1RBAC代码生成(一)

12.4.2RBAC代码生成(二)

12.4.3RBAC代码生成(三)

12.4.4RBAC代码生成(四)

12.4.5RBAC代码生成(五)

12.4.6RBAC代码生成(六)

12.4.7RBAC代码生成(七)

12.5.1RBAC-拦截器逻辑处理(上)

12.5.2RBAC-拦截器逻辑处理(下)

12.6RBAC-控制层模板增加权限注解

12.7.1RBAC-数据库中查询用户权限标识(上)

12.7.2RBAC-数据库中查询用户权限标识(下)

12.8.1菜单列表接口开发(上)

12.8.2菜单列表接口开发(下)

12.9.1同步前端路由(一)

12.9.2同步前端路由(二)

12.9.3同步前端路由(三)

12.9.4同步前端路由(四)

12.9.5同步前端路由(五)

12.9.6同步前端路由(六)

12.10.1RBAC相关接口定义

12.10.2RBAC提交类接口开发

12.10.3RBAC提交类接口测试与优化

12.10.4RBAC查询类接口开发与测试(一)

12.10.5RBAC查询类接口开发与测试(二)

12.10.6RBAC查询类接口开发与测试(三)

12.10.7RBAC查询类接口开发与测试(四)

12.11.1用户添加修改接口开发

12.11.2用户添加修改接口测试

12.11.3用户详情接口开发与测试

12.11.4优化详情接口代码生成模板

12.11.5修改用户头像接口开发与测试

12.11.6修改用户个人信息接口开发与测试

12.11.7用户个人信息和权限标识接口开发与测试

12.11.8重置用户密码接口开发与测试

13.1番外篇-逻辑删除(一)

13.2番外篇-逻辑删除(二)

13.3番外篇-逻辑删除(三)

13.4番外篇-Mybatis-Plus字段自动填充(一)

13.5番外篇-Mybatis-Plus字段自动填充(二)

13.6番外篇-自定义唯一性校验(一)

13.7番外篇-自定义唯一性校验(二)

13.8番外篇-自定义唯一性校验(三)

13.9番外篇-自定义唯一性校验(四)

13.10番外篇-生成系统设置其他模块代码

13.11番外篇-生成内容管理模块代码

13.12番外篇-Swagger动态分组

13.13番外篇-关于SQL注入

13.14番外篇-Long类型Json格式化处理

前端篇视频链接

1.1工程搭建-Vue3脚手架

1.2工程搭建-Git版本初始化

1.3工程搭建-yarn包管理工具

1.4工程搭建-集成VueRouter

1.5工程搭建-集成Axios

1.6工程搭建-集成Pinia

1.7工程搭建-集成AntDesignVue

2.1Vue3基础-组合式API与选项式API区别

2.2Vue3基础-响应式数据

2.3Vue3基础-模板语法

2.4Vue3基础-计算属性

2.5Vue3基础-监听属性

2.6Vue3基础-事件处理

2.7.1Vue3基础-自定义组件之组件注册

2.7.2Vue3基础-自定义组件之属性props

2.7.3Vue3基础-自定义组件之事件emits

2.7.4Vue3基础-自定义组件之expose

2.7.5Vue3基础-自定义组件之插槽slots

2.7.6Vue3基础-自定义组件之AntDesignVue简单使用

2.8Vue3基础-自定义指令

2.9Vue3基础-路由对象

3.1登录页面开发

3.2登录接口联调

3.3路由拦截处理

3.4退出接口联调

3.5全局请求处理

3.6获取用户权限标识接口联调

3.7权限指令实现

3.8获取当前用户信息接口联调

3.9全局响应处理(上)

3.10全局响应处理(下)

4.1骨架布局

4.2.1路由模块化(上)

4.2.2路由模块化(下)

4.3.1路由配置转菜单(上)

4.3.2路由配置转菜单(中)

4.3.3路由配置转菜单(下)

4.4.1左侧菜单布局

4.4.2左侧菜单默认选中项处理

4.4.3左侧菜单默认展开项处理

4.5.1左侧菜单图标处理

4.5.2左侧菜单图标组件优化

4.6.1左侧菜单权限控制(上)

4.6.2左侧菜单权限控制(下)

4.8当前位置面包屑

4.9右上角用户信息模块布局

4.7.1错误页之403

4.7.2错误页之404

4.10.1多标签页(一)·布局

4.10.2多标签页(二)·数据结构

4.10.3多标签页(三)·交互处理

4.10.4多标签页(四)·交互优化

4.10.5多标签页(五)·固定处理

4.10.6多标签页(六)·右键事件

4.10.7多标签页(七)·重新加载与关闭当前

4.10.8多标签页(八)·关闭左侧与关闭右侧

4.10.9多标签页(九)·关闭其他与关闭所有

4.10.10多标签页(十)·右键处理优化

5.0番外篇·源代码使用说明

5.1番外篇·路由配置

5.2番外篇·页面包裹组件

5.3番外篇·页头组件

5.4番外篇·组件继承

6.1表格组件·初探

6.2表格组件·自定义渲染列

6.3表格组件·请求数据

6.4表格组件·分页配置

6.5表格组件·排序配置

7.1表格组件二次封装·初探

7.2.1表格组件二次封装·请求数据(一)

7.2.2表格组件二次封装·请求数据(二)

7.3.1表格组件二次封装·分页配置(一)

7.3.2表格组件二次封装·分页配置(二)

7.4.1表格组件二次封装·排序配置(一)

7.4.2表格组件二次封装·排序配置(二)

7.4.3表格组件二次封装·排序配置(三)

7.5.1表格组件二次封装·树形结构

7.5.2表格组件二次封装·树型数据转换工具

7.6.1表格组件二次封装·操作列

7.6.2表格组件二次封装·操作列配置项

7.6.3表格组件二次封装·操作列按钮动态属性

7.6.4表格组件二次封装·操作列按钮图标

7.6.5表格组件二次封装·操作项分割线

7.6.6表格组件二次封装·操作列按钮权限

7.6.7表格组件二次封装·操作列按钮动态显示控制

7.6.8表格组件二次封装·操作列按钮提示语

7.6.9表格组件二次封装·操作列按钮排序

7.6.10表格组件二次封装·操作列按钮事件

7.6.11表格组件二次封装·操作列按钮确认框

7.6.12表格组件二次封装·操作列下拉更多

7.6.13表格组件二次封装·操作列按钮组件

未完，持续关注！

相关链接

后端工程

前端工程

语雀文档

知识星球