一.MVC是什么

1.MVC概念

MVC（Model View Controller），模型(model)－視圖(view)－控制器(controller)，軟件框架的一種。

（1）最上層view視圖：用于展示信息，動態(tài)的生成HTML，作為響應結(jié)果，直接呈現(xiàn)在用戶面前。

（2）底層model模型：數(shù)據(jù)層，包含資源，數(shù)據(jù)庫中的表等。

（3）中層controller控制器:包含應用的業(yè)務(wù)邏輯和操作數(shù)據(jù)的操作，屬于后端領(lǐng)域。

這三層是緊密聯(lián)系在一起的，但又是互相獨立的，每一層內(nèi)部的變化不影響其他層。每一層都對外提供接口（Interface），供上面一層調(diào)用。這樣一來，軟件就可以實現(xiàn)模塊化，修改外觀或者變更數(shù)據(jù)都不用修改其他層，大大方便了維護和升級。

如果沒明白，參考大佬阮一峰的解說，更加直觀：http://www.ruanyifeng.com/blog/2007/11/mvc.html

2.MVC框架中的互動模式

有如下兩種

（1）用戶操作view,通常為dom事件

（2）用戶操作controler，通常為hashchange事件，即改變URL。

?在實際開發(fā)中，兩種操作方式可以混用，view與controler,view與model之間都可以雙向傳輸。

二.MVP是什么

MVP（Model-View-Presenter）是MVC模式的改良，把Controller改為了Presenter，同時改變了通信方式，由IBM的子公司Taligent提出。和MVC的相同之處在于：Presenter負責業(yè)務(wù)邏輯，Model管理數(shù)據(jù)，View負責顯示。

MVP中Presenter提供接口，讓Presenter去更新Model，再通過觀察者模式更新View。（如下圖）

與MVC相比，MVP模式通過解耦View和Model，完全分離視圖和模型使職責劃分更加清晰；由于View不依賴Model，可以將View抽離出來做成組件，它只需要提供一系列接口提供給上層操作。

?

二.MVVM是什么

MVVM 模式將 MVP中的Presenter 改名為 ViewModel，基本上與 MVP 模式完全一致。

唯一的區(qū)別是，它采用雙向綁定（data-binding）：View的變動，自動反映在 ViewModel，反之亦然。即MVP中Presenter負責的View和Model同步不再手動地進行操作，而是交給框架所提供的數(shù)據(jù)綁定功能進行負責，只需要告訴它View顯示的數(shù)據(jù)對應的是Model哪一部分即可。Angular?和?Ember等都采用這種模式。

如下圖：

?

參考文章：(1)阮一峰《MVC MVC MVVM的圖示》 http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

　　　　　(2)廖柯宇 《淺析前端開發(fā)中的MVC MVP MVVM模式》http://liaokeyu.com/%E6%8A%80%E6%9C%AF/2017/06/01/js-architectural-patterns-overview.html

?

轉(zhuǎn)載于:https://www.cnblogs.com/bulaliu/p/8911584.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的MVC,MVP与MVVM的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。