复杂页面架构

假设微博APP的正文页

整体架构
数据流
反向更新

整体架构

复杂页面架构_第1张图片
屏幕快照 2018-11-22 下午6.45.19.png

视图层 (View & ViewController)

view : 控件初始化 设置数据 交互事件代理
viewcontroller : 视图创建组合、协调漏记、时间回调处理

业务逻辑 ( ViewModel)

业务逻辑处理(预排版)
数据增删改查
线程安全处理

数据层 ( Engine & Model)

网络请求
数据解析
增删改查
本地处理逻辑

数据流

复杂页面架构_第2张图片
数据流向

数据及数据关系

复杂页面架构_第3张图片
网络数据

复杂页面架构_第4张图片
业务数据
复杂页面架构_第5张图片
UI数据
复杂页面架构_第6张图片
数据间相互引用关系

反向更新

复杂页面架构_第7张图片
反向更新概念

你可能感兴趣的:(复杂页面架构)