QQ 群号:560291578
Ant Design Pro 是 Ant Design 官方推出的非常优秀的、开箱即用的、中台前端解决方案,而 React-Better-Admin 也是向 Ant Design Pro 学习,对标 Ant Design Pro,打造 "另一套" 优秀的、开箱即用的、中台前端解决方案。
为什么不直接用 Ant Design Pro ,而全新开发 React-Better-Admin 呢? 我们团队主要认为有以下几个原因:
1、Ant Design Pro 是基于阿里自己的 Umi 进行开发的,我们团队不熟悉 Umi ,并且 Umi 并不像 Redux、Vite4、React Router 那么流行(不给出数据了)。
2、Umi 自己包含了代码构建、测试、路由、状态管理等能力,它既是一个打包工具、也是一个运行时依赖框架,从用户需求角度来讲: Umi = Vite4 + React Router + Redux + RTK Query (或者 Axios 等)。但是,在 React 的生态中,我们除了使用 React 来构建 web 产品以外,还可能通过 React-Native 来构建 app 应用,在这方面: React Router、Redux 都是支持非常友好,而 Umi 视乎没有太多案例。
3、我们(包括用户)基于 React-Better-Admin 开发出的商业产品进行销售的时候,客户公司的 ”技术架构师“ 往往有很重话语权,而纵观整个互联网,使用 "React Router + Redux" 的架构师,好像要比 Umi 多一些。
但无论如何,Ant Design Pro 非常优秀,我们努力向它靠齐。
登录页面
岗位管理
Clone
git clone https://gitee.com/better-admin/react-better-admin.git
Install
cd react-better-admin
npm install
Run
vite
Build
# 开发环境
npm run build:dev
# 测试环境
npm run build:test
# 生产环境
npm run build:pro
.
├── docs # 文档内容
├── mock
│ └── api.mock.ts # 开发环境的 Mock 数据定义
├── public # 静态资源文件目录
├── src
│ ├── apis # API 定义目录
│ ├── assets # 资源文件
│ ├── components # 通用组件定义
│ ├── context # React Context
│ ├── hooks # React 自定义 Hook
│ ├── layout # 布局文件以及布局涉及的组件
│ ├── locales # 国际化语言定义
│ ├── pages # 页面文件夹
│ ├── routers # 路由和菜单的定义
│ ├── store # redux store 定义
│ ├── App.tsx # React 运行入口文件
│ ├── main.tsx # 入口文件
│ └── vite-env.d.ts # Vite 声明文件
├── index.html # 应用运行入口文件
├── LICENSE # 授权文件(MIT)
├── package-lock.json # 依赖包版本锁定文件
├── package.json # NPM 管理
├── readme.md
├── tsconfig.json # TypeScript 配置文件
├── tsconfig.node.json
├── vite.config.ts # Vite 配置文件
问题1:新建的页面显示没有权限?
答:原因是整个系统添加了权限管理,用户只能访问有权限的页面,新添加的页面没有给当前用户分配权限,需要在
mock/api.mock.ts
文件中的/api/account/permissions
里,添加新创建的页面对应的 URL(路由)地址。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型