再談MVVM

前言

MVVM設(shè)計(jì)模式自2005年被微軟提出以來舍杜,在應(yīng)用開發(fā)領(lǐng)域獲得了長(zhǎng)久的發(fā)展新娜。iOS開發(fā)過程中,Apple推薦的MVC模式既绩,因其廣泛詬病的massive viewcontroller概龄,逐漸被解耦更充分的MVVM替代。
本質(zhì)來說饲握,MVVM跟MVC同屬于MV(X)類型的模式私杜,是解決開發(fā)中model層與UI層解耦的方案。MVVM的優(yōu)點(diǎn)在于救欧,通過架設(shè)viewmodel層(提供連接model和view層的中間件)衰粹,解決了model和view在MVC controller(MVC中的C)的耦合。
MVVM的原理和優(yōu)點(diǎn)不在贅述笆怠,參見概念圖:


MVVM.png

Problem

考慮上圖的左側(cè)(view與viewmodel解耦):在實(shí)際使用過程中铝耻,通過viewmodel與view層狀態(tài)量綁定,很好的解決了view層耦合蹬刷,解放了viewcontroller瓢捉,使其更專注于view的組合和管理。同時(shí)办成,viewmodel對(duì)model的更新和監(jiān)聽泡态,轉(zhuǎn)化為view層狀態(tài)量的處理,使我們可以在viewmodel專注于view層頁(yè)面量數(shù)據(jù)更新迂卢。
再考慮上圖右側(cè):我們通常習(xí)慣于在viewmodel層來處理model數(shù)據(jù)某弦,隨著業(yè)務(wù)的增多桐汤,viewmodel中充斥了接口的調(diào)用、model的轉(zhuǎn)化靶壮、數(shù)據(jù)的拼裝怔毛,再加上對(duì)view層頁(yè)面量的轉(zhuǎn)化,viewmodel同樣面臨著massive化的問題腾降。
另外馆截,viewmodel處理的model層數(shù)據(jù)越多,也代表著viewmodel與model的耦合度不斷上升蜂莉。某些數(shù)據(jù)可能會(huì)涉及到session維護(hù),即數(shù)據(jù)也有著生命周期的管理混卵,例如TCP長(zhǎng)連的推送映穗,歷史數(shù)據(jù)和當(dāng)前數(shù)據(jù)管理等等。那么對(duì)于這些可獨(dú)立的操作幕随,這一塊model層數(shù)據(jù)處理蚁滋,也具有復(fù)用的需求,不能夠單單由viewmodel層來處理赘淮。
所以說辕录,viewmodel massive化的問題,需要考慮到與model層更好的解耦梢卸。

Thinking

結(jié)合上圖MVVM的定義走诞,viewmodel與view層的關(guān)系,是通過狀態(tài)量的綁定蛤高,實(shí)現(xiàn)data和action的binding蚣旱;viewmodel與model層的關(guān)系,是更新和監(jiān)聽戴陡。
如果viewmodel不直接處理model的獲取和轉(zhuǎn)化塞绿,而是將復(fù)雜的model處理獨(dú)立出去,然后采取類似viewmodel與view層binding的方式恤批,是否可以實(shí)現(xiàn)viewmodel與model的更進(jìn)一步解耦异吻?

Solution

實(shí)現(xiàn)viewmodel與model進(jìn)一步解耦,一個(gè)方案是喜庞,在中間架設(shè)datacontroller層诀浪。如圖:


屏幕快照 2020-04-14 上午10.31.15.png
  • viewmodel擁有datacontroller,通過對(duì)datacontroller的data binding赋荆,監(jiān)聽處理過的data笋妥,并將data處理為view層頁(yè)面量;
  • datacontroller擁有model窄潭,通過接收viewmodel發(fā)出的action春宣,對(duì)model進(jìn)行update酵颁,同時(shí)監(jiān)聽model數(shù)據(jù)變化,對(duì)model數(shù)據(jù)進(jìn)行維護(hù)月帝、轉(zhuǎn)化和處理躏惋;
  • view層擁有viewmodel,通過對(duì)viewmodel的binding嚷辅,完成view層頁(yè)面量的刷新簿姨。
notice
  • viewmodel與datacontroller需有明確的分工。datacontroller的架設(shè)簸搞,是為了解耦model層數(shù)據(jù)處理邏輯扁位,是以model層業(yè)務(wù)功能為導(dǎo)向的,viewmodel中涉及view層數(shù)據(jù)的處理趁俊,不應(yīng)歸并到datacontroller來處理域仇,而是viewmodel層配合datacontroller來處理數(shù)據(jù)。
  • viewmodel和datacontroller雖是擁有關(guān)系寺擂,但并非強(qiáng)關(guān)聯(lián)暇务。datacontroller同樣可以被其他viewmodel使用,是獨(dú)立的數(shù)據(jù)處理組件怔软。
  • 理解幾個(gè)data:viewmodel里的data垦细,是頁(yè)面狀態(tài),面向頁(yè)面顯示的數(shù)據(jù)挡逼;datacontroller里的data括改,是model數(shù)據(jù)經(jīng)過處理后的,面向業(yè)務(wù)的數(shù)據(jù)家坎;model里的data叹谁,是面向接口的數(shù)據(jù)層數(shù)據(jù)。
scene

以行情類APP中的個(gè)股詳情界面為例乘盖。個(gè)股詳情界面焰檩,包含股票的盤口信息,分時(shí)走勢(shì)圖订框,K線圖析苫,成交明細(xì),買賣五檔等多個(gè)功能穿扳,這些數(shù)據(jù)的處理是非常復(fù)雜的衩侥。同一個(gè)功能的數(shù)據(jù),可能需要多個(gè)接口返回進(jìn)行拼裝矛物。以K線圖為例茫死,會(huì)要求歷史數(shù)據(jù)和當(dāng)日數(shù)據(jù)拼裝,并通過TCP實(shí)時(shí)接收服務(wù)器推送的最新一根數(shù)據(jù)履羞。
考察此時(shí)datacontroller峦萎,需要完成以下幾個(gè)功能:

  • 多個(gè)接口的請(qǐng)求管理屡久。歷史數(shù)據(jù)接口、當(dāng)日數(shù)據(jù)接口爱榔,以及服務(wù)器主動(dòng)推送被环。
  • session管理。管理TCP推送详幽,以及如果推送斷掉后的主動(dòng)定時(shí)刷新筛欢。
  • model層數(shù)據(jù)處理。將各個(gè)接口返回?cái)?shù)據(jù)唇聘,轉(zhuǎn)化為業(yè)務(wù)需求數(shù)據(jù)版姑,例如K線數(shù)據(jù)拼裝、校準(zhǔn)迟郎、容錯(cuò)漠酿。
  • 數(shù)據(jù)源切換。行情數(shù)據(jù)服務(wù)可能存在多個(gè)行情源谎亩,例如普通行情服務(wù)和level2服務(wù),行情源不同宇姚。需要datacontroller完成數(shù)據(jù)源切換匈庭,以及對(duì)應(yīng)數(shù)據(jù)model的轉(zhuǎn)換。輸出到viewmodel層的data保持統(tǒng)一浑劳。

從以上場(chǎng)景可看出阱持,如果沒有datacontroller層,大量數(shù)據(jù)處理會(huì)耦合到viewmodel魔熏,一方面造成viewmodel的難以維護(hù)衷咽,另一方面很多處理邏輯是可獨(dú)立可復(fù)用可單元測(cè)試的。

discussion

  1. 結(jié)合flux(react)的數(shù)據(jù)驅(qū)動(dòng)模式
    datacontroller層的架設(shè)蒜绽,實(shí)際上也是數(shù)據(jù)驅(qū)動(dòng)的一種實(shí)踐镶骗。viewmodel通過監(jiān)聽datacontroller,完成數(shù)據(jù)驅(qū)動(dòng)躲雅,最終更新頁(yè)面狀態(tài)鼎姊。
    更進(jìn)一步,可以嘗試結(jié)合flux(react)思想相赁,設(shè)計(jì)datacontroller的具體實(shí)現(xiàn)相寇。目前我的項(xiàng)目中,通過將flux思想引入datacontroller層钮科,將各個(gè)接口實(shí)現(xiàn)轉(zhuǎn)換為對(duì)應(yīng)的action和reducer唤衫,采用組合的設(shè)計(jì)模式,自由組合各接口調(diào)用绵脯。接口返回的數(shù)據(jù)佳励,區(qū)分為業(yè)務(wù)state休里,viewmodel通過監(jiān)聽這些state,完成數(shù)據(jù)層的監(jiān)聽植兰。
    react是前端開發(fā)的主流框架之一份帐,然而對(duì)APP開發(fā)來說,由于view更新機(jī)制的不同楣导,react state更新的方式并不能很好的體現(xiàn)APP開發(fā)的性能废境。但在數(shù)據(jù)層,react單向數(shù)據(jù)流的思想還是值得借鑒筒繁,特別是對(duì)于業(yè)務(wù)數(shù)據(jù)復(fù)雜的功能噩凹,能夠較好地管理數(shù)據(jù)更新。
  2. datacontroller與viewmodel同級(jí)的設(shè)計(jì)
    很早之前有一種MVVM設(shè)計(jì)毡咏,datacontroller層與viewmodel層同級(jí)驮宴,同為viewcontroller擁有。如下圖:


    1452138195768694.png

這種設(shè)計(jì)更體現(xiàn)出datacontroller層的獨(dú)立性呕缭。但正如作者所說堵泽,頻繁的在 DC-VC-VM 里來回傳遞信息,會(huì)造成了大量膠水代碼恢总。且datacontroller直接暴露到viewcontroller迎罗,不利于view層與model層解耦。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末片仿,一起剝皮案震驚了整個(gè)濱河市纹安,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌砂豌,老刑警劉巖厢岂,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異阳距,居然都是意外死亡塔粒,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門筐摘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來窗怒,“玉大人,你說我怎么就攤上這事蓄拣⊙镄椋” “怎么了?”我有些...
    開封第一講書人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵球恤,是天一觀的道長(zhǎng)辜昵。 經(jīng)常有香客問我,道長(zhǎng)咽斧,這世上最難降的妖魔是什么堪置? 我笑而不...
    開封第一講書人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任躬存,我火速辦了婚禮,結(jié)果婚禮上舀锨,老公的妹妹穿的比我還像新娘岭洲。我一直安慰自己,他們只是感情好坎匿,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開白布盾剩。 她就那樣靜靜地躺著,像睡著了一般替蔬。 火紅的嫁衣襯著肌膚如雪告私。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評(píng)論 1 299
  • 那天承桥,我揣著相機(jī)與錄音驻粟,去河邊找鬼。 笑死凶异,一個(gè)胖子當(dāng)著我的面吹牛蜀撑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播剩彬,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼酷麦,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了襟衰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤粪摘,失蹤者是張志新(化名)和其女友劉穎瀑晒,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體徘意,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡苔悦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了椎咧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片玖详。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖勤讽,靈堂內(nèi)的尸體忽然破棺而出蟋座,到底是詐尸還是另有隱情,我是刑警寧澤脚牍,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布向臀,位于F島的核電站,受9級(jí)特大地震影響诸狭,放射性物質(zhì)發(fā)生泄漏券膀。R本人自食惡果不足惜君纫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望芹彬。 院中可真熱鬧蓄髓,春花似錦、人聲如沸舒帮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)会前。三九已至好乐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瓦宜,已是汗流浹背蔚万。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留临庇,地道東北人反璃。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像假夺,于是被迫代替她去往敵國(guó)和親淮蜈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容