.gitee | ||
bin | ||
html | ||
public | ||
src | ||
vite/plugins | ||
.editorconfig | ||
.env.development | ||
.env.production | ||
.env.staging | ||
.gitignore | ||
babel.config.js | ||
index.html | ||
LICENSE | ||
package.json | ||
README.md | ||
vite.config.js |
Ruoyi-Flex V4.1.8
Ruoyi-Flex是基于JDK21、Spring Boot V3.2.X+平台 前后端分离的Java快速开发框架
1、项目介绍
flex-elementplus-ui是Ruoyi-Flex的原来前端UI部分flex-ui ,采用Vue3、Element-Plus、vite、Pinia等技术构建。
2、系统特色
Ruoyi-Flex秉承“写的更少、性能更好、出错更低、交流通畅、快速入门” 的理念,为您带来全方位的赋能与提升:
(1)写的更少
借助MyBatis-Flex,Ruoyi-Flex显著降低了代码输入工作量,最高降低了25.85%,参考“演示模块”中的同一功能演示程序源码对比分析(排除相同代码量的控制器、前端代码):
除了那些复杂的遗留项目中的统计报表,在绝大部分情况下 Ruoyi-Flex 不需要手写 SQL 语句。
(2)性能更好
除了集成的JDK21、SpringBootV3.2、MyBatis-Flex的性能提升,系统“代码生成”模块生成的代码,凡是涉及到后台数据库的多表查询,没有采用数据库的LeftJoin、InnerJoin等SQL方式,而是使用WithRelation编程装配来取代数据库LeftJoin SQL关联查询,数据库不用维护表间外键关系,将多表关联SQL语句拆分为对各个单表的主键查询,关联无 SQL,性能提高10倍。
(3)出错更低
原来用mybatis开发需要手写SQL语句,开发后期需要增加字段,修改xml文件是一种灾难,一不留神就犯错了;而Ruoyi-Flex借助MyBatis-Flex则很好地规避了此问题,如果字段输入错误,开发环境IDEA就会自动标红报警,避免犯错。
(4)交流通畅
“非我族类,其心必异”。Ruoyi-Flex集成了一大波国产开源软件:MyBatis-Flex、Sa-Token、Hutool、PowerJob、Element-Plus等,同根同源,交流自然顺畅,开发中遇到问题可联系作者快速得到解决。例如,同一个领域的安全框架,一个中国人只需半天就可学会Sa-Token干活,如果是学Spring Security的话,七天也不一定能学会。
(5)入门快速
Ruoyi-Flex已集成各种开源开发框架,扫平了技术障碍,可直接上手干活。使用者只需要设计好数据库表结构,系统能可视化生成前后端本地代码,单表、树表、主子表任你选,10分钟就能开发一个模块,快速入门,开发高效。
3、后端项目
Ruoyi-Flex实行前后端分离仓库,本项目是前端部分,java后端项目是Ruoyi-Flex,后端项目地址: Ruoyi-Flex
4、内置功能
- 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
- 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
- 岗位管理:配置系统用户所属担任职务。
- 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
- 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
- 字典管理:对系统中经常使用的一些较为固定的数据进行维护。
- 参数管理:对系统动态配置常用参数。
- 通知公告:系统通知公告信息发布维护。
- 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
- 登录日志:系统登录日志记录查询包含登录异常。
- 文件管理:引入云存储服务,将文件存储到MinIO、七牛、阿里、腾讯等OSS服务器上,支持上传、下载。
- 在线用户:当前系统中活跃用户状态监控。
- 调度中心:集成PowerJob全新一代分布式任务调度与计算框架。
- 代码生成:前后端代码的生成(java、html、vue、js),支持单表、树表、主子表,减少70%以上的开发工作量。
- 系统接口:集成springdoc,根据文档注释自动生成相关的api接口文档。
- 监控中心:集成Spring Boot Admin,监视集群系统CPU、内存、磁盘、堆栈、在线日志、Spring相关配置等。
- 缓存监控:对系统的缓存信息查询,命令统计等。
- 演示模块:mybatis、mybatis-flex两种格式代码的单表、树表、主子表三种类型的演示程序。
5、演示图
6、安装教程
开发
克隆项目
git clone https://gitee.com/dataprince/flex-elementplus-ui.git
进入项目目录
cd flex-elementplus-ui
安装依赖
npm install --registry=https://registry.npmmirror.com
启动服务
npm run dev
前端浏览器访问 http://localhost:80
发布
构建测试环境
npm run build:stage
构建生产环境
npm run build:prod
7、Ruoyi-Flex交流群
本软件完全开源,作者很忙,如果您在使用过程中遇到问题,请付点小费(扫码微信支付199元)后申请加入微信群寻求帮助:
1、免费QQ交流群: | 762217712[交流1群] |
2、付费微信交流群: |
8、开源协议
为什么推荐使用本项目?
① 本项目采用比 Apache 2.0 更宽松的 MIT License 开源协议,个人与企业可 100% 免费使用,不用保留类作者、Copyright 信息。
② 代码全部开源,不会像其它项目一样,只开源部分代码,让你无法了解整个项目的架构设计。
如果这个项目让您有所收获,记得 Star 关注哦,这对我是非常不错的鼓励与支持。
9、参与贡献
- Fork 本仓库
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request