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

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

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

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

http://www.cnblogs.com/n-pei/archive/2010/08/10/1796173.html

http://www.cnblogs.com/n-pei/archive/2010/08/02/1790671.html

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

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

作者在mix11上做過這個架構的使用分享，視頻地址：http://channel9.msdn.com/Events/MIX/MIX11/FRM08

為什麼要用mvvm模式呢，為了讓大家不再需要不停地事件捕獲，而是使用物件導向的javascript和資料繫結來實現。knockoutjs還相容各種瀏覽器。

knockoutjs的實現原理如：

每個頁面都會有一個viewmodel,它是串連伺服器端和用戶端的紐帶。資料都會儲存在viewmodel中，然後通過資料繫結來把資料顯示到html。這個非常適合非同步資料轉送系統。因為asp.net mvc 對ajax的支援更加好。

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

knockoutjs和jquery整合的非常好，你可以結合jquery的template來實現複雜業務的資料顯示。中的html元素有data-bind屬性，說明是使用了ko的資料繫結，也就是MVVM模式。

在asp.net mvc中中的資料來源可以設定為AJAX方式。Action把Json格式的資料轉送到viewmodel中，然後使用kojs來把資料繫結到頁面。不錯的一個方案。

接下來我會放上一些完整的例子來。 待續…