平台简介

• 本仓库为前端技术栈 Vue3 + Element Plus + Vite 版本。
• 配套后端代码仓库地址RuoYi-Vue 或 RuoYi-Vue-fast 版本。
• 前端技术栈（Vue2 + Element + Vue CLI），请移步RuoYi-Vue。
• 阿里云折扣场：点我进入，腾讯云秒杀场：点我进入  
• 阿里云优惠券：点我领取，腾讯云优惠券：点我领取  

前端运行

# 克隆项目
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

# 进入项目目录
cd RuoYi-Vue3

# 安装依赖
yarn --registry=https://registry.npmmirror.com

# 启动服务
yarn dev

# 构建测试环境 yarn build:stage
# 构建生产环境 yarn build:prod
# 前端访问地址 http://localhost:80

组件库使用说明

本项目已封装为组件库 @my-team/ruoyi-utils，可供其他业务项目使用。

🚀 快速开始

npm install @my-team/ruoyi-utils

⚠️ 重要提示： 部分插件（auth、tab）依赖于业务项目的 store 和 router，提供了多种解决方案。

📖 文档导航

• ⚡ 5分钟快速上手 - 推荐从这里开始
• 📊 方案对比 - 了解 4 种解决方案的优缺点
• 📚 完整示例 - 查看详细代码示例
• 📝 插件说明 - 方案1的实现方式

🎯 推荐方案

方案 2：工厂函数模式（适用于大多数项目）

// main.js
import { createAuthPlugin, createTabPlugin } from '@my-team/ruoyi-utils'
import useUserStore from '@/store/modules/user'
import useTagsViewStore from '@/store/modules/tagsView'

app.config.globalProperties.$auth = createAuthPlugin(useUserStore())
app.config.globalProperties.$tab = createTabPlugin(useTagsViewStore(), router)

📦 构建和发布

# 构建组件库
npm run build:lib

# 发布到 npm
npm publish

内置功能

1. 用户管理：用户是系统操作者，该功能主要完成系统用户配置。
2. 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
3. 岗位管理：配置系统用户所属担任职务。
4. 菜单管理：配置系统菜单，操作权限，按钮权限标识等。
5. 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
6. 字典管理：对系统中经常使用的一些较为固定的数据进行维护。
7. 参数管理：对系统动态配置常用参数。
8. 通知公告：系统通知公告信息发布维护。
9. 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
10. 登录日志：系统登录日志记录查询包含登录异常。
11. 在线用户：当前系统中活跃用户状态监控。
12. 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。
13. 代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载 。
14. 系统接口：根据业务代码自动生成相关的api接口文档。
15. 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
16. 缓存监控：对系统的缓存信息查询，命令统计等。
17. 在线构建器：拖动表单元素生成相应的HTML代码。
18. 连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。