🚀 前沿主流技术栈
- 使用最流行的技术,互联网主流技术选型。
🛰️ 技术架构图
🚀 核心技术
📦 后端
核心技术采用 Spring Boot、Spring Cloud、Spring Cloud Alibaba、MyBatis-Plus、Dubbo 3、Seata、MinIO、SkyWalking 等主要框架和中间件。
💻 前端
核心技术采用 Vue3、Ant Design Vue、Venb Admin 5 等主要前端技术。
🏆 技术选型
🛠️ 开发工具
| 工具 | 描述 | 版本 | 指南 |
|---|---|---|---|
| IntelliJ IDEA | 面向专业开发的 IDE,适用于 Java 和 Kotlin。 | 2022.x+ | |
| Eclipse | 基于 Java 的可扩展开发平台,可以用于多种编程语言,如 C,C++,PHP,和 Ruby 等。 | 2023-09 (4.29.0)+ | |
| Visual Studio Code | 可在 Windows、macOS 和 Linux 上运行的独立源代码编辑器。 | 1.90+ | |
| WebStorm | 专业级 JavaScript/TypeScript 集成开发环境。被广大中国JS开发者誉为“Web 前端开发神器”、“强大的 HTML5 编辑器”、“智能的 JavaScript IDE”等。 | 2024.1+ | |
| Sublime Text | 用于代码、标记和散文的复杂文本编辑器。 | Build 4152+ | |
| Navicat | 强大的可视化数据库管理工具 | 12+ | |
| Git | 分布式版本控制系统 | 2.24.x+ | |
| Nginx | 高性能 Web 服务器 | 1.10.x+ |
📦 后端
🌕 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| JDK | Java 开发工具包 | JDK 17 或者 JDK 21 | |
| Maven | Java 管理与构建工具 | >=3.x |
💎 主框架
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Spring Framework | 应用程序框架 | 6.x | |
| Spring Boot | 应用快速开发框架 | 3.x | |
| Spring Security | Spring 安全框架 | 6.x | |
| Apache Shiro | 安全认证框架 | 2.2.x | |
| Sa-Token | 权限认证框架 | 1.x | |
| Hibernate Validator | 参数校验框架 | 8.x |
🌠 微服务
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Spring Cloud | 微服务开发框架 | 2023.0.x | |
| Spring Cloud Alibaba | 微服务快速开发框架 | 2023.0.x | |
| Nacos | 服务治理注册与发现 | 2.x | Spring Cloud Eureka / Consul / Nacos / 其它 |
| Nacos | 分布式统一配置中心 | 2.x | Spring Cloud Config / Nacos / 其它 |
| Spring Cloud Gateway | 网关路由代理调用、动态网关 | ||
| Spring Cloud OpenFeign | 声明式服务调用 | ||
| Spring Cloud LoadBalancer | 客户端负载均衡 | ||
| Sentinel | 阿里流量防卫兵、限流、熔断降级、负载保护 | 1.x |
✨ AI 人工智能
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Spring AI | 人工智能工程的应用框架 | 1.0.x | |
| Spring AI Alibaba | |||
| 以 Spring AI 为基础,深度集成百炼平台,支持 ChatBot、工作流、多智能体应用开发模式的 AI 框架。 | 1.0.x |
🛢️ 持久层
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| MySQL | 数据库服务器 | 5.7.x 或者 8.0.x | |
| Apache MyBatis | 持久层框架 | 3.5.x | |
| MyBatis-Plus | MyBatis 增强工具包 | 3.5.x | |
| Alibaba Druid | JDBC 连接池、监控组件 | 1.2.x | |
| Dynamic Datasource | 动态数据源 | 4.3.x |
💾 存储层
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Redis | Key-Value 数据库、缓存中间件 | >= 5.0 | |
| MinIO | 高性能分布式对象存储系统 | 8.x | |
| MongoDB | 分布式文件存储的数据库、NoSQL 数据库 | 5.x | |
| Elasticsearch | 分布式搜索和分析引擎 | 8.x | |
| Milvus | 为 GenAI 应用构建的开源向量数据库。 | 2.x |
⚡ 中间件
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| RabbitMQ | 消息队列中间件 | 5.x | |
| Redisson | Redis 客户端、分布式锁工具 | 3.x | |
| ShardingSphere | 分布式 SQL 事务和查询引擎、分库分表、读写分离中间件 | 5.x | |
| Apache Seata | 分布式事务中间件 | 2.x | |
| SkyWalking | 分布式系统应用性能监控(APM)工具 | ||
| Flowable | 工作流引擎 | 7.x | |
| Quartz | 作业调度框架 | 2.x | |
| SnailJob | 灵活,可靠和快速的分布式任务重试和分布式任务调度平台 | 1.x |
🌟 辅助工具
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Jackson | JSON 序列化工具库 | 2.17.x | |
| Logback | 日志框架 | 1.x | |
| Lombok | Java Getter/Setter 代码生成库 | 1.18.x | |
| MapStruct | Java Bean 转换工具 | 1.5.x | |
| Hutool | 功能丰富且易用的Java工具库 | 5.x | |
| Jasypt | 属性源加密/解密工具 | 1.5.x | |
| FastExcel | 高性能 Excel 处理工具 | ||
| Springdoc | Swagger 文档 | 2.x |
🛰️ 单元测试
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| JUnit | Java 单元测试框架 | 5.x | |
| Mockito | Java Mock 框架 | 5.x |
🚀 CI/CD/DevOps
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Jenkins | 持续集成工具 | ||
| Sonatype Nexus | 私服仓库工具 | ||
| Docker | 应用容器引擎 | ||
| Kubernetes | 容器编排引擎 |
🎯 日志系统
📄 ELK
- Elasticsearch
- Logstash
- Kibana
📑 EFK
- Elasticsearch
- Filebeat/Fluentd
- Kibana
📑 前端
💻 Web 管理系统后台
🌿 Vue-Vben-Admin 2.x 版
🌕 PC、平板 Web端 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Node.js | 基于 Chrome V8 引擎的 JavaScript 运行环境 | 14.x | 推荐 20.x 及以上 |
| npm | Node.js 默认包管理工具 | 7.x | |
| pnpm | 速度快、节省磁盘空间的软件包管理器 | 7.x | |
| Yarn | JavaScript 包管理器 | 1.x |
🖥️ PC、平板 桌面端 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Electron | 使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 | 36.x | |
| Tauri | 用于为所有主要桌面和移动平台构建微型、快速二进制文件的框架。开发者可以集成任何编译为 HTML、JavaScript 和 CSS 的前端框架来构建用户体验。 | 2.x |
🧬 框架依赖
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Vue.js | 渐进式 JavaScript 框架 | 3.4.x | |
| Vite | 卓越的 Web 开发 构建工具 | 5.1.x | |
| TypeScript | JavaScript 类型的超集 | 5.3.x | |
| Ant Design Vue | 基于 Vue.js 的企业级 UI 组件库 | 4.1.x | |
| Vue-Vben-Admin | 基于Vue3.0、Vite、 Ant-Design-Vue 、TypeScript 的后台解决方案 | 2.11.x | |
| Axios | 基于 Promise 的 HTTP 客户端 | 1.6.x | |
| Pinia | Vue 状态管理库 | 2.0.x | |
| VueUse | Vue 组合式工具集 | 10.7.x | |
| Vue I18n | Vue.js 的国际化插件 | 9.9.x | |
| Vue Router | Vue.js 的官方路由 | 4.2.x | |
| UnoCSS | 即时按需原子CSS引擎 | 0.58.x | |
| Iconify | 流行在线图标库 | 3.1.x | |
| Day.js | JavaScript 时间日期库 | 1.11.x | |
| SortableJS | 功能强大的JavaScript 拖拽库 | 1.15.x | |
| qrcode | 二维码生成库 | 1.5.x | |
| CodeMirror | Web 代码编辑器组件 | 6.x | |
| highlight.js | 代码语法亮显示插件 | 11.9.x | |
| ECharts | 基于 JavaScript 的数据可视化图表 | 5.4.x | |
| TinyMCE | 所见即所得 Web 富文本编辑器 | 5.10.x | |
| Vditor | 浏览器端的 Markdown 编辑器 | 3.9.x | |
| Vxe Table | 基于 Vue 的 PC 端表单/表格组件 | 4.5.x | |
| LogicFlow | 流程图编辑框架 | 1.2.x | |
| Tinyflow | 轻量的 AI 智能体解决方案 | 0.0.1x |
🌿 Vben Admin 5.x 版
🌕 PC、平板 Web端 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Node.js | 基于 Chrome V8 引擎的 JavaScript 运行环境 | 20.15.x | |
| npm | Node.js 默认包管理工具 | 7.x | |
| pnpm | 速度快、节省磁盘空间的软件包管理器 | 7.x | |
| Yarn | JavaScript 包管理器 | 1.x | |
| Pnpm Monorepo | 单一仓库来管理多个 packages 的一种策略或手段 | ||
| Turborepo | 用于 JavaScript 和 TypeScript 代码库的高性能构建系统 | ||
| Changeset | 用于简化版本管理和更新日志生成的工具 |
🖥️ PC、平板 桌面端 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Electron | 使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 | 36.x | |
| Tauri | 用于为所有主要桌面和移动平台构建微型、快速二进制文件的框架。开发者可以集成任何编译为 HTML、JavaScript 和 CSS 的前端框架来构建用户体验。 | 2.x |
🧬 框架依赖
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Vue.js | 渐进式 JavaScript 框架 | 3.5.x | |
| Vite | 卓越的 Web 开发 构建工具 | 6.3.x | |
| TypeScript | JavaScript 类型的超集 | 5.7.x | |
| Shadcn UI | 一套设计精美、可访问的组件和代码分发平台 | 2.7.x | |
| TailwindCSS | 快速、灵活且可靠的样式工具、实用至上的 CSS 框架 | 3.4.x | |
| Ant Design Vue | 基于 Vue.js 的企业级 UI 组件库 | 4.2.x | |
| Vben Admin | 现代化开箱即用的中后台解决方案,采用最新的技术栈,包括 Vue 3.0、Vite、TailwindCSS 和 TypeScript 等前沿技术 | 5.5.x | |
| Axios | 基于 Promise 的 HTTP 客户端 | 1.9.x | |
| Pinia | Vue 状态管理库 | 3.0.x | |
| VueUse | Vue 组合式工具集 | 10.7.x | |
| Vue I18n | Vue.js 的国际化插件 | 13.1.x | |
| Vue Router | Vue.js 的官方路由 | 4.5.x | |
| Iconify | 流行在线图标库 | 5.0.x | |
| Day.js | JavaScript 时间日期库 | 1.11.x | |
| SortableJS | 功能强大的JavaScript 拖拽库 | 1.15.x | |
| qrcode | 二维码生成库 | 1.5.x | |
| ECharts | 基于 JavaScript 的数据可视化图表 | 5.6.x | |
| Vxe Table | 基于 Vue 的 PC 端表单/表格组件 | 4.13.x | |
| Cheerio | 用于解析及操作 HTML 和 XML 文档的 Node.js 工具库 | 1.0.x |
🌐 Web 用户端
🌕 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Node.js | 基于 Chrome V8 引擎的 JavaScript 运行环境 | 14.x | 推荐 20.x 及以上 |
| npm | Node.js 默认包管理工具 | 7.x | |
| pnpm | 速度快、节省磁盘空间的软件包管理器 | 7.x | |
| Yarn | JavaScript 包管理器 | 1.x | |
| PM2 | 为 Node.js 应用程序设计的生产环境进程管理器,具有内置的负载均衡功能5.3.x |
🧬 框架依赖
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Vue.js | 渐进式 JavaScript 框架 | 3.2.x | |
| Vite | 卓越的 Web 开发 构建工具 | 5.1.x | |
| TypeScript | JavaScript 类型的超集 | 4.7.x | |
| Ant Design Vue | 基于 Vue.js 的企业级 UI 组件库 | 3.2.x | |
| Nuxt.js | 基于 Vue.js 的 全栈 Web 应用框架,支持服务端渲染、客户端渲染、静态网站生成。 | 3.4.x | |
| Axios | 基于 Promise 的 HTTP 客户端 | 1.6.x | |
| Pinia | Vue 状态管理库 | 2.0.x | |
| VueUse | Vue 组合式工具集 | 10.7.x | |
| Vue I18n | Vue.js 的国际化插件 | 9.9.x | |
| Vue Router | Vue.js 的官方路由 | 4.2.x | |
| UnoCSS | 即时按需原子CSS引擎 | 0.58.x | |
| Iconify | 流行在线图标库 | 3.1.x | |
| Day.js | JavaScript 时间日期库 | 1.11.x | |
| SortableJS | 功能强大的JavaScript 拖拽库 | 1.15.x | |
| qrcode | 二维码生成库 | 1.5.x | |
| CodeMirror | Web 代码编辑器组件 | 6.x | |
| highlight.js | 代码语法亮显示插件 | 11.9.x | |
| ECharts | 基于 JavaScript 的数据可视化图表 | 5.4.x | |
| TinyMCE | 所见即所得 Web 富文本编辑器 | 5.10.x | |
| Vditor | 浏览器端的 Markdown 编辑器 | 3.9.x |
📱 H5、小程序、APP、平板 用户端、管理端
🌕 系统环境
| 环境 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Node.js | 基于 Chrome V8 引擎的 JavaScript 运行环境 | 14.x | 推荐 20.x 及以上 |
| npm | Node.js 默认包管理工具 | 7.x | |
| pnpm | 速度快、节省磁盘空间的软件包管理器 | 7.x | |
| Yarn | JavaScript 包管理器 | 1.x | |
| HBuilderX | 轻量级前端开发工具,专注于HTML5、小程序和移动应用开发。 | 3.9+ | 推荐使用最新版 |
| 微信开发者工具 | 集成了微信公众号网页调试和微信小程序调试两种开发模式的微信开发者工具。 | 1.x | 推荐使用最新版 |
| Android Studio | Android集成开发工具,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工具用于开发和调试。 | 2024.x | 推荐使用最新版 |
| Xcode | 运行在操作系统Mac OS X上的集成开发工具(IDE),主要用于开发macOS、iOS、iPadOS、watchOS、tvOS 和 visionOS 应用程序。 | 12+ | 推荐使用最新版 |
🧬 框架依赖
| 框架 | 描述 | 版本 | 指南 |
|---|---|---|---|
| Vue.js | 渐进式 JavaScript 框架 | 3.4.x | |
| Vite | 卓越的 Web 开发 构建工具 | 5.2.x | |
| TypeScript | JavaScript 类型的超集 | 5.3.x | |
| uni-app | 使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台 | 3.0.x | |
| uni-app x | 下一代 uni-app,是一个跨平台应用开发引擎。 | HBuilderX 3.9+ | |
| uView UI | 多平台快速开发的UI框架 | 2.x | |
| uv-ui | 多平台快速开发的UI框架,兼容vue3+2、nvue、app、h5、小程序等多端基于uni-app和uView2.x的生态框架。 | 1.1.x | |
| uview-plus | 多平台快速开发的UI框架,是基于 uView2.x 移植的支持 Vue3 的版本。 | 3.x |
🌍 Web 应用 浏览器支持
本地开发推荐使用
Chrome 最新版浏览器,不支持Chrome 80以下版本。生产环境支持现代浏览器,不支持 IE。
IE | Edge | Firefox | Chrome | Safari |
|---|---|---|---|---|
| 不支持 | last 2 versions | last 2 versions | last 2 versions | last 2 versions |




