# plus-ui **Repository Path**: ruoyiProject/plus-ui ## Basic Information - **Project Name**: plus-ui - **Description**: RuoYi-Vue-Plus 5.X 与 RuoYi-Cloud-Plus 2.X 统一 UI 前端代码仓库 问题请到主框架反馈 - **Primary Language**: TypeScript - **License**: MIT - **Default Branch**: ts - **Homepage**: https://plus-doc.dromara.org - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 3841 - **Created**: 2026-04-24 - **Last Updated**: 2026-04-29 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 平台简介 - 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [TS](https://www.typescriptlang.org/) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 版本。 - 成员项目: 基于 vben5(ant-design-vue) 的前端项目 [ruoyi-plus-vben5](https://github.com/imdap/ruoyi-plus-vben5) - 成员项目: 基于soybean 的前端项目 [ruoyi-plus-soybean](https://gitee.com/xlsea/ruoyi-plus-soybean) ## 配套后端代码仓库地址 | 介绍 | 项目名 | 项目地址 | | ---------- | :--------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 🔥 分布式集群框架 | RuoYi-Vue-Plus | - [Gitee](https://gitee.com/dromara/RuoYi-Vue-Plus) - [GitHub](https://github.com/dromara/RuoYi-Vue-Plus) - [GitCode](https://gitcode.com/dromara/RuoYi-Vue-Plus) | | 🔥 微服务框架 | RuoYi-Cloud-Plus | - [Gitee](https://gitee.com/dromara/RuoYi-Cloud-Plus)- [GitHub](https://github.com/dromara/RuoYi-Cloud-Plus) - [GitCode](https://gitcode.com/dromara/RuoYi-Cloud-Plus) | # 手机端 Gitee： ## 分支说明 - ts分支(稳定发布主分支 生产可用) - dev分支(开发分支 开发过程中使用) ## 前端运行 ```bash # 安装依赖 npm install --registry=https://registry.npmmirror.com # 启动服务 npm run dev # 构建生产环境 npm run build:prod # 前端访问地址 http://localhost:80 ## 博客系统与 Confuse 管理 ### 后台管理页面（需要登录） | 页面 | 地址 | 说明 | |------|------|------| | 🔐 登录页 | http://localhost/login | 账号 `admin` / 密码 `admin123` | | 📊 Confuse 仪表盘 | http://localhost/confuse/dashboard | 用户统计、等级分布、最近活跃 | | 👥 Confuse 用户列表 | http://localhost/confuse/users | 3个用户(Alala/Kongba/XWorks)详情编辑 | | 📂 博客分类管理 | http://localhost/blog/manage/categories | 树形分类CRUD、新建分类、分配文章 | | 📝 博客文章管理 | http://localhost/blog/manage/articles | 文章CRUD、分类分配、Markdown同步 | ### 前台博客页面（无需登录，直接访问） | 页面 | 地址 | 说明 | |------|------|------| | 🏠 博客首页 | http://localhost/blog | 文章列表、轮播图 | | 📰 文章详情 | http://localhost/blog/article/:id | 阅读全文 | | 📁 全部分类 | http://localhost/blog/categories | 分类网格展示 | | 📂 单个分类 | http://localhost/blog/category/:code | 某分类下的文章 | | 🏷️ 标签云 | http://localhost/blog/tags | 所有标签 | | 🔍 搜索 | http://localhost/blog/search | 全文搜索 | | 📅 归档 | http://localhost/blog/archives | 时间线归档 | | ℹ️ 关于 | http://localhost/blog/about | 博客介绍 | ### 快速开始 ```bash # 1. 启动后端 (RuoYi-Vue-Plus) cd RuoYi-Vue-backend # 确保 MySQL(192.168.1.101:3306) 和 Redis(localhost:6379) 已启动 # 执行 SQL 初始化: sql/confuse_blog_manage.sql # 2. 启动前端 cd plus-ui-frontend npm install --registry=https://registry.npmmirror.com npm run dev # 3. 访问 # 后台管理 → http://localhost/login (admin/admin123) # 博客前台 → http://localhost/blog (无需登录) ``` ### 功能说明 - **Confuse 用户管理**: 自动从 `Confuse-app/pyUtils/shell/configs/*.yaml` 同步用户配置，展示用户等级(Lv1-Lv5)、打包次数、混淆前缀等信息 - **博客分类管理**: 树形结构分类列表，支持新建/编辑/删除分类，设置导航显示、排序等 - **博客文章管理**: 文章 CRUD，支持分类分配、置顶/推荐标记、状态切换、批量删除、从 Markdown 同步 - **前后端分离**: `/blog/*` 前台页面免登录直接访问，`/confuse/*` 和 `/blog/manage/*` 需要登录后操作 ``` ## 本框架与RuoYi的业务差异 | 业务 | 功能说明 | 本框架 | RuoYi | | ------ | --------------------------------------- | --- | ---------------- | | 租户管理 | 系统内租户的管理 如:租户套餐、过期时间、用户数量、企业信息等 | 支持 | 无 | | 租户套餐管理 | 系统内租户所能使用的套餐管理 如:套餐内所包含的菜单等 | 支持 | 无 | | 用户管理 | 用户的管理配置 如:新增用户、分配用户所属部门、角色、岗位等 | 支持 | 支持 | | 部门管理 | 配置系统组织机构（公司、部门、小组） 树结构展现支持数据权限 | 支持 | 支持 | | 岗位管理 | 配置系统用户所属担任职务 | 支持 | 支持 | | 菜单管理 | 配置系统菜单、操作权限、按钮权限标识等 | 支持 | 支持 | | 角色管理 | 角色菜单权限分配、设置角色按机构进行数据范围权限划分 | 支持 | 支持 | | 字典管理 | 对系统中经常使用的一些较为固定的数据进行维护 | 支持 | 支持 | | 参数管理 | 对系统动态配置常用参数 | 支持 | 支持 | | 通知公告 | 系统通知公告信息发布维护 | 支持 | 支持 | | 操作日志 | 系统正常操作日志记录和查询 系统异常信息日志记录和查询 | 支持 | 支持 | | 登录日志 | 系统登录日志记录查询包含登录异常 | 支持 | 支持 | | 文件管理 | 系统文件展示、上传、下载、删除等管理 | 支持 | 无 | | 文件配置管理 | 系统文件上传、下载所需要的配置信息动态添加、修改、删除等管理 | 支持 | 无 | | 在线用户管理 | 已登录系统的在线用户信息监控与强制踢出操作 | 支持 | 支持 | | 定时任务 | 运行报表、任务管理(添加、修改、删除)、日志管理、执行器管理等 | 支持 | 仅支持任务与日志管理 | | 代码生成 | 多数据源前后端代码的生成（java、html、xml、sql）支持CRUD下载 | 支持 | 仅支持单数据源 | | 系统接口 | 根据业务代码自动生成相关的api接口文档 | 支持 | 支持 | | 服务监控 | 监视集群系统CPU、内存、磁盘、堆栈、在线日志、Spring相关配置等 | 支持 | 仅支持单机CPU、内存、磁盘监控 | | 缓存监控 | 对系统的缓存信息查询，命令统计等。 | 支持 | 支持 | | 在线构建器 | 拖动表单元素生成相应的HTML代码。 | 支持 | 支持 | | 使用案例 | 系统的一些功能案例 | 支持 | 不支持 | ## 演示图例 |
|
| | -------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) | | !\[输入图片说明]\( 屏幕截图) | !\[输入图片说明]\( 屏幕截图) |