Ant Design Pro (中后台系统)教程

一、概念:

  1、Ant Design Pro 是什么:

     这里 Ant Design Pro,主要讲的是以 react 框架的搭建的项目。

  2、Ant Design Pro 相关的技术栈: react+redux+dva+antd+fetch+roadhog

     主要还是dva比较难理解,fetch 就 另外一种 ajax

 二、antd pro 工作流程https://blog.csdn.net/weixin_41581254/article/details/84972237  或  https://blog.csdn.net/RuiKe1400360107/article/details/85785507

  1、routes下的试图文件,发送请求dispatch;

  2、models下业务模型接收到请求;

  3、services文件夹下的api.js中的异步函数被effects方法中的yield call 调用;请求方法默认是GET(GET请求不能带body)


dva 教程     https://dvajs.com/guide/introduce-class.html

说明:dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验

一、Model 对象:dva整个知识体系太多,设计中主要会用就可以了。在antd pro中,modes是放在一个目录下统一管理的,导出一个 model 对象,对象的选项如下:

  1、namespace:当前 Model 的名称

  2、state:该 Model 当前的状态

  3、reducers:Action 处理器,处理同步动作,用来算出最新的 State

  4、effects:Action 处理器,处理异步动作

猜你喜欢

转载自www.cnblogs.com/wfblog/p/11796779.html