{"id":22320820,"url":"https://github.com/baiwumm/react-admin","last_synced_at":"2025-04-04T14:03:57.975Z","repository":{"id":60566758,"uuid":"531798590","full_name":"baiwumm/react-admin","owner":"baiwumm","description":"基于 React + Nest 全栈开发的后台系统","archived":false,"fork":false,"pushed_at":"2025-02-13T07:25:15.000Z","size":8498,"stargazers_count":191,"open_issues_count":1,"forks_count":46,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-28T13:08:49.973Z","etag":null,"topics":["ahooks","ant-design","mysql","nestjs","reactjs","sequelize","umijs"],"latest_commit_sha":null,"homepage":"https://react.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":"2022-09-02T05:51:37.000Z","updated_at":"2025-03-27T05:35:32.000Z","dependencies_parsed_at":"2023-12-27T08:37:38.973Z","dependency_job_id":"6f2a1667-5e0a-4cb3-996f-f7a62fbe79ac","html_url":"https://github.com/baiwumm/react-admin","commit_stats":null,"previous_names":["baiwumm/xmw-admin","baiwumm/umi-admin","baiwumm/react-admin"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Freact-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Freact-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Freact-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baiwumm%2Freact-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baiwumm","download_url":"https://codeload.github.com/baiwumm/react-admin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247190236,"owners_count":20898700,"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":["ahooks","ant-design","mysql","nestjs","reactjs","sequelize","umijs"],"created_at":"2024-12-04T00:14:54.774Z","updated_at":"2025-04-04T14:03:57.954Z","avatar_url":"https://github.com/baiwumm.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\u003cimg width=\"100\" src=\"./Xmw_web/public/logo.svg\" alt=\"React Admin\"\u003e\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eReact Admin\u003c/h1\u003e\n\u003cp align=\"center\"\u003e基于 React + Umijs + Nest 全栈开发的后台系统\u003c/p\u003e\n\n## ☘️ 项目简介\n- 🍁 前端技术栈： [React](https://react.dev/)、[Ant Design](https://ant.design/)、[Umi](https://umijs.org/)、[TypeScript](https://github.com/microsoft/TypeScript)\n\n\n- 🍁 后端技术栈： [Nest.js](https://docs.nestjs.cn/)、[Sequelize](https://github.com/sequelize/sequelize/)、[Redis](https://github.com/redis/redis/)、[Mysql](https://www.mysql.com/)\n\n- 🍂 线上预览： https://react.baiwumm.com/\n\n- 🍃 用户名：**admin**，密码：**abc123456**\n\n- [🪹 github 仓库地址](https://github.com/baiwumm/react-admin/)\n\n- [🪺 码云仓库地址](https://gitee.com/baiwumm/react-admin/)\n\n- [🍀 Swagger 接口文档](https://react.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- [node](https://nodejs.org/) (Node.js 版本要求 16.x 以上，这里推荐 18.x 及以上)\n- [Pnpm](https://github.com/pnpm/pnpm/) (推荐最新版本)\n- [Umi](https://umijs.org/)\n- [Mysql](https://www.mysql.com/) (Mysql版本为8.x)\n\n## 🌴 项目运行\n1. 安装 [Mysql](https://www.mysql.com/) 并导入 `/mysql/xmw_admin.sql` 文件，修改 `/Xmw_server/.development.env` 文件中的数据库配置，这一步要保证成功，不然后端服务起不来\n```txt\n# ------- Mysql 配置相关 ---------------------\n# 数据库 host\nDATABASE_HOST =  127.0.0.1\n# 端口号\nDATABASE_PORT =  3306\n# 用户名\nDATABASE_NAME =  root\n# 密码\nDATABASE_PWD =  123456\n# 数据库\nDATABASE_LIB =  react-admin\n```\n\n2. 拉取项目代码\n```poswrshell\ngit clone https://github.com/baiwumm/react-admin.git\ncd react-admin\n// 进入前端\ncd Xmw_web\n// 进入后端\ncd Xmw_server\n```\n\n3. 安装依赖\n```poswrshell\nnpm install -g pnpm\npnpm install\n```\n\n4. 开发模式运行\n```poswrshell\n// 前端开发模式启动\npnpm dev\n// 后端开发模式启动\npnpm start:dev\n```\n\n5. 编译项目\n```poswrshell\npnpm build\n```\n\n## 🌵 新增路由菜单\n1. 在 `Xmw_web/src/pages` 目录下新建 `文件夹/index.tsx` 文件\n2. 在 `Xmw_web/config/router` 文件中加入路由配置（系统只做了动态菜单，没有做动态路由，没有找到可行的办法）\n3. 在 `Xmw_web/src/utils/enums/index` 文件中加入 `ROUTES` 枚举映射\n4. 在 `Xmw_web/src/utils/const/index` 文件中加入 `MenuRemixIconMap` 图标映射\n5. 在菜单 `系统管理-国际化-menu` 中添加路由配置\n6. 在菜单 `系统管理-菜单管理` 中按照规则添加菜单，可打开多个标签页参考，路由配置参考：[路由](https://umijs.org/docs/guides/routes)\n7. 在菜单 `系统管理-角色管理` 中编辑状态中勾选相应的菜单，保存刷新页面，即可看到路由菜单生效\n\n## 🌱 功能模块\n\n```\n- 登录 / 注销\n\n- 指示面板\n  - 工作台\n  - 环境依赖\n\n- 智能行政\n  - 活动公告\n  - 组织管理\n  - 岗位管理\n  - 组织架构\n\n- 个人中心\n  - 个人信息\n  - 个人设置\n\n- 功能页\n  - 验证码\n  - 甘特图\n  - 图片预览\n  - 懒加载\n  - 图片取色盘\n  - 系统级取色器\n  - 流程图\n  - Swiper\n  - 文件预览\n  - 图表\n\n- 技术文档\n  - React文档\n  - Nest文档\n  - And-design文档\n  - Umi文档\n\n- 系统设置\n  - 用户管理\n  - 菜单管理\n  - 角色管理\n  - 国际化\n  - 操作日志\n\n```\n\n## 🪴 演示图\n\n| ![](./demo/1.png) | ![](./demo/2.png) |\n| ------------- | ------------- |\n| ![](./demo/3.png) | ![](./demo/4.png) |\n| ![](./demo/5.png) | ![](./demo/6.png) |\n| ![](./demo/7.png) | ![](./demo/8.png) |\n| ![](./demo/9.png) | ![](./demo/10.png) |\n| ![](./demo/11.png) | ![](./demo/12.png) |\n| ![](./demo/13.png) | ![](./demo/14.png) |\n\n## 🍄 总结\n1. 本项目没有经过严格的测试，有可能存在一定的 `Bug`。\n2. 本项目仅供学习交流使用，请勿用于商业用途。\n3. 欢迎提交 [Issues](https://github.com/baiwumm/react-admin/issues) 和 [PR](https://github.com/baiwumm/react-admin/pulls)，一起完善本项目。\n\n## ⭐ Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=baiwumm/react-admin\u0026type=Date)](https://star-history.com/#baiwumm/react-admin\u0026Date)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaiwumm%2Freact-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaiwumm%2Freact-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaiwumm%2Freact-admin/lists"}