租房(生活服务)项目-02-Ant Design以及Ant Design Pro

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 中的 数据

组件 加载 --》初始化数据

06.ReactJS入门之mock数据