請點擊相應的步驟查看詳情
我們首先搭建一個 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