例如下面负责业务,我们如何进行架构设计呢?
![](https://img.haomeiwen.com/i2058854/2ecc218f7059a6aa.png)
举例微博正文页
1.会考察的内容:
![](https://img.haomeiwen.com/i2058854/2a6021d9f2c51a72.png)
2.整体架构
Engine可以理解为:
对model内容的高度、显示类型进行了计算;(不同的页面是不一样的;)
![](https://img.haomeiwen.com/i2058854/d7c6c361a13bfacc.png)
2.1.视图层(View&ViewController)
![](https://img.haomeiwen.com/i2058854/3d50c000c6f80bab.png)
2.2业务逻辑层(ViewModel)
![](https://img.haomeiwen.com/i2058854/b1a0f7038273da6d.png)
2.3数据层(Engine & Model)
![](https://img.haomeiwen.com/i2058854/6553d06512f4665b.png)
2.4 数据流
![](https://img.haomeiwen.com/i2058854/52d7140d3c1fdb11.png)
网络数据&接口返回的原始数据:
![](https://img.haomeiwen.com/i2058854/02734151752d1469.png)
业务数据
知道是什么类型的数据
![](https://img.haomeiwen.com/i2058854/56ca18bf9ad36496.png)
UI数据
![](https://img.haomeiwen.com/i2058854/436effbf47a54a8a.png)
2.5 反向更新
![](https://img.haomeiwen.com/i2058854/e805eb59a5ad9071.png)
3. 总结
![](https://img.haomeiwen.com/i2058854/95ad6bd4bd16e975.png)
![](https://img.haomeiwen.com/i2058854/3a7a8f2713e0f94e.png)
例如下面负责业务,我们如何进行架构设计呢?
Engine可以理解为:
对model内容的高度、显示类型进行了计算;(不同的页面是不一样的;)
网络数据&接口返回的原始数据:
业务数据
知道是什么类型的数据
UI数据
本文标题:复杂页面架构
本文链接:https://www.haomeiwen.com/subject/teizgdtx.html
网友评论