dva boot admin下載 - dva boot admin原始碼下載

dva boot admin

其他類別

2.1.0

下載

English | 簡體中文

dva-boot-admin

DVA Boot Admin

? ? ? ? ? ? ? ? ? ?

全新升級，已支援Ant.Design 4.0

基於React生態系統的最成熟的技術體系，搭建的一套開箱即用的後台管理系統，框架裡包含了一些獨有的定制組件，以及許多經過大量實踐口碑良好的第三方組件，它不僅僅是一個簡單的儀表板展示介面，更是確保您下一個web專案所必需的所有工具，我們希望使用它的人可以快速、穩定的開發出健壯、美觀、易用的web程式。

GitHub首頁| 碼雲首頁

功能

封裝了dva框架的資料流轉，簡單的請求可以不用在model和service中定義
封裝了資料模擬，可以獨立於後台開發前台功能
封裝了分頁請求，簡化並規範了分頁邏輯
封裝了fetch請求，適應與後台多種交互請求, body參數parameter參數path參數，動態請求頭，請求前後攔截
路由按需加載，首屏加載超快
擴展了antd寫了許多實用的UI ，透過一個配置即可生成，後台CRUD三件套(數據表格，搜尋框，新增編輯表單)
依業務模組劃分的目錄結構，開發獨力功能時無須分心其它模組，做到最小耦合
生產環境下打包，gzip後只有2.09 MB ，只使用常用模組後不到1 MB
一些常用的小工具用法
許多精心設計的頁面及互動場景
dva-boot腳手架封裝的功能
全域異常處理，全域請求攔截，公共配置提取
程式碼自動配置工具boot-template-cli

工程結構

 .
├── public                   # 不参与编译的资源文件
├── templates                # 为代码生成所准备的模板文件
├── src                      # 主程序目录
│   ├── index.js             # 程序启动和渲染入口文件
│   ├── config.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       # 全局样式

使用方法

 $ git clone https: //github.com/LANIF-UI/dva-boot-admin.git
$ cd dva - boot - admin
// 安装依赖
$ yarn
// 启动
$ yarn start
// 打包
$ yarn build
// 打包带图形化分析
$ yarn build -- analyze