React 后台管理系统

项目预览地址

fork

基于 React 生态系统搭建的后台管理系统模板

如果你想了解项目更为详细的信息，推荐阅读以下文章

• 如何打造 react 后台管理系统

以下为项目基本信息↓

技术栈

[email protected] + [email protected] + [email protected] + [email protected] + [email protected]

Create React App 脚手架工具快速搭建项目结构

[email protected] 路由懒加载

[email protected] 配合 Redux 更舒心

[email protected] 页面动画展示

[email protected] 富文本插件

[email protected] 数据可视化

[email protected] 顶部加载条

[email protected] 全屏插件

[email protected] 代码风格统一

typescript 代码增强提示

基本功能

• 路由懒加载
• 面包屑导航
• 常用 UI 展示
• echarts 全屏展示
• 登陆/注销功能
• axios 封装
• 简单权限管理

项目结构

├── public                   # 不参与编译的资源文件
├── src                      # 主程序目录
│   ├── api                     # axios 封装
│   ├── assets                  # 资源文件
│   │   ├── font                    # 字体文件
│   │   └── images                  # 图片资源
│   ├── components              # 全局公共组件
│   │   ├── CustomBreadcrumb        # 面包屑导航
│   │   └── CustomMenu              # menu 菜单
│   ├── contatiners             # 页面结构组件
│   ├── routes                  # 路由目录
│   ├── store                   # redux 配置
│   ├── style                   # 样式目录
│   ├── utils                   # 工具类
│   ├── views                   # UI 页面
│   ├── APP.tsx                  # App.tsx
│   └── index.js                # index.js
├── .prettierrc.js           # 代码规范
├── config-overrides.js      # antd 样式按需加载

使用方法

git clone https://github.com/melunar/my-react-admin.git 

cd my-react-admin

// 子模块 初始化
git submodule init

// 子模块 更新
git submodule update --remote

// 子模块 提交
// 可进入对应文件 创建分支正常提交即可

// 安装依赖
yarn

// 启动
yarn start

// 打包
yarn build