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

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

  • 23
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 当前流行的前端技术栈有以下几项: 1. JavaScript:是一门非常流行的编程语言,主要用于前端开发。 2. HTML:是超文本标记语言,用于描述网页的结构和内容。 3. CSS:是用于定义网页外观样式的语言。 4. React:是一个用于构建用户界面的 JavaScript 库。 5. Vue:是一个轻量级的 JavaScript 框架,用于构建用户界面。 6. Angular:是一个用于构建Web应用的框架。 7. Node.js:是一个基于 JavaScript 运行的平台,用于构建服务器端应用。 这只是一个简单的列表,实际上前端技术栈还有很多其他的技术和工具,根据实际需求和项目特点,不同的团队可能会选择不同的技术栈。 ### 回答2: 当前最新的前端技术栈包括以下几个方面: 1. JavaScript框架:React、Vue、Angular。这些框架能够帮助开发者构建复杂的用户界面,提供了丰富的组件和工具。 2. CSS预处理器:Less、Sass、Stylus。它们扩展了原生CSS的功能,提供了变量、混合、嵌套等特性,使样式编写更加简洁和可维护。 3. 构建工具:Webpack、Parcel、Rollup。这些工具能够优化、打包和压缩前端资源,提高页面加载速度,并支持模块化开发。 4. 静态类型检查工具:TypeScript、Flow。它们在JavaScript的基础上引入了类型系统,能够在开发阶段捕获潜在的错误,并提供更好的开发体验。 5. 状态管理库:Redux、MobX。这些工具可以帮助前端应用管理和共享组件的状态,并提供了可预测的状态管理方案。 6. 可视化库:D3.js、Echarts。这些库提供了强大的图表和可视化功能,可以用于数据展示和分析。 7. 前端测试工具:Jest、Mocha、Karma。它们可以用于编写和运行自动化测试,确保代码的质量和稳定性。 8. 前端桌面应用框架:Electron、NW.js。它们使用Web技术(HTML、CSS和JavaScript)构建桌面应用程序,具有跨平台和原生应用一样的体验。 9. 响应式设计:Bootstrap、Foundation、Material UI。这些CSS框架提供了一套易用的组件和样式,能够快速构建适配不同设备的响应式网页。 10. 移动端开发框架:React Native、Flutter。它们可以使用JavaScript或Dart开发原生移动应用,大大提高了开发效率。 需要注意的是,前端技术发展迅速,新的技术和工具不断涌现,上述只是当前较为流行和常用的一些技术栈。 ### 回答3: 当前最新的前端技术栈包含以下几个主要方向: 1. JavaScript框架: 当前最热门前端技术之一是React,它提供了高效、灵活的构建用户界面的方法。另外,Angular和Vue.js也是常用的框架选择,它们也提供了大量的特性和工具来简化开发。 2. CSS预处理器: Sass和Less是当前最常用的CSS预处理器,它们提供了变量、嵌套、混合等功能,可以提高CSS的可维护性和复用性。 3. 打包工具: 为了解决前端项目中的模块化、压缩和打包等需求,Webpack和Parcel等打包工具非常流行。它们可以将多个模块和资源打包成最终的可部署代码。 4. 状态管理: 对于大型前端应用程序,状态管理变得尤为重要。Redux和Vuex等状态管理库可以帮助管理复杂的应用状态,并提供可预测的状态变化方式。 5. 静态类型检查: TypeScript和Flow是两个常用的静态类型检查工具,它们可以在开发时捕捉类型错误,提高代码的可维护性和健壮性。 6. 响应式设计: 随着移动设备的普及,响应式设计变得越来越重要。当前最流行的响应式设计框架是Bootstrap和Material-UI,它们提供了一系列的组件和样式来帮助构建适应不同屏幕尺寸的界面。 7. 前端测试: Jest和Enzyme是当前主流的前端测试工具,它们可以用于编写单元测试、集成测试和端到端测试等,确保前端代码的质量和稳定性。 总体来说,当前前端技术栈发展迅速,新的工具和库不断涌现。了解并掌握这些最新的前端技术,将有助于提高开发效率和开发质量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值