README.md

React 后台管理系统

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

技术栈

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

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

[email protected] 富文本插件

[email protected] 数据可视化

基本功能

• 教程管理
• 挑战管理
• 集合管理
• 权限管理

项目结构

├── public                   # 不参与编译的资源文件
├── src                      # 主程序目录
│   ├── request                     # axios 封装
│   ├── assets                  # 资源文件
│   │   └── images                  # 图片资源
│   ├── components              # 全局公共组件
│   │   ├── AuthGuard        # 路由鉴权
│   │   ├── Redirect        # 路由重定向
│   │   └── ProtectedLayout              # 登录后侧边栏菜单
│   ├── hooks             # 自定义钩子
│   │   ├── useAuth        # 鉴权、管理员信息、登入、登出
│   │   └── useLocalStorage         # 本地存储
│   ├── styles                   # 样式目录
│   ├── utils                   # 工具类
│   ├── views                   # UI 页面
│   ├── APP.js                  # App.js
│   └── index.js                # index.js

配置参数

将以下配置添加到./env文件中，将'xxx'替换为设定值。

REACT_APP_IS_DEV=true     #   是否是开发环境
REACT_APP_BASE_URL="http://192.168.1.10:8107"   #  后台接口
REACT_APP_INFURA_API_KEY=""     #  infura key
REACT_APP_ANSWERS_KEY=""    #   挑战答案解密key

使用方法

// 安装依赖
yarn

// 启动
yarn start

// 打包
yarn build