MVC淀零,MVP 和 MVVM 的圖示

一挽绩、MVC
MVC模式的意思是,軟件可以分成三個部分窑滞。



視圖(View):用戶界面琼牧。
控制器(Controller):業(yè)務邏輯
模型(Model):數(shù)據(jù)保存

各部分之間的通信方式如下。



View 傳送指令到 Controller
Controller 完成業(yè)務邏輯后哀卫,要求 Model 改變狀態(tài)
Model 將新的數(shù)據(jù)發(fā)送到 View巨坊,用戶得到反饋

所有通信都是單向的。
二此改、互動模式
接受用戶指令時趾撵,MVC 可以分成兩種方式。一種是通過 View 接受指令共啃,傳遞給 Controller占调。


另一種是直接通過controller接受指令。

三移剪、實例:Backbone
實際項目往往采用更靈活的方式究珊,以 Backbone.js 為例。

  1. 用戶可以向 View 發(fā)送指令(DOM 事件)纵苛,再由 View 直接要求 Model 改變狀態(tài)剿涮。
  2. 用戶也可以直接向 Controller 發(fā)送指令(改變 URL 觸發(fā) hashChange 事件),再由 Controller 發(fā)送給 View攻人。
  3. Controller 非常薄取试,只起到路由的作用,而 View 非常厚怀吻,業(yè)務邏輯都部署在 View瞬浓。所以,Backbone 索性取消了 Controller蓬坡,只保留一個 Router(路由器) 猿棉。
    四、MVP
    MVP 模式將 Controller 改名為 Presenter渣窜,同時改變了通信方向铺根。
    [圖片上傳中。乔宿。位迂。(6)]
  4. 各部分之間的通信,都是雙向的。
  5. View 與 Model 不發(fā)生聯(lián)系掂林,都通過 Presenter 傳遞臣缀。
  6. View 非常薄,不部署任何業(yè)務邏輯泻帮,稱為"被動視圖"(Passive View)精置,即沒有任何主動性,而 Presenter非常厚锣杂,所有邏輯都部署在那里脂倦。
    五、MVVM
    MVVM 模式將 Presenter 改名為 ViewModel元莫,基本上與 MVP 模式完全一致赖阻。

    唯一的區(qū)別是,它采用雙向綁定(data-binding):View的變動踱蠢,自動反映在 ViewModel火欧,反之亦然。AngularEmber 都采用這種模式茎截。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末苇侵,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子企锌,更是在濱河造成了極大的恐慌榆浓,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撕攒,死亡現(xiàn)場離奇詭異哀军,居然都是意外死亡,警方通過查閱死者的電腦和手機打却,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谎倔,“玉大人柳击,你說我怎么就攤上這事∑埃” “怎么了捌肴?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長藕咏。 經(jīng)常有香客問我状知,道長,這世上最難降的妖魔是什么孽查? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任饥悴,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘西设。我一直安慰自己瓣铣,他們只是感情好,可當我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布贷揽。 她就那樣靜靜地躺著棠笑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪禽绪。 梳的紋絲不亂的頭發(fā)上蓖救,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天,我揣著相機與錄音印屁,去河邊找鬼循捺。 笑死,一個胖子當著我的面吹牛库车,可吹牛的內(nèi)容都是我干的巨柒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼柠衍,長吁一口氣:“原來是場噩夢啊……” “哼洋满!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起珍坊,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤牺勾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后阵漏,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體驻民,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年履怯,在試婚紗的時候發(fā)現(xiàn)自己被綠了回还。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡叹洲,死狀恐怖柠硕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情运提,我是刑警寧澤蝗柔,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站民泵,受9級特大地震影響癣丧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜栈妆,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一胁编、第九天 我趴在偏房一處隱蔽的房頂上張望厢钧。 院中可真熱鬧,春花似錦掏呼、人聲如沸坏快。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽莽鸿。三九已至,卻和暖如春拾给,著一層夾襖步出監(jiān)牢的瞬間祥得,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工蒋得, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留级及,地道東北人。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓额衙,卻偏偏與公主長得像饮焦,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子窍侧,可洞房花燭夜當晚...
    茶點故事閱讀 45,086評論 2 355

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