React 後臺管理模板

GitHub主頁 | 預覽地址

功能

• 封裝了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       # 全局樣式
複製代碼

截圖