Web 项目常用的技术栈有哪些？

我在软件开发工具低代码领域探索了多年，从 2014 开始研发低代码前端渲染，到 2018 年开始研发后端低代码数据模型，发布了 JNPF 开发平台。

谨以此文针对 JNPF-JAVA-Cloud 微服务 进行相关技术栈展示：

1. 项目前后端分离

前端采用 Vue.js，这是一种流行的前端 JavaScript 框架，用于构建用户界面。Vue.js 具有轻量级、可扩展性强和生态系统丰富等特点，被广泛应用于构建单页面应用程序。

后端采用 SpringBoot，这是一种基于 Java 的开源框架，用于简化 Spring 应用的初始搭建以及开发过程。SpringBoot 通过自动配置和约定大于配置的原则，简化了 Spring 应用的配置和开发。

此外，JNPF 还采用 MyBatis-Plus 作为持久层框架，它是一个功能强大的 MyBatis 扩展，可以大大简化数据库操作的开发。

技术领先

采用前后端分离技术，后端采用 java 主流开发技术栈，前端同时适配 Vue2/Vue3 技术栈；

组件丰富

包含多个开箱即用的通用组件，如消息中心，文件服务、第三方登录等；

复杂场景

满足高并发、大数据处理业务场景，对于高并发应用的功能，可以基于领域拆分微服务，并针对微服务去独立、灵活的扩展服务器资源；

SaaS 应用

无缝切换 SaaS 模式，支持企业搭建自己的 SaaS 应用；

2. 整体架构

3. 平台特性

3.1 构架特性

• 主体框架：Spring Cloud、Spring Cloud Alibaba、Spring Boot、Spring Cloud Stream、MyBatis-Plus、Alibaba Druid、Apache Dubbo、Hutool、Lombok 等主流技术；

• 前后端分离：采用主流开发模式-前后端分离框架设计，前端同时适配 Vue2/Vue3，代码风格精简，面向后端开发工程师，易于理解和上手；

• 统一接口管理：集成 Swagger/Knife4j，可自动生成 Api 文档；

• 数据库兼容：支持 MySQL、SQLServer、Oracle、PostgreSQL 等主流数据库，支持达梦、人大金仓等国产信创数据库；

• 国产信创操作系统：支持麒麟服务器操作系统、统信 UOS、华为欧拉等国产信创服务器操作系统部署；

• 服务注册 &发现与调用：使用 Nacos 作为注册中心，实现多配置、分群组、分命名空间、多业务模块的注册和发现功能；

• 内部调用：集成了 Open Feign 和 Apache Dubbo 两种内部调用模式，并且可以实现无缝切换；

• 业务熔断：采用 Sentinel 实现业务流量控制、熔断降级、系统负载等多个维度保护服务的稳定性，避免服务之间出现雪崩；

• 应用监控：利用 Spring Boot Admin 来监控各个服务的运行状态；

• 链路追踪：基于 SkyWalking 作为项目的全链路性能监控，从整体维度到局部维度展示各项指标，将跨应用的所有调用链性能信息集中展现，可方便度量整体和局部性能，并且方便找到故障产生的源头，生产上可极大缩短故障排除时间；

3.2 功能特性

• 灵活的权限控制：基于 RBAC 权限管理，该功能模块下的功能用于维护企业的组织架构信息以及员工信息。主要包含了组织架构管理、部门管理、分级管理员、角色管理、岗位管理等功能。用户可在此功能模块下维护公司的组织架构信息（组织/部门/角色/岗位）和用户信息，也可以通过第三方应用（钉钉/企业微信）将组织架构信息一键导入到系统中，也可以使用组织架构和员工信息的导入功能将数据导入到系统中；

• 消息中心：集成消息中间件 Apache RocketMQ(默认)，RabittMQ,Apache Kafka，实现业务异步处理；

• 第三方登录：开箱即用的第三方授权登录工具类库，提供统一接口，支持接入任意 OAuth 网站，快速实现 OAuth 登录功能；

• 单点登录：支持 OAuth 2.x/OpenID Connect、SAML 2.0、JWT、CAS、SCIM 等标准协议，提供安全、标准和开放的用户身份管理(IDM)、身份认证(AM)、单点登录(SSO)、RBAC 权限管理和资源管理等；

• 多租户：借助于 MyBatis-Plus 实现 Saas 多租户隔离方案；

4. 技术栈

4.1 后端技术栈

• 主框架：Spring Boot + Spring Framework

• 持久层架：MyBatis-Plus

• 数据库连接池：Alibaba Druid

• 多数据源：Dynamic-Datasource

• 数据库兼容： MySQL、SQLServer、Oracle、PostgreSQL、达数据库、人大金仓数据库

• 分库分表解决方案：Apache ShardingSphere

• 权限认证框架：Sa-Token+JWT

• 代码生成器：MyBatis-Plus-Generator

• 模板引擎：Velocity

• 任务调度：XXL-JOB

• 分布式锁：Lock4j

• JSON 序列化：Jackson&Fastjson

• 缓存数据库：Redis

• 校验框架：Validation

• 分布式文件存储：兼容 MinIO 及多个云对象存储，如阿里云 OSS、华为云 OBS、七牛云 Kodo、腾讯云 COS 等

• 工具类框架：Hutool、Lombok

• Api 文档生成工具：Knife4j

• 项目构建：Maven

4.2 前端技术栈

4.2.1 Vue2 技术栈

• Vue2 全家桶

• Element-UI

• Axios

• Sass

• Echarts

• Dayjs

4.2.2 Vue3 技术栈

• Vue3.0 全家桶

• TypeScript

• Vite

• pinia

• pnpm

• Ant Design vue3

• Less

• Echarts

• Dayjs

• Fullcalendar

• monaco-editor

• Sortablejs

• tinymc

4.3 数据库支持

• MySQL 5.7.x/8.0.x

• SQLServer 2012+

• Oracle 11g

• PostgreSQL 12+

• 达梦数据库(DM8)

• 人大金仓数据库(KingbaseES_V8R6)

✅想要尝试感受低代码的同学，点击 JNPF 开发者中心地址可以获取，也可以后台联我。