React Admin
说明
本项目fork自ant-design-pro,基于自己的情况做出一定的调整修改,主要有:
- 配套基于Node的服务端(使用
egg
、数据库使用mongodb
) - 默认不使用
mock
功能,可以使用npm run start:mock
开启mock - 部分页面数据结构的更改(为了易于
mongodb
使用) - 部分处理流程(如异步请求、报错)的更改
同时fork后会显示behind XX commits
, 所以独立成本项目,以后根据ant-design-pro
、react
、dva
等进行维护和升级。
特性
- 💎 优雅美观:基于 Ant Design 体系精心设计
- 📐 常见设计模式:提炼自中后台应用的典型页面和场景
- 🚀 最新技术栈:使用 React/umi/dva/antd 等前端前沿技术开发
- 📱 响应式:针对不同屏幕大小设计
- 🎨 主题:可配置的主题满足多样化的品牌诉求
- 🌐 国际化:内建业界通用的国际化方案
- ⚙️ 最佳实践:良好的工程实践助您持续产出高质量代码
- 🔢 Mock 数据:实用的本地数据调试方案
- ✅ UI 测试:自动化测试保障前端产品质量
模板
- Dashboard
- 分析页
- 监控页
- 工作台
- 表单页
- 基础表单页
- 分步表单页
- 高级表单页
- 列表页
- 查询表格
- 标准列表
- 卡片列表
- 搜索列表(项目/应用/文章)
- 详情页
- 基础详情页
- 高级详情页
- 用户
- 用户中心页
- 用户设置页
- 结果
- 成功页
- 失败页
- 异常
- 403 无权限
- 404 找不到
- 500 服务器出错
- 帐户
- 登录
- 注册
- 注册成功
使用
$ git clone https://github.com/weihomechen/react-admin.git
$ cd react-admin
$ npm install
$ npm start # 访问 http://localhost:8000
更多信息请参考 使用文档。
支持环境
现代浏览器及 IE11。
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
---|---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
部署
先安装deploy-tool到本地
npm i @ifun/deploy -g
# 部署项目
deploy -n <name>
# 示例
deploy -n react-admin