【源码】基于React框架的reactadminstarter

项目简介

本项目是一个基于React框架的后台管理系统启动模板，集成了多种实用技术和功能，旨在为开发者提供一个高效、规范的开发基础，方便快速搭建和开发后台管理系统。

项目的主要特性和功能

主要特性

• 技术栈：采用React 17、Ant Design 4、MobX 6、Webpack 5构建项目。
• 代码规范：运用ESLint、Prettier进行代码格式化和检查。
• 接口Mock：支持动态生成Mock数据，利于开发和测试。
• 全局状态管理：使用MobX实现全局状态管理，支持页面级别的Store。
• 构建工具：支持开发、生产打包、CDN部署等多种构建模式。

主要功能

• 开发模式：支持热更新，可快速进行开发调试。
• 生产打包：生成优化后的静态文件，支持CDN部署。
• 接口请求封装：使用Axios封装接口请求，支持Mock数据切换。
• 全局Store：提供全局状态管理，支持页面级别的Store。
• Mock数据生成：根据配置自动生成Mock数据，支持单个接口或多个接口的Mock。

安装使用步骤

1. 复制项目

bash cd react-admin-starter

2. 安装依赖

bash npm install

3. 启动开发服务器

bash npm start

4. 生产打包

bash npm run build

5. CDN部署打包

bash npm run build-cdn

6. 代码格式检查

bash npm run lint

7. 修复代码格式

bash npm run lint:fix

8. 生成Mock数据

bash npm run build-mock mockAll # 生成所有Mock数据 npm run build-mock login # 生成指定页面的Mock数据 npm run build-mock login.logout # 生成指定接口的Mock数据

9. 项目配置

• 修改项目名称：替换所有react-starter为你的项目名称。
• 配置文件：复制config/config_default.js为config/config.js，优先使用config.js中的配置。

10. 部署

• Nginx部署：将打包后的静态文件上传至Nginx服务器，配置Nginx反向代理。
• Render-Server部署：使用Render-Server进行部署，支持静态资源服务和前端路由渲染。
• CDN部署：配置CDN路径后进行打包，上传至CDN服务器。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】