# RuoYi-Vue **Repository Path**: dweigit/RuoYi-Vue ## Basic Information - **Project Name**: RuoYi-Vue - **Description**: 基于SpringBoot + Vue + Element UI的前后端分离权限管理系统 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: http://www.ruoyi.vip - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 30985 - **Created**: 2020-04-07 - **Last Updated**: 2024-03-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 平台简介 一款后台管理系统，Fork若依关系系统基础修改。若依官方网站：http://www.ruoyi.vip > 如需不分离应用，请移步 [RuoYi](https://gitee.com/y_project/RuoYi) `(保持同步更新)`，如需其他版本，请移步 [项目扩展](http://doc.ruoyi.vip/ruoyi/document/xmkz.html) `(不定时更新)` ## 前端vue-element-admin学习 本项目的前端框架是用的另一款优秀的开源框架 [vue-element-admin](https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#功能)，所以，在我们修改页面的时候必须要知道前端的框架是如何运行的，否则就会不知道如何下手。 首先看一下官方文档，对该框架有一个全局的认识： [vue-element-admin 前端框架文档](https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/) Vue采用的是JavaScript ES6新语法，所以，我们首先要看的懂这些新语法： [Javascript ES6快速学习](https://segmentfault.com/a/1190000008572444) 打包工具webpack快速学习，然后可以使用webpack和Vue进行组件开发 [Webpack初体验](https://segmentfault.com/a/1190000007756556) 这篇博文是2017年写的Vue基础学习文章，如果不想看官方的文档，可以学习这篇文档可以掌握主要的基础点： [Vue.js基础学习](https://segmentfault.com/a/1190000006262757) 学了上边的基础知识后，该前端框架作者写了一系列的博文帮助我们更深入的学习vue-element-admin框架： [手摸手，带你用vue撸后台 系列一（基础篇）](https://juejin.im/post/59097cd7a22b9d0065fb61d2) ## 优化功能 1. 代码生成：代码生成集成MybatisPlus，使生成的代码更加简洁。 2. 代码生成：增加代码生成功能代码预览高亮语法显示，提升阅读体验。 ## 内置功能 1. 用户管理：用户是系统操作者，该功能主要完成系统用户配置。 2. 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。 3. 岗位管理：配置系统用户所属担任职务。 4. 菜单管理：配置系统菜单，操作权限，按钮权限标识等。 5. 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。 6. 字典管理：对系统中经常使用的一些较为固定的数据进行维护。 7. 参数管理：对系统动态配置常用参数。 8. 通知公告：系统通知公告信息发布维护。 9. 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。 10. 登录日志：系统登录日志记录查询包含登录异常。 11. 在线用户：当前系统中活跃用户状态监控。 12. 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。 13. 代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载 。 14. 系统接口：根据业务代码自动生成相关的api接口文档。 15. 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。 16. 在线构建器：拖动表单元素生成相应的HTML代码。 17. 连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。 ## 在线体验 > admin/admin123 > 陆陆续续收到一些打赏，为了更好的体验已用于演示服务器升级。谢谢各位小伙伴。 演示地址：http://vue.ruoyi.vip 文档地址：http://doc.ruoyi.vip ## 技术选型 #### 后端技术: | 技术 | 名称 | 官网 | | -------------------------- | ------------------- | ------------------------------------------------------------ | | Spring Framework | 容器 | http://projects.spring.io/spring-framework/ | | SpringMVC | MVC框架 | http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc | | Apache Shiro | 安全框架 | http://shiro.apache.org/ | | Spring session | 分布式Session管理 | http://projects.spring.io/spring-session/ | | MyBatis | ORM框架 | http://www.mybatis.org/mybatis-3/zh/index.html | | MyBatis Generator | 代码生成 | http://www.mybatis.org/generator/index.html | | MyBatisPlus | ORM框架 | https://mp.baomidou.com | | p6sy | SQL分析 | http://p6spy.github.io/p6spy/ | | PageHelper | MyBatis物理分页插件 | http://git.oschina.net/free/Mybatis_PageHelper | | Druid | 数据库连接池 | https://github.com/alibaba/druid | | FluentValidator | 校验框架 | https://github.com/neoremind/fluent-validator | | Thymeleaf | 模板引擎 | http://www.thymeleaf.org/ | | Velocity | 模板引擎 | http://velocity.apache.org/ | | ZooKeeper | 分布式协调服务 | http://zookeeper.apache.org/ | | Dubbo | 分布式服务框架 | http://dubbo.io/ | | TBSchedule & elastic-job | 分布式调度框架 | https://github.com/dangdangdotcom/elastic-job | | Redis | 分布式缓存数据库 | https://redis.io/ | | Solr & Elasticsearch | 分布式全文搜索引擎 | http://lucene.apache.org/solr/ https://www.elastic.co/ | | Quartz | 作业调度框架 | http://www.quartz-scheduler.org/ | | Ehcache | 进程内缓存框架 | http://www.ehcache.org/ | | ActiveMQ | 消息队列 | http://activemq.apache.org/ | | JStorm | 实时流式计算框架 | http://jstorm.io/ | | FastDFS | 分布式文件系统 | https://github.com/happyfish100/fastdfs | | Log4J | 日志组件 | http://logging.apache.org/log4j/1.2/ | | Swagger2 | 接口测试框架 | http://swagger.io/ | | sequence | 分布式高效ID生产 | http://git.oschina.net/yu120/sequence | | AliOSS & Qiniu & QcloudCOS | 云存储 | https://www.aliyun.com/product/oss/ http://www.qiniu.com/ https://www.qcloud.com/product/cos | | Protobuf & json | 数据序列化 | https://github.com/google/protobuf | | Jenkins | 持续集成工具 | https://jenkins.io/index.html | | Maven | 项目构建管理 | http://maven.apache.org/ | | Netty-socketio | 实时推送 | https://github.com/mrniko/netty-socketio | #### 前端技术: | 技术 | 名称 | 官网 | | --------------------------- | ------------------------ | --------------------------------------------------------- | | jQuery | 函式库 | http://jquery.com/ | | Bootstrap | 前端框架 | http://getbootstrap.com/ | | Bootstrap-table | Bootstrap数据表格 | http://bootstrap-table.wenzhixin.net.cn/ | | Font-awesome | 字体图标 | http://fontawesome.io/ | | material-design-iconic-font | 字体图标 | https://github.com/zavoloklom/material-design-iconic-font | | Waves | 点击效果插件 | https://github.com/fians/Waves | | zTree | 树插件 | http://www.treejs.cn/v3/ | | Select2 | 选择框插件 | https://github.com/select2/select2 | | jquery-confirm | 弹出窗口插件 | https://github.com/craftpip/jquery-confirm | | jQuery EasyUI | 基于jQuery的UI插件集合体 | [http://www.jeasyui.com](http://www.jeasyui.com/) | | React | 界面构建框架 | https://github.com/facebook/react | | Editor.md | Markdown编辑器 | https://github.com/pandao/editor.md | | zhengAdmin | 后台管理系统模板 | https://github.com/shuzheng/zhengAdmin | | autoMail | 邮箱地址自动补全插件 | https://github.com/shuzheng/autoMail | | zheng.jprogress.js | 加载进度条插件 | https://github.com/shuzheng/zheng.jprogress.js | | zheng.jtotop.js | 返回顶部插件 | https://github.com/shuzheng/zheng.jtotop.js | | socket.io.js | SocketIO插件 | https://socket.io/ | ## 演示图