技术选型

## 技术架构图

![架构图](https://note.lazzman.com:18084/media/202404/2024-04-30_100339_1825630.1392407972494324.png)

## [#](https://cloud.iocoder.cn/technology/#%F0%9F%91%8D-%E7%9B%B8%E5%85%B3%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B)👍 相关视频教程

-   [从零开始 01：视频课程导读：项目简介、功能列表、技术选型(opens new window)](https://t.zsxq.com/07rbyjM7A)
-   [从零开始 04：自顶向下，讲解项目的整体结构（上）(opens new window)](https://t.zsxq.com/07FiIaQr3)
-   [从零开始 04：自顶向下，讲解项目的整体结构（下）(opens new window)](https://t.zsxq.com/07yNfE6un)

## [#](https://cloud.iocoder.cn/technology/#%F0%9F%91%BB-%E5%90%8E%E7%AB%AF)👻 后端

### [#](https://cloud.iocoder.cn/technology/#%E7%B3%BB%E7%BB%9F%E7%8E%AF%E5%A2%83)系统环境

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| JDK | Java 开发工具包 | JDK 21 或者 JDK8 | [书单(opens new window)](https://www.iocoder.cn/Architecture/books-recommended/?yudao) |
| Maven | Java 管理与构建工具 | `>=` 3.5.4 | [书单(opens new window)](https://www.iocoder.cn/Books/Maven-books-recommended/?yudao) |
| Nginx | 高性能 Web 服务器 | \- | [文档(opens new window)](https://www.iocoder.cn/categories/Nginx/?yudao) |

### [#](https://cloud.iocoder.cn/technology/#%E4%B8%BB%E6%A1%86%E6%9E%B6)主框架

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [Spring Cloud Alibaba(opens new window)](https://github.com/alibaba/spring-cloud-alibaba) | 微服务框架 | 2022.0.0.0 | [文档(opens new window)](https://github.com/YunaiV/SpringBoot-Labs) |
| [Spring MVC(opens new window)](https://github.com/spring-projects/spring-framework/tree/master/spring-webmvc) | MVC 框架 | 6.1.1 | [文档(opens new window)](http://www.iocoder.cn/SpringMVC/MVC/?yudao) |
| [Spring Security(opens new window)](https://github.com/spring-projects/spring-security) | Spring 安全框架 | 6.2.0 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/Spring-Security/?yudao) |
| [Hibernate Validator(opens new window)](https://github.com/hibernate/hibernate-validator) | 参数校验组件 | 8.0.1 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/Validation/?yudao) |

### [#](https://cloud.iocoder.cn/technology/#%E5%AD%98%E5%82%A8%E5%B1%82)存储层

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [MySQL(opens new window)](https://www.mysql.com/cn/) | 数据库服务器 | `>=` 5.7 | [书单(opens new window)](https://www.iocoder.cn/Books/MySQL-books-recommended/?yudao) |
| [Druid(opens new window)](https://github.com/alibaba/druid) | JDBC 连接池、监控组件 | 1.2.20 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/datasource-pool/?yudao) |
| [MyBatis Plus(opens new window)](https://mp.baomidou.com/) | MyBatis 增强工具包 | 3.5.4.1 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/MyBatis/?yudao) |
| [Dynamic Datasource(opens new window)](https://dynamic-datasource.com/) | 动态数据源 | 4.2.0 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/datasource-pool/?yudao) |
| [Redis(opens new window)](https://redis.io/) | key-value 数据库 | `>=` 5.0 | [书单(opens new window)](https://www.iocoder.cn/Redis/good-collection/?yudao) |
| [Redisson(opens new window)](https://github.com/redisson/redisson) | Redis 客户端 | 3.25.0 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/Redis/?yudao) |

### [#](https://cloud.iocoder.cn/technology/#%E4%B8%AD%E9%97%B4%E4%BB%B6)中间件

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [Nacos(opens new window)](https://github.com/alibaba/nacos) | 配置中心 & 注册中心 | 2.2.1 | [文档(opens new window)](https://www.iocoder.cn/categories/Nacos/?yudao) |
| [RocketMQ(opens new window)](https://github.com/apache/rocketmq) | 消息队列 | 4.9.4 | [文档(opens new window)](https://www.iocoder.cn/categories/RocketMQ/?yudao) |
| [Sentinel(opens new window)](https://github.com/alibaba/sentinel) | 服务保障 | 1.8.6 | [文档(opens new window)](https://www.iocoder.cn/categories/Sentinel/?yudao) |
| [XXL Job(opens new window)](https://github.com/xuxueli/xxl-job) | 定时任务 | 2.4.0 | [文档(opens new window)](https://www.iocoder.cn/XXL-JOB/good-collection/?yudao) |
| [Spring Cloud Gateway(opens new window)](https://github.com/spring-cloud/spring-cloud-gateway) | 服务网关 | 4.1.0 | [文档(opens new window)](https://www.iocoder.cn/categories/Spring-Cloud-Gateway/?yudao) |
| [Seata(opens new window)](https://github.com/seata/seata) | 分布式事务 | 1.6.1 | [文档(opens new window)](https://www.iocoder.cn/categories/Seata/?yudao) |
| [Flowable(opens new window)](https://github.com/flowable/flowable-engine) | 工作流引擎 | 7.0.0 | [文档(opens new window)](https://doc.iocoder.cn/bpm/) |

### [#](https://cloud.iocoder.cn/technology/#%E7%B3%BB%E7%BB%9F%E7%9B%91%E6%8E%A7)系统监控

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [Spring Boot Admin(opens new window)](https://github.com/codecentric/spring-boot-admin) | Spring Boot 监控平台 | 3.6.1 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/Admin/?yudao) |
| [SkyWalking(opens new window)](https://skywalking.apache.org/) | 分布式应用追踪系统 | 9.0.0 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/SkyWalking/?yudao) |

### [#](https://cloud.iocoder.cn/technology/#%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95)单元测试

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [JUnit(opens new window)](https://junit.org/junit5/) | Java 单元测试框架 | 5.10.1 | \- |
| [Mockito(opens new window)](https://github.com/mockito/mockito) | Java Mock 框架 | 5.7.0 | \- |

### [#](https://cloud.iocoder.cn/technology/#%E5%85%B6%E5%AE%83%E5%B7%A5%E5%85%B7)其它工具

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [Springdoc(opens new window)](https://springdoc.org/) | Swagger 文档 | 2.2.0 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/Swagger/?yudao) |
| [Jackson(opens new window)](https://github.com/FasterXML/jackson) | JSON 工具库 | 2.15.3 |  |
| [MapStruct(opens new window)](https://mapstruct.org/) | Java Bean 转换 | 1.5.5.Final | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/MapStruct/?yudao) |
| [Lombok(opens new window)](https://projectlombok.org/) | 消除冗长的 Java 代码 | 1.18.30 | [文档(opens new window)](http://www.iocoder.cn/Spring-Boot/Lombok/?yudao) |

## [#](https://cloud.iocoder.cn/technology/#%F0%9F%91%BE-%E5%89%8D%E7%AB%AF)👾 前端

### [#](https://cloud.iocoder.cn/technology/#%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0-vue3-elementplus)管理后台（Vue3 + ElementPlus）

| 框架 | 说明 | 版本 |
| --- | --- | --- |
| [Vue(opens new window)](https://staging-cn.vuejs.org/) | vue 框架 | 3.2.45 |
| [Vite(opens new window)](https://cn.vitejs.dev//) | 开发与构建工具 | 4.0.1 |
| [Element Plus(opens new window)](https://element-plus.org/zh-CN/) | Element Plus | 2.2.26 |
| [TypeScript(opens new window)](https://www.typescriptlang.org/docs/) | JavaScript 的超集 | 4.9.4 |
| [pinia(opens new window)](https://pinia.vuejs.org/) | Vue 存储库 替代 vuex5 | 2.0.28 |
| [vueuse(opens new window)](https://vueuse.org/) | 常用工具集 | 9.6.0 |
| [vxe-table(opens new window)](https://vxetable.cn/) | vue 最强表单 | 4.3.7 |
| [vue-i18n(opens new window)](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化 | 9.2.2 |
| [vue-router(opens new window)](https://router.vuejs.org/) | vue 路由 | 4.1.6 |
| [windicss(opens new window)](https://cn.windicss.org/) | 下一代工具优先的 CSS 框架 | 3.5.6 |
| [iconify(opens new window)](https://icon-sets.iconify.design/) | 在线图标库 | 3.0.0 |
| [wangeditor(opens new window)](https://www.wangeditor.com/) | 富文本编辑器 | 5.1.23 |

### [#](https://cloud.iocoder.cn/technology/#%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0-vue3-vben-ant-design-vue)管理后台（Vue3 + Vben + Ant-Design-Vue）

| 框架 | 说明 | 版本 |
| --- | --- | --- |
| [Vue(opens new window)](https://staging-cn.vuejs.org/) | Vue 框架 | 3.2.47 |
| [Vite(opens new window)](https://cn.vitejs.dev//) | 开发与构建工具 | 4.3.0 |
| [ant-design-vue(opens new window)](https://antdv.com/) | ant-design-vue | 3.2.17 |
| [TypeScript(opens new window)](https://www.typescriptlang.org/docs/) | JavaScript 的超集 | 5.0.4 |
| [pinia(opens new window)](https://pinia.vuejs.org/) | Vue 存储库 替代 vuex5 | 2.0.34 |
| [vueuse(opens new window)](https://vueuse.org/) | 常用工具集 | 9.13.0 |
| [vue-i18n(opens new window)](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化 | 9.2.2 |
| [vue-router(opens new window)](https://router.vuejs.org/) | Vue 路由 | 4.1.6 |
| [windicss(opens new window)](https://cn.windicss.org/) | 下一代工具优先的 CSS 框架 | 3.5.6 |
| [iconify(opens new window)](https://icon-sets.iconify.design/) | 在线图标库 | 3.1.0 |

### [#](https://cloud.iocoder.cn/technology/#%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0-vue2)管理后台（Vue2）

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [Node(opens new window)](https://nodejs.org/zh-cn/) | JavaScript 运行时环境 | \>= 12 | \- |
| [Vue(opens new window)](https://cn.vuejs.org/index.html) | JavaScript 框架 | 2.7.14 | [书单(opens new window)](https://www.iocoder.cn/Books/Vue-books-recommended/?yudao) |
| [Vue Element Admin(opens new window)](https://panjiachen.github.io/vue-element-admin-site/zh/guide/) | 后台前端解决方案 | 2.5.10 |  |

### [#](https://cloud.iocoder.cn/technology/#%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0-uni-app)管理后台（uni-app）

| 框架 | 说明 | 版本 |
| --- | --- | --- |
| [uni-app](hhttps://github.com/dcloudio/uni-app) | 跨平台框架 | 2.0.0 |
| [uni-ui(opens new window)](https://github.com/dcloudio/uni-ui) | 基于 uni-app 的 UI 框架 | 1.4.20 |

### [#](https://cloud.iocoder.cn/technology/#%E7%94%A8%E6%88%B7-app)用户 App

| 框架 | 说明 | 版本 | 学习指南 |
| --- | --- | --- | --- |
| [Vue(opens new window)](https://cn.vuejs.org/index.html) | JavaScript 框架 | 2.6.12 | [书单(opens new window)](https://www.iocoder.cn/Books/Vue-books-recommended/) |
| [UniApp(opens new window)](https://github.com/dcloudio/uni-app) | 小程序、H5、App 的统一框架 | \- | \- |