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

openkk 13年前
     <div id="news_body">     <p> ASP.NET MVC 4 beta 中包含了一个实验项目,用作开发“<a href="/misc/goto?guid=4958330842451453178" target="_blank">单页面应用程序</a>(single page applications)”。该项目也称为 ASP.NET SPA,其项目类型基于一组开源库以及 WPF、Silverlight 上流行的 MVVM 模式。</p>     <p> <strong>浏览器端</strong></p>     <p> 位于浏览器端技术组底部的是著名的 <a href="/misc/goto?guid=4958183308549259819" target="_blank">jQuery</a> 库,与之一起的还有 Unobtrusive Ajax、jQuery UI 和 jQuery Validation 插件。</p>     <p> 接下来的技术是 <a href="/misc/goto?guid=4958330843986573486" target="_blank">Upshot</a>。它是构建于 jQuery 和 Knockout 之上的数据访问和缓存库。在示例代码中,你会看到有一个与 knockout 兼容的视图模型被自动生成。它的内部是基于 Upshot 的函数,用作处理与服务层的通信。另外它还包含用于驱动 UI 的代码。(SPA 的视图模型类似 XAML 技术,如此看来,这块地方很快会充斥各式各样的代码。)</p>     <p> MVVM 风格的数据绑定使用 <a href="/misc/goto?guid=4958330844784985666" target="_blank">Knockout</a> 框架完成。与基于 XAML 的技术类似,Knockout 提供了声明式的数据绑定,它在当数据和视图模型基于暴露属性更改事件的 <a href="/misc/goto?guid=4958330845569597661" target="_blank">observables</a> 时,可以完美的进行工作。此外,你不需要显式地引发事件,即使对<a href="/misc/goto?guid=4958330846368545180" target="_blank">计算属性</a>也是如此。绑定过程与设置控件的 DataContext 属性不同,你需要调用 ko.applyBindings 完成。然而这并不妨碍子控件拥有不同的数据上下文,面对这种情况只需简单地为它们使用“with”或“foreach”绑定即可。其中“with”绑定类似于将控件的 DataContext 绑定到视图模型中的属性,而后者“foreach”本质上创建了一个项目集合控件。</p>     <p> 位于技术组顶端的是 nav.js,它是微软新推出的一个库。</p>     <p> <strong>服务器端</strong></p>     <p> 服务端的应用程序框架由普通的 MVC 页面表示,而应用程序内的各种视图由分离页面(partial pages)表示。在示例中,Knockout 数据绑定用作动态地显示和隐藏这些页面。</p>     <p> 大部分服务端数据访问都由抽象类 DataController 处理。DataController 是 ASP.NET Web API 中 ApiController 的子类,后者提供了客户端向服务器提交 ChangeSetEntry 的基本方法。喜欢使用存储过程或者第三方 ORM 的开发人员,可以直接继承该类;而熟悉 Entity Framework 的开发人员可以使用 DbDataController。Visual Studio 的脚手架支持(scaffolding support)可以为后者自动生成附带基本 CRUD 操作的代码。</p>     <p> <strong>查看英文原文:</strong><a href="/misc/goto?guid=4958330847168386318" target="_blank">Single Page Applications in ASP.NET MVC 4</a></p>     <p> (作者: Jonathan Allen ,译者:曹如进)</p>    </div>