請點擊相應的步驟查看詳情 我們首先搭建一個 dva Demo 項目（請參考react快速構建一個應用項目），然後逐步完成以下內容： 第一步，我們會劃分一下整體的項目結構，熟悉每一部分是什麼概念；接下來我們會說如何抽離 model，以及 model 設計的一些思路；然後我們會根據項目的情況說明如何合理 ...
請點擊相應的步驟查看詳情
我們首先搭建一個 dva Demo 項目（請參考react快速構建一個應用項目），然後逐步完成以下內容：
第一步，我們會劃分一下整體的項目結構，熟悉每一部分是什麼概念；接下來我們會說如何抽離 model，以及 model 設計的一些思路；然後我們會根據項目的情況說明如何合理的設計你的組件，以及組件中樣式的處理；在設計好了組件之後，就會進入數據相關的內容，包含了同步和非同步的情況，以及非同步請求的處理方式，在最後我們還會介紹在dva中mock數據的的方式以及佈局的設計。
在 dva 架構的項目中，我們推薦的目錄基本結構為：
.
├── /mock/ # 數據mock的介面文件
├── /src/ # 項目源碼目錄
│ ├── /components/ # 項目組件
│ ├── /routes/ # 路由組件（頁面維度）
│ ├── /models/ # 數據模型
│ ├── /services/ # 數據介面
│ ├── /utils/ # 工具函數
│ ├── route.js # 路由配置
│ ├── index.js # 入口文件
│ ├── index.less
│ └── index.html
├── package.json # 項目信息
└── proxy.config.js # 數據mock配置
最終我們得到的項目是這樣的：
詳情請參考：https://github.com/dvajs/dva-docs
