{"id":21511448,"url":"https://github.com/baiwumm/vue3-admin","last_synced_at":"2025-05-16T16:04:56.748Z","repository":{"id":44468559,"uuid":"401655795","full_name":"baiwumm/vue3-admin","owner":"baiwumm","description":"前端基于 Soybean Admin二次开发，后端基于 Nest.js + Prisma 的全栈后台应用","archived":false,"fork":false,"pushed_at":"2024-12-02T01:15:43.000Z","size":17210,"stargazers_count":234,"open_issues_count":1,"forks_count":68,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T16:54:24.364Z","etag":null,"topics":["ant-design-vue","nestjs","pinia","postgresql","prisma","typescript","unocss","vitejs","vue3"],"latest_commit_sha":null,"homepage":"https://vue3.baiwumm.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/baiwumm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-31T10:03:37.000Z","updated_at":"2025-04-10T07:14:53.000Z","dependencies_parsed_at":"2024-08-26T02:26:16.901Z","dependency_job_id":"503c0118-1da7-4f6d-8a9a-5c3480c0d3b6","html_url":"https://github.com/baiwumm/vue3-admin","commit_stats":{"total_commits":777,"total_committers":9,"mean_commits":86.33333333333333,"dds":0.471042471042471,"last_synced_commit":"bf30869d747b7ec76a704c7793a884e33c0bbb4b"},"previous_names":["cyan-xmw/vue3-admin","baiwumm/vue3-admin"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Fvue3-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Fvue3-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Fvue3-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Fvue3-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baiwumm","download_url":"https://codeload.github.com/baiwumm/vue3-admin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254564121,"owners_count":22092121,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design-vue","nestjs","pinia","postgresql","prisma","typescript","unocss","vitejs","vue3"],"created_at":"2024-11-23T22:08:57.897Z","updated_at":"2025-05-16T16:04:56.682Z","avatar_url":"https://github.com/baiwumm.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\u003cimg width=\"100\" src=\"./web/public/logo.png\" alt=\"Vue3 Admin\"\u003e\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eVue3 Admin\u003c/h1\u003e\n\u003cp align=\"center\"\u003e前端的全栈之路\u003c/p\u003e\n\n## ☘️ 项目简介\n[Vue3 Admin](https://vue3.baiwumm.com/) 是一个前端基于 [Soybean Admin](https://docs.soybeanjs.cn/) 二次开发，后端基于 [Nest.js](https://nestjs.com/) 的全栈后台应用，适合学习全栈开发的同学参考学习。\n\n- 🍁 前端技术栈： [Vue3.5](https://cn.vuejs.org/)、[Ant Design Vue](https://www.antdv.com/)、[UnoCSS](https://unocss.dev/)、[Pinia](https://pinia.vuejs.org/)\n\n\n- 🍁 后端技术栈： [Nest.js](https://nestjs.com/)、[PostgreSQL](https://www.postgresql.org/)、[Prisma](https://prisma.yoga/)\n\n- 🍂 线上预览： https://vue3.baiwumm.com/\n\n- 🍃 用户名：**Admin**，密码：**abc123456**\n\n- [🪹 github 仓库地址](https://github.com/baiwumm/vue3-admin/)\n\n- [🪺 码云仓库地址](https://gitee.com/baiwumm/vue3-admin/)\n\n- [🍀 Swagger 接口文档](https://vue3.baiwumm.com/docs)\n\n- ❤️ star：**如果可以的话，请顺手给个star，表示对作者的鼓励，万分感谢！**\n\n## 🌿 系统功能设计\n1. 动态国际化语言配置\n2. 记录登录用户的 `CURD` 操作日志\n3. 用户和角色权限的一对一映射，根据角色关联的菜单权限生成动态路由菜单\n4. 登录用户发布消息公告，后端使用 `SSE` 推送，可登录多个用户查看效果\n5. 前端常见的一些实用的业务功能或者一些有趣的效果\n\n## 🌳 环境和依赖\n\u003e 推荐本项目使用 [pnpm](https://github.com/pnpm/pnpm/) 包管理工具\n- [Git](https://git-scm.com/) (你需要git来克隆和管理项目版本)\n- [Node.js](https://nodejs.org/) (Node.js 版本要求 \u003e= 18.12.0，推荐 18.19.0 或更高)\n- [Pnpm](https://github.com/pnpm/pnpm/) (\u003e= 8.7.0，推荐最新版本)\n- [PostgreSQL](https://www.postgresql.org/) (推荐最新版本)\n\n## 🌴 项目运行\n1. 安装 [PostgreSQL](https://www.postgresql.org/) 数据库，并导入 `/postgreSQL` 中的文件，修改 `/server/env` 文件中的数据库配置，这一步要保证成功，不然后端服务起不来\n```powershell\nDATABASE_URL=\"postgresql://postgres:123456@localhost:5432/vue3-admin?schema=public\"\n```\n\n2. 拉取项目代码\n```powershell\ngit clone https://github.com/baiwumm/vue3-admin.git\ncd vue3-admin\n// 进入前端\ncd web\n// 进入后端\ncd server\n```\n\n3. 安装依赖\n```powershell\nnpm install -g pnpm\npnpm install\n```\n\n4. 开发模式运行\n```powershell\n// 前端启动\npnpm dev\n// 后端启动：开发模式\npnpm start:dev\n```\n\n5. 编译项目\n```powershell\npnpm build\n```\n\n## 🌵 新增路由菜单\n1. 在 `web/src/views` 目录下新建 `文件夹/index.vue` 文件\n2. 在菜单 `系统管理-国际化-route` 中添加路由配置\n3. 在菜单 `系统管理-菜单管理` 中按照规则添加菜单，可打开多个标签页参考，路由配置参考：[系统路由](https://docs.soybeanjs.cn/zh/guide/router/intro.html)\n4. 在菜单 `系统管理-角色管理` 中编辑状态中勾选相应的菜单，保存刷新页面，即可看到路由菜单生效\n\n## 🌱 功能模块\n\n```\n- 登录 / 注销\n\n- 首页\n\n- 智能行政\n  - 消息公告\n  - 组织管理\n  - 岗位管理\n  - 组织架构\n\n- 个人中心\n\n- 功能页\n  - 验证码\n  - 打印\n  - 拾色器\n  - 甘特图\n  - 图片预览\n  - 自定义 Vue 指令\n  - 懒加载\n  - 图片取色盘\n  - 系统级取色器\n  - 文件预览\n  - 流程图\n  - 瀑布流\n  - Swiper\n\n- 技术文档\n  - Soybean（内链）\n  - Vue3\n  - Nest.js\n  - Ant Design Vue\n  - UnoCSS\n\n- 系统设置\n  - 用户管理\n  - 菜单管理\n  - 角色管理\n  - 国际化\n  - 操作日志\n\n- 关于\n\n```\n\n## 🪴 演示图\n\n| ![](./web/src/assets/demo/1.jpg) | ![](./web/src/assets/demo/2.jpg) |\n| ------------------------------------------------------------ | ------------------------------------------------------------ |\n| ![](./web/src/assets/demo/3.jpg) | ![](./web/src/assets/demo/4.png) |\n| ![](./web/src/assets/demo/5.jpg) | ![](./web/src/assets/demo/6.jpg) |\n| ![](./web/src/assets/demo/7.jpg) | ![](./web/src/assets/demo/8.jpg) |\n| ![](./web/src/assets/demo/9.jpg) | ![](./web/src/assets/demo/10.jpg) |\n| ![](./web/src/assets/demo/11.jpg) | ![](./web/src/assets/demo/12.jpg) |\n| ![](./web/src/assets/demo/13.jpg) | ![](./web/src/assets/demo/14.jpg) |\n| ![](./web/src/assets/demo/15.jpg) | ![](./web/src/assets/demo/16.jpg) |\n\n## 🍄 总结\n1. 本项目没有经过严格的测试，有可能存在一定的 `Bug`。\n2. 本项目仅供学习交流使用，请勿用于商业用途。\n3. 欢迎提交 [Issues](https://github.com/baiwumm/vue3-admin/issues) 和 [PR](https://github.com/baiwumm/vue3-admin/pulls)，一起完善本项目。\n\n## ⭐ Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=baiwumm/vue3-admin\u0026type=Date)](https://star-history.com/#baiwumm/vue3-admin\u0026Date)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaiwumm%2Fvue3-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaiwumm%2Fvue3-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaiwumm%2Fvue3-admin/lists"}