# ruoyi_vue3_ts **Repository Path**: lyforvue/ruoyi_vue3_ts ## Basic Information - **Project Name**: ruoyi_vue3_ts - **Description**: 来自若依vue3的js版本，改写为ts版本 - **Primary Language**: Java - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 174 - **Forks**: 90 - **Created**: 2022-08-01 - **Last Updated**: 2025-06-18 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # ruoyi_vue3_ts #### 介绍 前端参考来着若依[vue3的js](https://github.com/yangzongzhuan/RuoYi-Vue3)版本与[若依前后端分离版](https://gitee.com/y_project/RuoYi-Vue)，改写为ts版本，后端依赖于[若依](https://gitee.com/y_project/RuoYi-Vue)中的后端版本，具体文档参见[若依文档](http://ruoyi.vip/)。再次感谢若依！ #### 注意： ### 前后端与若依原本的有所差异，启动项目之前请先使用sql脚本初始化好数据库，并且在对应的配置文件中配置好数据库与redis。master分支与dev分支使用的是mysql数据库，master-postgres使用的是PostgreSQL。 ** ** #### 相关说明 1. 后端——ruoyi,前端——ruoyi_ui_ts。springboot版本升级到2.6.6； 2. jjwt版本升级到0.9.1，对应升级其相关的依赖，并对之前版本过时方法代码进行了改写； 3. 增加了swagger注释，集成了[knife4j文档](https://doc.xiaominfo.com/)（原生swagger用起来不够方便）； 4. 增加了使用easy-captcha生成验证码(看来还凑合，使用起来更简单)； 5. 代码生成增加了是否增加swagger注释，是否增加导出Excel注释与选择vue2或者vue3模板的功能； 6. 后端统一返回改为泛型对象。时间范围增加了可设置年月日时分秒，具体改动请参见相关代码； 7. 前端element-plus版本升级到2.2.5，vue3版本为3.2.35以及相对应的其他插件版本的改动。 ## 内置功能 1. 用户管理：用户是系统操作者，该功能主要完成系统用户配置。 2. 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。 3. 岗位管理：配置系统用户所属担任职务。 4. 菜单管理：配置系统菜单，操作权限，按钮权限标识等。 5. 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。 6. 字典管理：对系统中经常使用的一些较为固定的数据进行维护。 7. 参数管理：对系统动态配置常用参数。 8. 通知公告：系统通知公告信息发布维护。 9. 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。 10. 登录日志：系统登录日志记录查询包含登录异常。 11. 在线用户：当前系统中活跃用户状态监控。 12. 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。 13. 代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载 。 14. 接口文档：knife4j文档与swagger文档。 15. 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。 16. 缓存监控：对系统的缓存信息查询，命令统计等。 18. 数据监控：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。 ## 后端开发说明 jdk版本：jdk1.8 数据库：mysql5.7或者以上 redis：请自行安装配置 部署启动：请先使用SQL脚本初始化数据库再启动 开发工具：建议使用idea 数据库工具：navicat、navicat premium、dbeaver等 ## 前端开发说明 开发工具：VsCode(请自行安装对应的插件)、WebStorm Node版本：建议v14或者以上 安装依赖请运行：npm install 开发环境启动请运行: npm run dev 开发环境打包请运行: npm run build 正式环境打包请运行：npm run build:prod ## 演示视频 https://www.bilibili.com/video/BV1Bd4y1T7vH/?vd_source=935858b05b95ca34b13b681f7ac5231a ## 相关截图 ![输入图片说明](ruoyi/doc/image/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.png)![输入图片说明](ruoyi/doc/image/%E9%A6%96%E9%A1%B5-index.png)![输入图片说明](ruoyi/doc/image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86.png)![输入图片说明](ruoyi/doc/image/%E8%A7%92%E8%89%B2%E7%AE%A1%E7%90%86.png)![输入图片说明](ruoyi/doc/image/%E8%8F%9C%E5%8D%95%E7%AE%A1%E7%90%86.png)![输入图片说明](ruoyi/doc/image/%E9%83%A8%E9%97%A8%E7%AE%A1%E7%90%86.png)![输入图片说明](ruoyi/doc/image/%E5%B2%97%E4%BD%8D%E7%AE%A1%E7%90%86.png)![输入图片说明](ruoyi/doc/image/%E5%AD%97%E5%85%B8%E7%AE%A1%E7%90%86.png)![输入图片说明](ruoyi/doc/image/%E5%AD%97%E5%85%B8%E6%95%B0%E6%8D%AE.png)![输入图片说明](ruoyi/doc/image/%E5%8F%82%E6%95%B0%E8%AE%BE%E7%BD%AE.png)![输入图片说明](ruoyi/doc/image/%E9%80%9A%E7%9F%A5%E5%85%AC%E5%91%8A.png)![输入图片说明](ruoyi/doc/image/%E6%93%8D%E4%BD%9C%E6%97%A5%E5%BF%97.png)![输入图片说明](ruoyi/doc/image/%E7%99%BB%E5%BD%95%E6%97%A5%E5%BF%97.png)![输入图片说明](ruoyi/doc/image/%E5%9C%A8%E7%BA%BF%E7%94%A8%E6%88%B7.png)![输入图片说明](ruoyi/doc/image/%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1.png)![输入图片说明](ruoyi/doc/image/%E6%95%B0%E6%8D%AE%E7%9B%91%E6%8E%A7.png)![输入图片说明](ruoyi/doc/image/%E6%9C%8D%E5%8A%A1%E7%9B%91%E6%8E%A7.png)![输入图片说明](ruoyi/doc/image/%E7%BC%93%E5%AD%98%E7%9B%91%E6%8E%A7.png)![输入图片说明](ruoyi/doc/image/%E7%BC%93%E5%AD%98%E5%88%97%E8%A1%A8.png)![输入图片说明](ruoyi/doc/image/%E4%BB%A3%E7%A0%81%E7%94%9F%E6%88%90.png)![输入图片说明](ruoyi/doc/image/%E4%BB%A3%E7%A0%81%E9%A2%84%E8%A7%88.png) #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 特技 1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)