Ant Design Pro 中前后台数据交互

一、大概记录下流程,理解前提,基本熟悉框架Ant Design Pro框架

二、
image.png

以上图结构为例

1.service文件夹下注册并请求api接口:


image.png

注意方法名,第二步会用到。
2.models文件夹下调用请求api方法并保存初步处理数据等:
image.png
image.png

①导入service文件夹下的js文件,也就是刚才写api接口的文件,注意红框选中的东西。
②reducers中的save方法与一图中put方法中的type相同,可修改或添加reducers中的方法,使用yield put({
type: '方法名'来调用即可。
3.组件中调用:


image.png

①路由中的添加依赖的models,与第二步中文件中的namespace相同,也可以添加多个namespace

②连接
image.png

调用
image.png

解析:type:‘namespace/方法名’,此处方法名为models中effects中的方法名
payload:传递到api的参数
callback:返回方法,可以省略。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,399评论 19 139
  • 去年有段时间得空,就把谷歌GAE的API权威指南看了一遍,收获颇丰,特别是在自己几乎独立开发了公司的云数据中心之后...
    骑单车的勋爵阅读 20,872评论 0 41
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,835评论 8 265
  • 枕头柔软得像云朵。橘子惬意地打个滚,舒服得要融化了。 牛奶、鱼干、肉脯、饼干……各色零嘴在依姿的床上围成圈。橘子就...
    水边的猫儿阅读 2,087评论 0 0
  • 战战兢兢 回过神来 我便来到世间面前 那是一张如黑洞的脸 我只在噩梦的边缘见过 它总带着不对名的笑 做出让我困惑的...
    LeoANDCiel阅读 2,555评论 0 0