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

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中文原文:http://www.infoq.com/cn/news/2012/02/SPA

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java技术分享

IntelliJ Idea 常用快捷键 列表(实战终极总结!!!!)

1. -----------自动代码--------  常用的有fori/sout/psvm+Tab即可生成循环、System.out、main方法等boil...

2417
来自专栏Coding01

推荐一款快速制作通讯录的微信小插件

只要有通讯录的地方,就会需要对通讯录姓名进行分组排序和界面设计,主流做法基本是按照人名的拼音首字母排序,效果图如下:

2452
来自专栏腾讯移动品质中心TMQ的专栏

VR中的动画就是这么玩哒

导读 大家是不是觉得VR中的动画特别神奇,其实它是基于Unity中的动画系统Mecanim实现的,Unity在5.0之后,Mecanim动画控制越来越强大好用...

2946
来自专栏程序员的知识天地

javascript对点击事件和拖动事件的区分

1.项目中,为了更好的服务用户,经常会设计一个便捷的通道,这个通道一般都是“悬浮”的。

6503
来自专栏司想君

2017前端开发手册四-前端开发人员应该掌握的Web技术

碰见过真正难相处的人,才知道身边的伙伴们多么值得珍惜。 ? 前端开发人员应掌握以下核心网络技术(考虑按此顺序学习): 统一资源定位器(又名URL) 超文本传输协...

3868
来自专栏java一日一条

高效Android开发者必须知道的4个工具

移动app开发是一个漫长而费力的过程。然而,现在的企业总是希望能够尽快发布app。幸运的是,我们有很多帮助移动开发人员加快工作步伐的工具。

1103
来自专栏知晓程序

如何开发电商类小程序 Vol.3:数据加载和图文排版

1384
来自专栏Phoenix的Android之旅

如何加载一张超大高清图

"大图片加载容易做,可是这个需求要保证在不OOM的情况下能放大查看,还要能清晰展示,这得怎么呢?",愁眉苦脸的小呼说到。

942
来自专栏魏艾斯博客www.vpsss.net

屏幕 GIF 动态图捕获软件及录制过程

作为站长有时候需要录制屏幕 GIF 动态图片,就得现学现卖。这不魏艾斯博客在使用遨游浏览器的过程中遇到一些 bug 需要提交给官方,遨游技术员希望老魏提供一段正...

2422
来自专栏cnblogs

D3、openlayers的一次尝试

近期尝试了一个webgl相关的内容,有些小激动,及时分享一下我的测试示例,效果如下: ? 此示例分从业务角度分为两部分,一个部分为d3展示的柱图,另一部分则为用...

2887

扫码关注云+社区

领取腾讯云代金券