ASP.NET MVC框架下使用MVVM模式

2015/10/10 來源：CSDN博客

對於asp.net mvc開發人員或愛好者來說，MVVM模式可能你不是很了解。本來這個模式就是針對WPF和Silverlight開發提出的開發模式。

大概一年前，我當時迷戀Silverlight時，學習了MVVM一段時間，沒想到現在可以在MVC用到。

我看了下之前有兩篇文章介紹MVVM的。希望可以對MVVM不了解的人有點幫助。我也是好久沒用了，生疏了都。

上個月底就準備寫這篇mvc框架下的mvvm應用，，不過最近有點忙碌加上糾結，所以延後了這麼長時間。

主要實現mvvm模式的最近很強大的knockoutjs,官方網站:

👁 Image
...

作者在mix11上做過這個框架的使用分享，視頻地址：

為什麼要用mvvm模式呢，為了讓大家不再需要不停地事件捕獲，而是使用面向對象的javascript和數據綁定來實現。knockoutjs還兼容各種瀏覽器。

👁 Image
...

knockoutjs的實現原理如下圖：

👁 Image
...

每個頁面都會有一個viewmodel,它是連接伺服器端和客戶端的紐帶。數據都會保存在viewmodel中，然後通過數據綁定來把數據顯示到html。這個非常適合異步的數據傳輸系統。因為asp.net mvc 對ajax的支持更加好。

👁 Image
...

上圖中說明了如何使用knockoutjs。首先頁面中需要有一個viewMode來存放所有的數據和交互數據的函數。如果要knockoutjs生效你需要使用上圖中的最後一行代碼。

knockoutjs和jquery集成的非常好，你可以結合jquery的template來實現複雜業務的數據顯示。上圖中的html元素有data-bind屬性，說明是使用了ko的數據綁定，也就是MVVM模式。

在asp.net mvc中上圖中的數據源可以設置為AJAX方式。Action把Json格式的數據傳輸到viewmodel中，然後使用kojs來把數據綁定到頁面。不錯的一個方案。

免責聲明：本文內容來源于CSDN博客，文章觀點不代表壹讀立場，如若侵犯到您的權益，或涉不實謠言，敬請向我們提出檢舉。