Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/loverandy/react-admin
基于create-react-app@2X的react动态权限后台管理系统模板
https://github.com/loverandy/react-admin
antd create-react-app react react-dom react-redux redux redux-actions redux-thunk
Last synced: 8 days ago
JSON representation
基于create-react-app@2X的react动态权限后台管理系统模板
- Host: GitHub
- URL: https://github.com/loverandy/react-admin
- Owner: loveRandy
- Created: 2019-08-16T08:43:39.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T07:21:29.000Z (about 2 years ago)
- Last Synced: 2025-01-16T23:03:33.282Z (16 days ago)
- Topics: antd, create-react-app, react, react-dom, react-redux, redux, redux-actions, redux-thunk
- Language: JavaScript
- Homepage:
- Size: 4.06 MB
- Stars: 195
- Watchers: 4
- Forks: 68
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### 线上预览地址
### vue版本请移步
#### 项目简介
根据不同的的角色展示不同的列表,项目里涵盖了后台管理系统里90%的需求,没有多余的东西,如果有自己的需求单独加上即可,如富文本,拖拽网上都有现成的
#### 脚手架版本:
*create-react-app@2
这个版本用webpack.config.js替换了webpack.config.prod.js和webpack.config.dev.js
#### 用到react相关的生态链模块:
* `react`
* `react-dom`
* `react-router-dom`
* `redux`:
* `react-redux`
* `redux-actions`
* `redux-thunk`
* `antd`
#### 项目要点
* `less配置、antd按需加载`
* `路由懒加载`
* `根据权限生成动态路由`
* `使用connect简化redux使用`
* `全局数据请求拦截处理及loading`
* `多个代理配置`
* `常用表单封装、tabel封装`
* `抽离第三方库文件dll`
### 项目启动步骤
1. 安装包
cnpm/npm install
2. 开发运行
npm run start
3. 生产打包
npm run dll (仅需运行一次)
npm run build