Aaronvank / gok-manager

react

国科云漫项目后台管理系统

技术栈

React@16.10.1 + React-Router@5.1.1 + Redux@4.0.4 + Antd@3.23.5 + Axios@0.19.0

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

react-loadable@5.5.0 路由懒加载

react-redux@7.1.1 配合 Redux 更舒心

animate.css@3.7.2 页面动画展示

echarts@4.4.0 数据可视化

nprogress@0.2.0 顶部加载条

screenfull@5.0.0 全屏插件

prettier@1.18.2 代码风格统一

基本功能

项目结构

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

使用方法

cd gok-manager

// 安装依赖 yarn

// 启动 yarn start

// 打包 yarn build