React-Admin - 基于 React 与 Ant Design 的管理系统框架


Apache
跨平台
JavaScript

软件简介

React-Admin是基于React16.xAnt
Design3.x
的管理系统框架。
采用前后端分离,内置了许多管理系统常用功能,通过一些脚本、封装帮助开发人员快速开发管理系统,集中精力处理业务逻辑。

项目结构

.
├── config              // 构建配置
├── nginx-conf          // 生产部署nginx配置参考
├── public              // 不参与构建的静态文件
├── scripts             // 构建脚本
├── src                 
│   ├── commons         // 通用js
│   ├── components      // 通用组件
│   ├── i18n            // 国际化
│   ├── layouts         // 页面框架布局组件
│   ├── library         // 基础组件
│   ├── mock            // 模拟数据
│   ├── models          // 模块封装,基于redux,提供各组件共享数据、共享逻辑
│   ├── pages           // 页面组件
│   ├── router          // 路由
│   ├── App.js          // 根组件
│   ├── index.css       // 全局样式
│   ├── index.js        // 项目入口
│   ├── menus.js        // 菜单配置
│   ├── setupProxy.js   // 后端联调代理配置
│   └── theme.js        // 主题变量
├── package.json
├── README.md
└── yarn.lock

项目截图

这里只提供了部分页面截图,根据文档快速开始进行项目的搭建,浏览项目丰富功能!

![](/static/assets/osapp/images/02ed5e442824cbe44fc8a23026b4b570.jpeg) ![](/static/assets/osapp/images/4e6f62cf3b6bdb40fa3c97761fc94daa.jpeg)
![](/static/assets/osapp/images/b5623d7c3ae3706915774c563c581537.jpeg) ![](/static/assets/osapp/images/efd0a3f635bcc03135b3b21168a78f3b.jpeg)
![](/static/assets/osapp/images/e21e4e09c861caba9e98d8c092e04cd1.jpeg) ![](/static/assets/osapp/images/a2b4500498cd50b7f4d00b6c23b60f1f.jpeg)

相关链接