複雜頁面架構

weixin_34378969發表於2018-11-22

假設微博APP的正文頁

整體架構
資料流
反向更新

整體架構

1364396-830d4cb7cdf0191b.png
螢幕快照 2018-11-22 下午6.45.19.png

檢視層 (View & ViewController)

view : 控制元件初始化 設定資料 互動事件代理
viewcontroller : 檢視建立組合、協調漏記、時間回撥處理

業務邏輯 ( ViewModel)

業務邏輯處理(預排版)
資料增刪改查
執行緒安全處理

資料層 ( Engine & Model)

網路請求
資料解析
增刪改查
本地處理邏輯

資料流

1364396-7d9b4eb414bd5578.png
資料流向

資料及資料關係

1364396-15dfbb713eaaa945.png
網路資料

1364396-049818a627368942.png
業務資料
1364396-f7d45273fa81d9a0.png
UI資料
1364396-df727dbfb52f94e3.png
資料間相互引用關係

反向更新

1364396-f7b42d5f84515c09.png
反向更新概念

相關文章