- 本仓库为前端技术栈 Vue3 + Element Plus + Vite 版本。
- 配套后端代码仓库地址RuoYi-Vue 或 RuoYi-Vue-fast 版本。
- 阿里云折扣场：点我进入，腾讯云秒杀场：点我进入
RuoYi-Vue 前端项目的三个主要演进版本，方便你直观对比其技术栈差异（并行开发维护）。
| 项目名称 | RuoYi-Vue | RuoYi-Vue3 | RuoYi-Vue3-TypeScript |
|---|---|---|---|
| 前端框架 | Vue 2 | Vue 3 | Vue 3 |
| 脚本语言 | JavaScript | JavaScript | TypeScript |
| 构建工具 | Vue CLI | Vite | Vite |
| UI 组件库 | Element UI | Element Plus | Element Plus |
| 状态管理 | Vuex | Pinia | Pinia |
| 路由管理 | Vue Router 3 | Vue Router 4 | Vue Router 4 |
| 核心特点 | 1. 技术栈经典稳定 2. 社区资料丰富 3. 当前维护重已转移 |
1. 现代前端技术栈 2. 开发体验与性能更优 3. 官方主推的活跃版本 |
1. 类型加持，减少沟通成本 2. 开发时有提示，效率更高 3. 多人协作企业级开发项目 |
| 仓库地址 | RuoYi-Vue | RuoYi-Vue3 | RuoYi-Vue3-TypeScript |
# 克隆项目
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- 用户管理：用户是系统操作者，该功能主要完成系统用户配置。
- 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
- 岗位管理：配置系统用户所属担任职务。
- 菜单管理：配置系统菜单，操作权限，按钮权限标识等。
- 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
- 字典管理：对系统中经常使用的一些较为固定的数据进行维护。
- 参数管理：对系统动态配置常用参数。
- 通知公告：系统通知公告信息发布维护。
- 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
- 登录日志：系统登录日志记录查询包含登录异常。
- 在线用户：当前系统中活跃用户状态监控。
- 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。
- 代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载 。
- 系统接口：根据业务代码自动生成相关的api接口文档。
- 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
- 缓存监控：对系统的缓存信息查询，命令统计等。
- 在线构建器：拖动表单元素生成相应的HTML代码。
- 连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。
- admin/admin123
- 陆陆续续收到一些打赏，为了更好的体验已用于演示服务器升级。谢谢各位小伙伴。
演示地址：http://vue.ruoyi.vip
文档地址：http://doc.ruoyi.vip
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
QQ群： 
