# ruoyi-super

**Repository Path**: wanglei12/x-super

## Basic Information

- **Project Name**: ruoyi-super
- **Description**: 🔥 官方推荐 🔥 RuoYi-Vue 全新 Super 版本，优化重构所有功能。基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统，支持 RBAC 动态权限、数据权限、SaaS 多租户、工作流、三方登录、支付、短信、商城、CRM、ERP、AI 等功能。你的 ⭐️ Star ⭐️，是作者生发的动力！
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 4
- **Created**: 2025-07-14
- **Last Updated**: 2026-02-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# X-Super 后台管理系统

[![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
[![Spring Boot](https://img.shields.io/badge/Spring%20Boot-2.x-brightgreen.svg)](https://spring.io/projects/spring-boot)
[![Vue](https://img.shields.io/badge/Vue-2.x-brightgreen.svg)](https://vuejs.org/)

> 基于若依框架二次开发的企业级后台管理系统，集成工作流、多租户、日报、任务、消息通知、可视化大屏等企业级功能

## 🌐 演示地址

- **在线演示**: [http://x-super:8888/](http://x-super:8888/)
- **公司首页**: [https://ito.qcqg.cn/](https://ito.qcqg.cn/)

<div align="center">

**🎉 感谢您的关注和支持！**

如有问题或建议，欢迎提交 Issue 或 PR

**⚡ 承接各种外包项目，技术硬，质量好，成本低！**

📧 联系方式：[https://ito.qcqg.cn/](https://ito.qcqg.cn/)

</div>

## 📖 平台简介

X-Super 是基于若依（RuoYi）脚手架进行二次开发的企业级后台管理系统。在保持原有功能完整性的基础上，集成了工作流、多租户、日报、任务、消息通知、可视化大屏等企业级功能，为中小企业提供开箱即用的管理系统解决方案。

### ✨ 核心特性

- 🔥 **工作流引擎**: 自研工作流模块,抽象出工作流的通用方法,极简单集成业务,可应对99%的业务场景
- 📊 **可视化大屏**: 内置数据可视化大屏(很多)，支持实时数据展示,全部组件化开发,可随时调换修改
- 🏢 **多租户架构**: 支持 SaaS 模式的多租户解决方案
- 🔐 **数据权限**: 优化的数据权限控制，支持部门级和用户级权限
- ☁️ **云存储**: 支持阿里云OSS、腾讯云COS、七牛云等多种云存储
- 🔑 **日报模块**: 独立开发日报/统计/任务/项目等模块开箱即用
- ☁️ **消息通知**: 支持系统内、短信、邮件、微信、企业微信等多种通知方式
- 📊 **功能演示**: 内置多种单表demo/树demo/简单审批demo/复杂审批demo/柱状图/折线图/饼图/滚动列表/地图演示等

## 🛠️ 技术架构

### 前端技术栈
- **框架**: Vue 2.x + Element UI
- **构建工具**: Webpack + Babel
- **状态管理**: Vuex
- **路由管理**: Vue Router

### 后端技术栈
- **核心框架**: Spring Boot 2.x
- **安全框架**: Spring Security + JWT
- **数据库**: MySQL / *
- **缓存**: Redis
- **ORM**: MyBatis-Plus
- **工作流**: Flowable
- **工具库**: Hutool + Lombok
- **接口文档**: Knife4j (Swagger)

### 集成组件
- **地图组件**: 支持地理位置相关功能
- **WebSocket**: 实时通信支持
- **文件存储**: 多云存储支持（S3协议兼容）
- **代码生成**: 智能代码生成器，支持 Lombok 和 MyBatis-Plus

## 🚀 核心功能

### 基础功能(若依)
- ✅ 用户管理：用户是系统操作者，该功能主要完成系统用户配置
- ✅ 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限
- ✅ 岗位管理：配置系统用户所属担任职务
- ✅ 菜单管理：配置系统菜单，操作权限，按钮权限标识等
- ✅ 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分
- ✅ 字典管理：对系统中经常使用的一些较为固定的数据进行维护

### 增强功能
- 🔄 **工作流管理**: 流程配置、开启流程、流程监控
- 📈 **数据大屏**: 很多数据大屏案例,可视化数据展示，支持自定义图表
- 🏗️ **多租户**: 租户管理、数据隔离、权限控制
- 📁 **文件管理**: 多云存储支持，文件上传下载
- 🔍 **日报模块**: 员工填写日报/日报汇总/日报统计/日报图表/任务分配/时限报警/项目人效等
- 📝 **代码生成**: 前后端代码自动生成，提高开发效率

## 🚀 快速开始

### 环境要求

- **JDK**: 1.8+
- **MySQL**: 5.7+
- **Redis**: 3.0+
- **Node.js**: 12.0+
- **npm**: 6.0+

### 后端启动

1. **克隆项目**
   ```bash
   git clone https://gitee.com/wanglei12/x-super.git
   ```

2. **数据库配置**
   - 创建数据库 `x-super`
   - 用 navicat 还原最新的nb3文件

3. **修改配置**
   - 编辑 `ruoyi-admin/src/main/resources/application-druid.yml`
   - 配置 MySQL 和 Redis 连接信息

4. **启动应用**
   ```bash
   # 方式一：IDE 启动
   运行 ruoyi-admin/src/main/java/com/ruoyi/RuoYiApplication.java
   ```

### 前端启动

1. **安装依赖**
   ```bash
   npm install --registry=https://registry.npmmirror.com
   ```
   
2**访问系统**
   - 前端地址：http://localhost:80
   - 后端接口：http://localhost:8080
   - 默认账号：admin/admin123

## 📦 部署指南

### 生产环境部署

1. **后端部署**
   ```bash
   # 打包
   mvn clean package -Dmaven.test.skip=true
   
   # 部署
   java -jar ruoyi-admin.jar --spring.profiles.active=prod
   ```

2. **前端部署**
   ```bash
   # 构建
   npm run build:prod

   ```

2**Nginx 配置参考**
   - 详细配置请参考：[若依部署文档](https://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html#nginx%E9%85%8D%E7%BD%AE)

## ⚠️ 注意事项

### 数据库相关

- **表结构要求**：新建表参考测试表字段
  aaa_demo

- **软删除字段**：如果使用软删除，添加 `del_flag` 字段，代码生成器会自动处理

- **MySQL 配置**：需要在 `my.cnf` 中添加以下配置
  ```ini
  [mysqld]
  # 取消大小写敏感
  lower_case_table_names=1
  # 取消严格模式
  innodb_strict_mode=0
  ```

## 🤝 贡献指南

我们欢迎所有形式的贡献，包括但不限于：

- 🐛 报告 Bug
- 💡 提出新功能建议
- 📝 改进文档
- 🔧 提交代码修复

## 📄 开源协议

### 承诺与愿景

- ✅ **永久免费**：本系统永远保持开源免费，不会有任何商业盈利行为
- 🔄 **持续更新**：保证功能完整性，持续优化代码质量
- 🛡️ **长期维护**：只要我们团队还在从事相关工作，就会持续维护更新
- 🎯 **质量保证**：注重代码质量和用户体验，不断改进和完善


## 📸 演示图片

### 系统界面展示

<div align="center">

## 📸 系统功能展示

### 项目管理模块
| 项目管理 | 任务列表 |
|:---:|:---:|
| <img src="./img/项目管理.png" alt="项目管理" width="400"/> | <img src="./img/任务列表.png" alt="任务列表" width="400"/> |

### 日志管理模块
| 日报列表 | 我的日志 |
|:---:|:---:|
| <img src="./img/日报列表.png" alt="日报列表" width="400"/> | <img src="./img/我的日志.png" alt="我的日志" width="400"/> |

| 日志汇总 | 消息模版 |
|:---:|:---:|
| <img src="./img/日志汇总.png" alt="日志汇总" width="400"/> | <img src="./img/消息模版.png" alt="消息模版" width="400"/> |

### 工作流程模块
| 流程配置-新增 | 流程配置-审批 |
|:---:|:---:|
| <img src="./img/流程配置-新增.png" alt="流程配置-新增" width="400"/> | <img src="./img/流程配置-审批.png" alt="流程配置-审批" width="400"/> |

### 多租户管理模块
| 租户管理 | 租户套餐 |
|:---:|:---:|
| <img src="./img/租户管理.png" alt="租户管理" width="400"/> | <img src="./img/租户套餐.png" alt="租户套餐" width="400"/> |

| 租户套餐-修改 | 租户套餐-菜单配置 |
|:---:|:---:|
| <img src="./img/租户套餐-修改.png" alt="租户套餐-修改" width="400"/> | <img src="./img/租户套餐-菜单配置.png" alt="租户套餐-菜单配置" width="400"/> |

### 组件与图表模块
| 集成组件演示 | 柱状图1 |
|:---:|:---:|
| <img src="./img/集成组件演示.png" alt="集成组件演示" width="400"/> | <img src="./img/柱状图1.png" alt="柱状图1" width="400"/> |

| 柱状图2 | 饼状图1 |
|:---:|:---:|
| <img src="./img/柱状图2.png" alt="柱状图2" width="400"/> | <img src="./img/饼状图1.png" alt="饼状图1" width="400"/> |

### 数据大屏模块
| 大屏1 | 大屏2 |
|:---:|:---:|
| <img src="./img/大屏1.png" alt="大屏1" width="400"/> | <img src="./img/大屏2.png" alt="大屏2" width="400"/> |

| 大屏3 | 大屏4 |
|:---:|:---:|
| <img src="./img/大屏3.png" alt="大屏3" width="400"/> | <img src="./img/大屏4.png" alt="大屏4" width="400"/> |

| 大屏5 |
|:---:|
| <img src="./img/大屏5.png" alt="大屏5" width="400"/> |

</div>

## 🙏 致谢

感谢以下开源项目和社区的支持：

- 🎯 **[若依 (RuoYi)](https://gitee.com/y_project/RuoYi-Vue)** - 提供了优秀的基础框架
- 👥 **若依前后端分离QQ群** - 技术交流与支持 [![加入QQ群](https://img.shields.io/badge/QQ群-1022115443-blue.svg)]

## 💖 支持项目

如果这个项目对您有帮助，欢迎给个 ⭐ Star 支持一下！

您的每一份支持都是我持续维护和改进项目的动力！

### 赞助方式

<div align="center">

| 微信赞赏 | 支付宝赞赏 |
|:---:|:---:|
| <img src="./img/wechat.jpg" alt="微信赞赏" width="200"/> | <img src="./img/alipay.jpg" alt="支付宝赞赏" width="200"/> |

</div>

---