BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

ASP.NET MVC 4中的单页面应用程序

| 作者 Jonathan Allen 关注 530 他的粉丝 ,译者 曹如进 关注 0 他的粉丝 发布于 2012年2月26日. 估计阅读时间: 3 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

ASP.NET MVC 4 beta中包含了一个实验项目,用作开发“单页面应用程序(single page applications)”。该项目也称为ASP.NET SPA,其项目类型基于一组开源库以及WPF、Silverlight上流行的MVVM模式。

浏览器端

位于浏览器端技术组底部的是著名的jQuery库,与之一起的还有Unobtrusive Ajax、jQuery UI和jQuery Validation插件。

接下来的技术是Upshot。它是构建于jQuery和Knockout之上的数据访问和缓存库。在示例代码中,你会看到有一个与knockout兼容的视图模型被自动生成。它的内部是基于Upshot的函数,用作处理与服务层的通信。另外它还包含用于驱动UI的代码。(SPA的视图模型类似XAML技术,如此看来,这块地方很快会充斥各式各样的代码。)

MVVM风格的数据绑定使用Knockout框架完成。与基于XAML的技术类似,Knockout提供了声明式的数据绑定,它在当数据和视图模型基于暴露属性更改事件的observables 时,可以完美的进行工作。此外,你不需要显式地引发事件,即使对计算属性也是如此。绑定过程与设置控件的DataContext属性不同,你需要调用ko.applyBindings完成。然而这并不妨碍子控件拥有不同的数据上下文,面对这种情况只需简单地为它们使用“with”或“foreach”绑定即可。其中“with”绑定类似于将控件的DataContext绑定到视图模型中的属性,而后者“foreach”本质上创建了一个项目集合控件。

位于技术组顶端的是nav.js,它是微软新推出的一个库。

服务器端

服务端的应用程序框架由普通的MVC页面表示,而应用程序内的各种视图由分离页面(partial pages)表示。在示例中,Knockout数据绑定用作动态地显示和隐藏这些页面。

大部分服务端数据访问都由抽象类DataController处理。DataController是ASP.NET Web API中ApiController的子类,后者提供了客户端向服务器提交ChangeSetEntry的基本方法。喜欢使用存储过程或者第三方ORM的开发人员,可以直接继承该类;而熟悉Entity Framework的开发人员可以使用DbDataController。Visual Studio的脚手架支持(scaffolding support)可以为后者自动生成附带基本CRUD操作的代码。

查看英文原文:http://www.infoq.com/news/2012/02/SPA

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT