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. 整体架构

Web项目常用的技术栈有哪些?_第1张图片

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. 技术栈

Web项目常用的技术栈有哪些?_第2张图片

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开发者中心地址可以获取,也可以后台联我。

JNPF地址:https://www.jnpfsoft.com/?csdn

你可能感兴趣的:(前端,低代码,JNPF)