MVC 和 MVVM 設計模式

2021-09-20 16:22:21 字數 1594 閱讀 5617

mvc模式

mvc即model-view-controller。他是2023年代被引入到軟體設計大眾的。mvc模式致力於關注點的切分,這意味著model和controller的邏輯是不與使用者介面(view)掛鉤的。因此,維護和測試程式變得更加簡單容易。 mvc設計模式將應用程式分離為3個主要的方面:model,view和controller

m: 資料儲存

v: 使用者介面

檢視,表示業務資料的表現,由html來表示,尤其需要加強的 html 操作

c: 業務邏輯

控制器:負責控制資料的獲取、刪除和更新。由js中的各種function來實現。 原生**實現時,整個過程都得自己寫,總是會疑惑於思路。那麼,有了基於 mvc 的模式,以後會形成一種固定方式:先定義資料模型,定義顯示方式,由控制器來控制它們

各部分之間的通訊方式如下:所有通訊都是單向的。

1、view傳送指令到controller

2、controller完成業務邏輯後,要求model改變狀態

3、model將新的資料傳送到view,使用者得到反饋

mvvm模式

mvvm即model-view-view model。這個模式提供對view和view model的雙向資料繫結。這使得view model的狀態改變可以自動傳遞給view。典型的情況是,view model通過使用obsever模式(觀察者模式)來將view model的變化通知給model。

它採用雙向繫結(data-binding):view的變動,自動反映在 viewmodel,反之亦然

model

model層代表了描述業務邏輯和資料的一系列類的集合。它也定義了資料修改和操作的業務規則。

view

view代表了ui元件,像css,jquery,html等。他只負責展示從presenter接收到的資料。也就是把模型轉化成ui。

view model

view model負責暴漏方法,命令,其他屬性來操作view的狀態,組裝model作為view動作的結果,並且觸發view自己的事件。

mvvm模式關鍵點:

1、使用者和view互動。

2、view和viewmodel是一對一關係,也就意味著乙個view只能對映到乙個viewmodel。

3、view持有viewmodel的引用,但是view沒有任何model的資訊。

4、view 和viewmodel之間有雙向資料繫結關係。

一 mvc模式和mvvm模式

m model 資料儲存 v view 使用者介面 c controller 業務邏輯 mvc 使用者操作 view 負責接受使用者的輸入操作 controller 業務邏輯處理 model 資料持久化 view 將結果通過view反饋給使用者 mvc是最經典的開發模式之一,最早是後台那邊來的,後台...

MVC模式 MVVM模式

mvc是一種架構模式,m表示model,v表示檢視view,c表示控制器controller model負責儲存 定義 運算元據 view用於展示介面,與使用者進行操作互動 controller是model和view之間的橋梁,將model中的資料傳遞到view。關係解讀 controller可以直...

MVVM設計模式

mvvm是model view viewmodel的簡寫。微軟軟體 ui層更加細節化 可定製化。同時,在技術層面,wpf也帶來了 諸如binding dependency property routed events command datatemplate controltemplate等新特性。...