1、dva
官网
封装了redux、redux-saga、fetch(http数据交互,request)。对数据流的操作更简单。
dva项目
1、安装dva-cli
cnpm install -g dva-cli
2、查看版本
dva -v
3、创建项目
dva new dvaapp
4、进入项目
cd dvaapp
5、启动项目
npm start
项目目录结构
src
components 可复用的UI组件文件夹
models 数据仓库,redux和redux-saga
routes 页面组件
servicers 所有要访问的后台请求
utils request的配置,fetch的使用,axios配置
router.js 路由配置
合并多个model
在models文件夹下新建index.js,内容如下:
const context = require.context(’./’, false, /.js$/);
export default context
.keys()
.filter(item => item !== ‘./index.js’)
.map(key => context(key));
在src的index.js导入的时候,使用以下代码
require(’./models’).default.forEach(key => {
app.model(key.default);
});
2、antd pro
官网
封装了dva、umi、antd、fetch
开箱即用
在config文件中进行添加路由的操作,添加路由,又需要组件,创建组件,又要创建model,services。
pro项目
1、create
2、yarn install 安装依赖
项目目录结构