推荐大家可以用knockout。

fanliang11 2012-07-17 09:57:27
推荐大家用knockout,如果是MVC3.0,那么用nuget去下载,如果是vs11、mvc4.0,那么可以直接调用,因为集成了.现在最新版本是2.0,以下是我引用的一篇文章,文章原址:http://www.cnblogs.com/n-pei/archive/2011/07/21/2113022.html
---------------------------------------------------------------------------------------
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来把数据绑定到页面。不错的一个方案。
...全文
548 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
qianhe_he 2013-07-19
  • 打赏
  • 举报
回复
用的时候,还是发现有很多问题的.. 例如说,他针对的数据是在body中,提交的时候提交正好form
luxili 2012-12-12
  • 打赏
  • 举报
回复
不错不错 值得学习一下 我顶你
fanliang11 2012-07-17
  • 打赏
  • 举报
回复
没人关注。
如果說jQuery是林志玲,那麼knockout.js可比陳妍希,同樣讓人一見傾心!! 這就是我初見knockout.js的感想。 knockout.js是一套JavaScript UI程式庫,主要用來在網頁實現MVVM設計模式。MVVM已在微軟WPF/Silverlight/WP7中廣泛應用(延伸閱讀: InfoQ的簡要介紹、微軟的MVVM導論、天空的垃圾場則有幾篇WPF MVVM入門範例),用白話來說: 在MVVM裡,UI操作涉及的資料被包成ViewModel類別,接著在UI輸入/顯示元素分別標註其對應到ViewModel某個屬性值。當程式碼改變ViewModel屬性值,其對應的輸入/顯示欄位元素便會自動更新;而在UI欄位填入不同內容,ViewModel的資料屬性也會立刻被修改為新值。 這種雙向繫結(Two-Way Binding)的概念,若使用傳統做法得在ViewModel的屬性修改事件寫程式將新值反應到某個顯示/輸入元素上,還得攔截輸入元素的onChange事件,用程式將最新輸入結果反應到ViewMode屬性上,瑣碎的實做細節蠻多的。而不管是Silverlight/WPF或JavaScript,MVVM程式庫的目標即在節省前述自行開發的工夫,只需在顯示/輸入元素上註明其對應的ViewModel屬性,之後全部交給程式庫自動處理,讓程式開發者能優雅地實現MVVM。 如今,MVVM概念也被搬到網頁開發上,未來大家在ASP.NET MVC的展示中應就會常看到它。在JavaScript領域,過去也有些MVVM程式庫被提出來,例如: 微軟主導的jQuery Data Link Plugin(不過,它跟jQuery Template Plugin一樣,已停止發展,未來會由jsView及jsRender接替,但預估要到2012年中才會進入Beta階段),但顯然都比不上knockout.js所受到的關注與歡迎。 knockout.js的主要特色為: 宣告式語法: 透過DOM元素Attribute宣告完成資料繫結(Data Binding),簡潔方便 自動UI更新: 只要Model資料改變,UI立即反映 相依性追蹤: 源頭資料變動時,可自動追溯所有關連的資料一起改變 支援範本(Template): 開放自訂Template決定Model資料輸出結果,可滿足各式客製需求 免費、Open Source 純JavaScript - 可跟jQuery或其他JavaScript Framework併用無虞 輕薄短小,Minified版本只有40KB,HTTP壓縮後只有14KB 跨瀏覽器! 支援IE6+, FF2, Chrome, Opera, Safari(含行動裝置版本)

7,774

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧