你真的了解MVC嗎

提到MVC,你會(huì)想到什么?三層架構(gòu)?設(shè)計(jì)模式?JSP?老掉牙?面相對(duì)象制造器?
先來(lái)聽(tīng)個(gè)故事吧。

引子

《我是歌手》后,實(shí)力唱將林志炫算是迎來(lái)了事業(yè)第二春。小N這天想去網(wǎng)上買(mǎi)一張林志炫的正版CD收藏下,和網(wǎng)店小二聊了下。

店小二:不好意思,暫時(shí)賣(mài)完了,您要是想要的話,可以幫您訂一張。
小N想了下,和店小二談好價(jià)格,決定訂一張,雙方談妥。
店小二給老板打電話:有個(gè)顧客想買(mǎi)林志炫的《One Take》專(zhuān)輯,咱們店里沒(méi)現(xiàn)貨了,您給臺(tái)灣那邊的廠家打電話,讓他們發(fā)一張過(guò)來(lái)吧。
老板說(shuō):Ok,沒(méi)問(wèn)題。
老板于是給臺(tái)灣唱片行打電話:某某經(jīng)理你好,麻煩你明天給我寄一張林志炫《One Take》過(guò)來(lái)吧。
經(jīng)理說(shuō):好的,明天早上就發(fā)貨。
第二天晚上就到貨了,于是店小二馬上發(fā)貨給小N。又過(guò)了1天,小N收到CD了,開(kāi)心的不得了。

我們來(lái)分析一下。
這個(gè)例子中,涉及到四個(gè)人物,小N、店小二、老板、臺(tái)灣某經(jīng)理。關(guān)系如下圖所示:

圖1. 引例關(guān)系圖

其實(shí)這就是一個(gè)簡(jiǎn)單的MVC流程。

  • 服務(wù)員對(duì)應(yīng)View,是與用戶直接交流,響應(yīng)用戶的交互操作。
  • 老板對(duì)應(yīng)Controller,負(fù)責(zé)接收View傳過(guò)來(lái)的請(qǐng)求以及相應(yīng)數(shù)據(jù),并將加工的請(qǐng)求通知給唱片行經(jīng)理。
  • 臺(tái)灣唱片行經(jīng)理對(duì)應(yīng)Model。因?yàn)槌邢鄬?duì)獨(dú)立,它不依賴于某個(gè)實(shí)體店而存在,就像Model不依賴于如何被顯示或者如何被操作一樣。
圖2 引例關(guān)系對(duì)照?qǐng)D

緣起

MVC模式最早由Trygve Reenskaug大師在1974年參加X(jué)erox論壇時(shí)提出,在論文《A note on DynaBook requirements》中,大師說(shuō),MVC最初是為了在人類(lèi)世界模型和電腦數(shù)據(jù)模型中建立一種橋梁而產(chǎn)生的架構(gòu),旨在用同一份模型來(lái)滿足不同應(yīng)用場(chǎng)景需求。

圖3 MVC的起源

MVC模式,最初名稱為 Thing-Model-View-Editor模式,在7個(gè)月之后,模式更名為Model-View-Control。其中,原Things模塊關(guān)心user如何觸發(fā)交互問(wèn)題,之后被弱化(即之后的Event機(jī)制);原Editor模塊只負(fù)責(zé)提供一個(gè)用戶與一個(gè)或多個(gè)View模塊進(jìn)行交互的公共接口,此交互過(guò)程不經(jīng)過(guò)Model模塊。之后Editor模塊被強(qiáng)化為Controller,全面負(fù)責(zé)用戶與View、Model的交互。
在Thing-Model-View-Editor 模型演化之后,MVC各模塊的原始定義為:

  • Model模型層:負(fù)責(zé)“知識(shí)”的供給。Model可以為一個(gè)對(duì)象,或者包含一組對(duì)象的結(jié)構(gòu)體。為了能準(zhǔn)確的定位問(wèn)題,Model應(yīng)當(dāng)提供一個(gè)能唯一識(shí)別問(wèn)題的部分,這樣才真正能夠?qū)崿F(xiàn)Model的復(fù)用。
  • View視圖層:View是它所屬M(fèi)odel的展示部分。它的作用是可以最原始的展示所屬M(fèi)odel的幾個(gè)特定屬性,并隱藏掉其它屬性。因此View扮演的角色類(lèi)似于一個(gè)與展示相關(guān)的“過(guò)濾器”。
  • Controller控制層:controller層是用戶與系統(tǒng)聯(lián)系的紐帶。它提供給用戶一組可供用戶輸入的視圖集,并且能夠保證每一個(gè)視圖都顯示在恰當(dāng)?shù)奈恢蒙稀V螅珻ontroller接收到用戶在視圖層的輸入后,將他們轉(zhuǎn)化為特定的消息,并且分發(fā)這些消息給相關(guān)的Views。

MVC模式出道至今已近40年,但仍威風(fēng)不減。雖然現(xiàn)今流行的MVC框架大都是經(jīng)過(guò)了優(yōu)化,各個(gè)模塊的含義和作用均得到了增強(qiáng),但是,萬(wàn)變不離其宗,MVC模式的“宗”始終沒(méi)變,這也是為什么MVC模式能夠屹立至今的原因。那到底MVC的“宗”是什么?

不變

世界,每一刻都是嶄新的。蘇子說(shuō)“自其變者而觀之,則天地曾不能以一瞬。”可是,蘇子又說(shuō)過(guò):“自其不變者而觀之,則物與我皆無(wú)盡也”。也就是說(shuō),變化是絕對(duì)的,不變是相對(duì)的。從另一個(gè)角度來(lái)說(shuō),變中蘊(yùn)含著不變。一旦從變中抽象出不變之后,就要解決兩個(gè)問(wèn)題:其一,何時(shí)變;其二,如何變。其實(shí),這種從變中抽象出不變的過(guò)程,正對(duì)應(yīng)了從無(wú)框架代碼過(guò)渡到MVC框架代碼的過(guò)程。

圖4 左邊:變中抽象出不變 右邊:無(wú)框架中抽象出框架

不變,對(duì)應(yīng)Model層。上文有述,這是MVC誕生的根本。一個(gè)好的系統(tǒng),一定有一個(gè)相對(duì)穩(wěn)定的Model層,不然它可以被斷定是存在設(shè)計(jì)缺陷的,不論是從產(chǎn)品層面還是從設(shè)計(jì)層面。何時(shí)變,對(duì)應(yīng)了View層。View層負(fù)責(zé)接收用戶直接的交互,并將交互抽象為事件通知Controller,這解決了何時(shí)變要解決的問(wèn)題。如何變,對(duì)應(yīng)了Controller層,它在可以變的時(shí)機(jī),進(jìn)行了變的行為,并且通知了不變,這也正是“怎么變”的職責(zé)所在。
以上,為一次用“不變”來(lái)描述“變”的過(guò)程。

猛回頭

在向身邊的人推薦MVC時(shí),我耳邊經(jīng)常飄著這樣的話:“MVC,都20多年了,不是早就過(guò)時(shí)了嗎?”
我認(rèn)為,MVC是否過(guò)時(shí)可以從兩方面進(jìn)行判斷:

  1. MVC是否還在被使用
  2. MVC的思想是否已經(jīng)消亡

對(duì)于第一點(diǎn),我舉兩個(gè)例子:呼風(fēng)喚雨的Apple公司的開(kāi)發(fā)框架Cocoa至今還在使用MVC模式;GoogleMap的JS API中的對(duì)象基類(lèi),名字就叫MVC Object。
對(duì)于第二點(diǎn),我覺(jué)得這是一個(gè)由分母變化而引起的錯(cuò)覺(jué)。因?yàn)樵贛VC提出之初,正是計(jì)算機(jī)軟件架構(gòu)貧瘠的時(shí)候,MVC橫空出世占領(lǐng)半壁江山,順?biāo)浦邸5沁@么多年過(guò)去了,各種框架早已“百家爭(zhēng)鳴、百花齊放”,MVC不可能不被進(jìn)一步優(yōu)化,這些被優(yōu)化、改進(jìn)過(guò)的框架雖然有可能不再以MVC冠名,但這不代表MVC在它們身上的影響力已經(jīng)不在。畢竟從抽象層次上,由“變”到“不變”的變化,是只可能被演化,但不可能再被抽象了的變化。

面向?qū)ο?VS 面向原型 VS ?

MVC往往和面向?qū)ο舐?lián)系在一起。至少,以傳統(tǒng)MVC模式實(shí)現(xiàn)的代碼帶有很強(qiáng)的面向?qū)ο蟮娘L(fēng)格。面向?qū)ο蟮木幊田L(fēng)格,在一些情況下會(huì)把簡(jiǎn)單的問(wèn)題變得異常復(fù)雜,因此有人說(shuō),MVC會(huì)把代碼小題大做。我覺(jué)得,用面向?qū)ο蟮乃枷雭?lái)對(duì)世界進(jìn)行建模,難免會(huì)有這種情況,因?yàn)槭澜绮⒉皇敲嫦驅(qū)ο蟮摹D牵澜缬秩鏙avaScript支持者那樣,是面向原型的嗎?
如果,世界既不是面向?qū)ο蟮模植皇敲嫦蛟偷模牵澜缬质鞘裁矗?/p>

What's next?
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,967評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,273評(píng)論 3 415
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 175,870評(píng)論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 62,742評(píng)論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,527評(píng)論 6 407
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,010評(píng)論 1 322
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,108評(píng)論 3 440
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,250評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,769評(píng)論 1 333
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,656評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,853評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,371評(píng)論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,103評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,472評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,717評(píng)論 1 281
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,487評(píng)論 3 390
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,815評(píng)論 2 372

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