一、开源项目简介

react-admin适用于快速搭建中后台页面，管理系统架构。react全家桶。admin管理系统。

此框架使用与二次开发，前端框架使用 react，UI 框架使用 ant-design，全局数据状态管理使用 redux，ajax 使用库为 axios。vite 构建工具 用于快速搭建中后台页面。

二、开源协议

使用MIT开源协议

三、界面展示

项目截图

• 登录

• 详情页

• 列表

• 权限管理

• 结果页

四、功能概述

特性

• vitejs: 更快的构建工具，体验极速开发。
• 菜单配置:扁平化数据组织,方便编写,存库,页面菜单,标题,侧边栏,顶部导航栏同步
• 页面懒加载:使用@loadable/component来解决首次打开页面过慢的问题.
• Ajax 请求：restful 规范，自动错误提示，提示可配置；自动打断未完成的请求；
• 权限控制: 根据不用角色的功能类型显示菜单,路由页面拦截.
• 自定义主题，可以自己定义界面颜色。
• 代理转发，解决前端请求跨域问题。
• 路由自动生成，去中心化。

系统提供了一些基础的页面

• 登录页
• 详情页
• 表单页
• 列表页
• 权限管理
• 结果页

预览地址、文档地址、接口文档地址，请查看 README.md 文档。

五、技术选型

JavaScript 版

TypeScript 版

• vite
• react
• react-router@6
• ant-design
• redux
• axios

node版本推荐

D:>node

脚本启动

在完成依赖安装之后,有以下几种启动方式。

• npm run dev

请求接口数据，通过后台返回数据显示项目信息

• npm run "dev:mock"

本地模拟数据，假数据来显示项目信息

• npm run build

普通打包模式。

• npm run preview

打包后的产物，开启本地预览。