[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-75828":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":9,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":9,"pushedAt":9,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":15,"starSnapshotCount":15,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},75828,"ruoyi-plus-vben5","imdap\u002Fruoyi-plus-vben5","imdap","基于vben最新版本v5 & antdv-next 的 RuoYi-Vue-Plus 前端项目",null,"https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5","Vue",284,105,8,0,9,18,48,27,74.88,false,"main",[24,25],"typescript","vue3","2026-06-12 04:01:19","[![license](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fanncwb\u002Fvue-vben-admin.svg)](LICENSE)\n\n## 置顶说明\n\n使用`antdv-next`已经作为主分支进行更新\n\n原`ant-design-vue`已经归档到`v1\u002Fant-design-vue`分支 不再进行更新(当然你可以手动合并官方的更新)\n\n## 提示\n\n最低需要使用`node版本>22.16.0` 否则会影响编辑器的格式化(需要安装oxc插件)\n\n该分支使用[antdv-next](https:\u002F\u002Fgithub.com\u002Fantdv-next\u002Fantdv-next)替代已经不维护的antd-design-vue\n\n该仓库使用vben最新版本v5开发\n\nv5版本采用分仓(包)目录结构, 具体开发路径为: `根目录\u002Fapps\u002Fweb-antd`\n\n目前对应后端版本: **分布式5.6.0\u002F微服务2.6.0**\n\n## 简介\n\n基于 [vben5 & antdv-next](https:\u002F\u002Fgithub.com\u002Fvbenjs\u002Fvue-vben-admin) 的 RuoYi-Vue-Plus 前端项目\n\n| 组件\u002F框架  | 版本   |\n| :--------- | :----- |\n| vben       | 5.5.9  |\n| antdv-next | 4.2.6  |\n| vue        | 3.5.13 |\n\n对应后端项目: **(分布式 5.X 分支 微服务 2.分支)**\n\n分布式 [RuoYi-Vue-Plus](https:\u002F\u002Fgitee.com\u002Fdromara\u002FRuoYi-Vue-Plus\u002Ftree\u002F5.X\u002F)\n\n微服务 [RuoYi-Cloud-Plus](https:\u002F\u002Fgitee.com\u002Fdromara\u002FRuoYi-Cloud-Plus\u002Ftree\u002F2.X\u002F)\n\n## 预览\n\nadmin 账号: admin admin123\n\n[预览地址点这里](http:\u002F\u002Fvben5.dapdap.top)\n\n## WX Group\n\n演示站 - 微信群菜单\n\n## 文档\n\n[本框架文档 强烈建议阅读](https:\u002F\u002Fdapdap.top\u002F)\n\n[Vben V5 文档地址](https:\u002F\u002Fdoc.vben.pro\u002F)\n\n[RuoYi-Plus 文档地址](https:\u002F\u002Fplus-doc.dromara.org\u002F#\u002F)\n\n## 预览图\n\n![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F1.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F2.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F3.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F4.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F5.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F6.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F7.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F8.png) ![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5\u002Fraw\u002Fmain\u002Fscripts\u002Fpreview\u002F9.png)\n\n## 安装使用\n\n前置准备环境(只能用pnpm)\n\n```json\n\"packageManager\": \"pnpm\",\n\"engines\": {\n  \"node\": \">=22.16.0\",\n  \"pnpm\": \"latest\"\n},\n```\n\n- 获取项目代码\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben5.git\n```\n\n2. 安装依赖\n\n```bash\ncd ruoyi-plus-vben5\n\npnpm install\n```\n\n- 菜单图标替换\n\n参考 [菜单图标替换](https:\u002F\u002Fdapdap.top\u002Fguide\u002Fquick-start.html#%E8%8F%9C%E5%8D%95%E5%9B%BE%E6%A0%87%E5%AF%BC%E5%85%A5)\n\n- 关于一些监控的地址配置(微服务版本可以跳过这一小节)\n\n使用[RuoYi-Vue-Plus](https:\u002F\u002Fgitee.com\u002Fdromara\u002FRuoYi-Vue-Plus\u002Ftree\u002F5.X\u002F)注意 `已经去除 admin\u002Fsnailjob 的.env 配置` 可自行修改 有两种方式\n\n1. 修改源码`\u002Fviews\u002Fmonitor\u002Fadmin` `views\u002Fmonitor\u002Fsnailjob`\n\n```html\n\u003C!-- 修改地址 -->\n\u003Ctemplate>\n  \u003Ciframe\n    class=\"size-full\"\n    src=\"http:\u002F\u002Flocalhost:9090\u002Fadmin\u002Fapplications\"\n  >\u003C\u002Fiframe>\n\u003C\u002Ftemplate>\n```\n\n2. **推荐** 使用菜单自行配置 (跟 cloud 版本打开方式一致)\n\n![图片](https:\u002F\u002Fgithub.com\u002Fimdap\u002Fruoyi-plus-vben\u002Fraw\u002Fmain\u002Fpreview\u002F菜单修改.png)\n\n使用内嵌 iframe 方式需要解决跨域问题 可参考[nginx.conf](https:\u002F\u002Fgitee.com\u002Fdromara\u002FRuoYi-Vue-Plus\u002Fblob\u002F5.X\u002Fscript\u002Fdocker\u002Fnginx\u002Fconf\u002Fnginx.conf#LC87)配置\n\n- 修改.env.development 配置文件\n- **注意 RSA 公私钥一定要修改和后端匹配**\n- RSA 公私钥为两对 `前端请求加密-后端解密是一对` `后端响应加密 前端解密是一对`\n\n```properties\n# 端口号\nVITE_PORT=5666\n# 打包路径\nVITE_BASE=\u002F\n# 是否开启 Nitro Mock服务，true 为开启，false 为关闭\nVITE_NITRO_MOCK=false\n# 是否打开 devtools，true 为打开，false 为关闭\nVITE_DEVTOOLS=false\n# 是否注入全局loading\nVITE_INJECT_APP_LOADING=true\n\n# 后台请求路径 具体在vite.config.mts配置代理\nVITE_GLOB_API_URL=\u002Fapi\n# 全局加密开关(即开启了加解密功能才会生效 不是全部接口加密 需要和后端对应)\nVITE_GLOB_ENABLE_ENCRYPT=true\n# RSA公钥 请求加密使用 注意这两个是两对RSA公私钥 请求加密-后端解密是一对 响应解密-后端加密是一对\nVITE_GLOB_RSA_PUBLIC_KEY=\n# RSA私钥 响应解密使用 注意这两个是两对RSA公私钥 请求加密-后端解密是一对 响应解密-后端加密是一对\nVITE_GLOB_RSA_PRIVATE_KEY=\n# 客户端id\nVITE_GLOB_APP_CLIENT_ID=e5cd7e4891bf95d1d19206ce24a7b32e\n# 开启WEBSOCKET\nVITE_GLOB_WEBSOCKET_ENABLE=false\n```\n\n- 运行\n\n```bash\npnpm dev:antd\n```\n\n4. 打包\n\n```bash\npnpm build:antd\n```\n\n## 这是一个特性 而不是一个bug!\n\n1. 菜单管理可分配 但只有`admin`\u002F`superadmin`角色能访问 其他角色访问会到403页面\n2. 租户相关菜单可分配 但只有`superadmin`角色能访问 其他角色访问会到403页面\n3. 分配的租户管理员无法修改自己的角色的菜单(即管理员角色的菜单) 防止自己把自己权限弄没了\n\n## Git 贡献提交规范\n\n参考 [vue](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\u002Fblob\u002Fdev\u002F.github\u002FCOMMIT_CONVENTION.md) 规范 ([Angular](https:\u002F\u002Fgithub.com\u002Fconventional-changelog\u002Fconventional-changelog\u002Ftree\u002Fmaster\u002Fpackages\u002Fconventional-changelog-angular))\n\n- `feat` 增加新功能\n- `fix` 修复问题\u002FBUG\n- `style` 代码风格相关无影响运行结果的\n- `perf` 优化\u002F性能提升\n- `refactor` 重构\n- `revert` 撤销修改\n- `test` 测试相关\n- `docs` 文档\u002F注释\n- `chore` 依赖更新\u002F脚手架配置修改等\n- `workflow` 工作流改进\n- `ci` 持续集成\n- `types` 类型定义文件更改\n- `wip` 开发中\n\n## 浏览器支持\n\n最低适配应该为`Chrome 88+`以上浏览器 详见 [css - where](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002F:where#browser_compatibility)\n\n本地开发推荐使用`Chrome` 最新版本浏览器\n\n支持现代浏览器，不支持 IE\n\n| [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>IE | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fedge\u002Fedge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Edge | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Ffirefox\u002Ffirefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Firefox | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fchrome\u002Fchrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Chrome | [\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Falrra\u002Fbrowser-logos\u002Fmaster\u002Fsrc\u002Fsafari\u002Fsafari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003C\u002Fbr>Safari |\n| :-: | :-: | :-: | :-: | :-: |\n| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n","该项目是基于vben最新版本v5和ant-design-vue的RuoYi-Vue-Plus前端项目。它采用了最新的vben 5.5.9和antdv-next 4.2.6框架，结合Vue 3.5.13构建了一个现代化的企业级管理后台界面。其核心功能包括高效的组件化开发模式、灵活的权限控制以及丰富的可视化图表展示等。此外，通过采用分仓目录结构，使得项目的维护与扩展更加便捷。此项目适用于需要快速搭建具有复杂业务逻辑的企业管理系统场景，特别是对于那些希望利用微服务架构（如RuoYi-Cloud-Plus）或分布式系统（如RuoYi-Vue-Plus）进行后端支持的应用尤为合适。",2,"2026-06-11 03:53:27","trending"]