React 後臺管理模板

weiq發表於2018-08-28

GitHub主頁 | 預覽地址

React 後臺管理模板

功能

  • 封裝了dva框架的資料流轉,簡單的請求可以不用在model和service中定義
  • 封裝了資料模模擬,可以獨立於後臺開發前臺功能
  • 封裝了分頁請求,簡化並規範了分頁邏輯
  • 封裝了fetch請求,適應與後臺多種互動請求, body引數 parameter引數 path引數,動態請求頭,請求前後攔截
  • 擴充套件了antd寫了許多實用的UI,通過一個配置生成即可生成,後臺CRUD三件套
  • 按業務模組劃分的目錄結構,儘量做到最小耦合
  • 一些常用的小部件用法
  • 許多精心設計的頁面及互動場景
  • dva-boot腳手架封裝的功能
  • 全域性異常處理,全域性請求攔截,公共配置提取

目錄結構

.
├── public                   # 不參與編譯的資原始檔
├── src                      # 主程式目錄
│   ├── index.js             # 程式啟動和渲染入口檔案
│   ├── components           # 全域性公共元件
│   ├── layouts              # 頁面結構元件
│   │   ├── BasicLayout      # 基本佈局
│   │   └── OtherLayout      # 佈局元件根據具體功能調整,在路由配置中引用
│   ├── routes               # 動態路由目錄(每個功能一個資料夾的MVC結構)
│   │   ├── index.js         # 路由配置檔案
│   │   ├── Home             # 功能模組
│   │   │   ├── index.js     # 路由配置檔案
│   │   │   ├── assets       # 單獨屬於這個模組的靜態資原始檔
│   │   │   ├── components   # 頁面元件
│   │   │   ├── model        # dva model
│   │   │   ├── service      # dva service
│   │   │   └── routes **    # 子路由(目錄結構與父級相同)
│   │   └── Login            # 功能模組
│   │       ├── index.js     # 路由配置檔案
│   │       ├── assets       # 單獨屬於這個模組的靜態資原始檔
│   │       ├── components   # 頁面元件
│   │       ├── model        # dva model
│   │       ├── service      # dva service
│   │       └── routes **    # 子路由(目錄結構與父級相同)
│   ├── utils                # 工具類
│   └── assets               # 資原始檔
│           ├── fonts        # 字型 & 字型圖示
│           ├── images       # 圖片
│           └── styles       # 全域性樣式
複製程式碼

截圖

React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板
React 後臺管理模板

相關文章