Ant Design以及Ant Design Pro
- 01.课程介绍
- model 层
- Ant Design 阿里开源 UI组件
- ReactJS入门
- 02.ReactJS入门之Model分层的概念
- 服务端
- 前端
- 03.ReactJS入门之dva的使用
- model 命名空间
- 04.ReactJS入门之dva的使用(实现点击事件)
- 加入 reducers 配置项
- 流程图解
- 05.ReactJS入门之Model中请求数据
- 异步加载数据
- put 更新 state 中的 数据
- 06.ReactJS入门之mock数据
- 租房课程 第二天
01.课程介绍
model 层
数据 传输 获取 更新
Ant Design 阿里开源 UI组件
- pro 企业级 后台 管理系统 模板
ReactJS入门
02.ReactJS入门之Model分层的概念
服务端
三层
controller 层 请求 接受 转发 调用其他 层
service 业务逻辑 代码
Dao 层 数据访问层 与数据库 交互 第三方 接口 交互
前端
page 用户交互 页面显示 渲染执行
model 数据更新查询 ----封装给page 调用service 状态
service 与 后台 服务 进行交互
03.ReactJS入门之dva的使用
model 业务数据管理 使用框架dva
elm 风格
model 命名空间
默认目录 umi会将它 当成 model文件
用dva框架 进行 连接 page 与 model
用dva框架 导入 connect
用es6 中修饰符 使用 带回调函数(带参数) 的 connect
state 为全局 里面有很多model 数据 用 命名空间 取值
回调函数 返回一个 对象 到this.props
04.ReactJS入门之dva的使用(实现点击事件)
加入 reducers 配置项
dispatch – type 指定
流程图解
05.ReactJS入门之Model中请求数据
异步加载数据
put 更新 state 中的 数据
组件 加载 --》初始化数据