首先創(chuàng)建一個(gè)項(xiàng)目，官網(wǎng)地址 https://ant.design/docs/react/practical-projects-cn
安裝yarn，在命令行中輸入 'yarn create umi',生成文件中的.umirc即為配置文件，但我們會(huì)把這個(gè)文件刪了旬薯，然后新增一個(gè)config文件夾里面的config的文件作為配置文件，在src中新建models和service兩個(gè)文件夾，公共的組件可以放在components文件夾里面梧乘，如下圖：
service#層：發(fā)送請(qǐng)求，獲取數(shù)據(jù)
import request from '@/utils/request';
export async function ×××××(param) {
return request(${url}sys/dic?${stringify(param,{arrayFormat: 'repeat'})}, {
method: 'GET',
});
}
models#層：
引入對(duì)應(yīng)的service文件夾中的文件
import { ×××庐杨，×××选调，××× } from '@/service/×××';
定義的namespace是唯一，不可重復(fù)灵份，effects:定義的方法是通過(guò)調(diào)用service里面的方法請(qǐng)求后臺(tái)接口
reducers:里面定義的方法是對(duì)models層中的state里面的數(shù)據(jù)進(jìn)行的操作仁堪。
page#頁(yè)面
在每個(gè)子頁(yè)面中，通過(guò)connect連接models層的方法填渠，子頁(yè)面發(fā)送請(qǐng)求時(shí)
this.props.dispatch({
type:"namespace名稱/models定義的方法名稱",
payload:{}//帶的參數(shù)
})
