mttcug/render-admin

技术栈

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

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

[email protected] 配合 Redux 更舒心

[email protected] 页面动画展示

x-render 低代码库

[email protected] 基于 fetch 的请求库

[email protected] 全屏插件

[email protected] 代码风格统一

基本功能

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

项目结构

├── public                   # 不参与编译的资源文件
├── src                      # 主程序目录
│   ├── assets                  # 资源文件
│   │   ├── font                    # 字体文件
│   │   └── images                  # 图片资源
|   |   └── utils                   # 通用工具和配置
│   ├── components              # 全局公共组件
│   │   ├── CustomBreadcrumb        # 面包屑导航
│   │   └── CustomMenu              # menu 菜单
|   |   └── RenderBuild             # 表单设计器
|   |   └── RenderForm             # 表单渲染
|   |   └── RenderTable            # table渲染
│   ├── contatiners             # 页面结构组件
│   ├── routes                  # 路由目录
│   ├── interface               # api 配置以及umi-request封装
│   ├── store                   # redux 配置
│   ├── style                   # 样式目录
│   ├── utils                   # 工具类
│   ├── views                   # UI 页面
|   |   ├── Login               # 登录
|   |   └── Index               # 首页
|   |   └── Apps               # 应用列表页
|   |   └── CreateAp           # 应用创建页面
│   ├── APP.js                  # App.js
│   └── index.js                # index.js
├── .prettierrc.js           # 代码规范
├── config-overrides.js      # antd 样式按需加载
├── .env.sit                 # antd 测试环境process.env配置
├── .env.dev                 # antd 本地开发环境process.env配置
├── .env.prod                # antd 生产环境process.env配置

使用方法

git clone

cd react-admin

// 安装依赖
yarn

// 启动
yarn start

// 打包
yarn build