Go homepage(回首页) Upload pictures (上传图片) Write articles (发文字帖)
The author:(作者)delvpublished in(发表于) 2014/1/8 7:01:09 ASP.NET+Atlas创建客户端Web应用程序_[Asp.Net教程]
ASP.NET+Atlas创建客户端Web应用程序_[Asp.Net教程] 提要 本文介绍了Atlas框架,并探讨它的客户端和服务器端类库及其编程模型。另外,本文还详细剖析了一个支持Atlas功能的示例Web应用程序。 一、 开发环境说明 本文中所提供的信息适用于下列技术:Asp.net 2.0,Asp.net Atlas CTP,Visual Studio Professional 2005和Visual Web Developer 2005。 二、 简介 Atlas是一个框架的代号,该框架对于客户端Web应用程序的开发方面扩展了asp.net。该框架在提供一组客户端和服务器端类来创建跨浏览器兼容的AJAX风格的应用程序的同时,还引入了其它特征,例如桥接技术,gadget,一个JavaScript的声明性脚本模型和扩展。 本文将介绍Atlas框架并探讨它的客户端和服务器端类库及其编程模型。另外,本文还详细剖析了一个支持Atlas功能的示例Web应用程序。 三、 基于客户端和服务器端的Web应用程序 现在,Web应用程序开发主要针对于http客户端(浏览器)和服务器开发。Asp.net Web应用程序是基于服务器的(在该主机上运行),因此,对于由在客户端上的一个服务器控件激发的每一个事件都要求一个完整的回寄。这样的情形可以用图1所示来描述。
图1.一个针对asp.net Web应用程序的http回馈
图2.Http请求和响应一个支持Atlas技术的,基于客户端的asp.net Web应用程序
四、 Atlas框架概要 该框架包含了Microsoft.Web.Atlas.dll装配集,它包含了服务器端托管的和客户端JavaScript API。下图3展示了Visual Studio的对象浏览器窗口中的Atlas命名空间。
图3.在Microsoft.Web.Atlas.dll装配集中的命名空间
五、 Mash-up和Gadget(widget) Atlas中引入了两种新的特征:桥接技术和gadget。桥接技术允许Web应用程序消费来自多种远程Web服务的数据—当连接到一个单一的主机上时。这些消费一个或更多的远程服务的Web应用程序通常被称作是Mash-up。为了实现这一目的,该框架引入了桥接文件,以.asbx扩展名标志。其实,桥接文件是XML文件—允许我们以声明方式来定义到服务的连接并实现数据转换。下图4展示了一个通过Atlas桥接技术消费(mashing-up)来自多种远程Web服务上的数据的Web应用程序:
图4.消费来自多种远程服务的数据
图5.“New Web Site”对话框窗口
(四) 创建客户端UI 1. 在Solutions Explorer中,双击Default.aspx文件,从而在Visual Studio designer窗口中打开它。 2. 请确保你位于源码视图中,然后在文档的<form id="form1" runat="server">和</form>之间复制并粘贴下列代码:
图6.示例应用程序的UI
(六) 在客户端应用程序添加代码 切换到设计视图,双击生成的Web表单以显示页面相应的代码部分(Default.aspx.cs)。选择Ctrl+A来选择所有的自动生成的代码,并按Delete键清除文档。然后,添加下列代码以消费Amazon ECS服务并且显示搜索结果:
(七) 运行应用程序 1. 为了运行应用程序,在设计视图下打开Default.aspx页面。选择TxtBAccessKey TextBox控件;在Properties窗口中把你的Amazon Web服务存取键ID添加到该控件的Text属性中。 2. 按F5键以运行该应用程序。 3. 使用应用程序的过程是相当直接的。从Cuisine:列表框中选择一种cuisine类型,从City:列表框中选择一个城市,然后点击Submit按钮。作为选择,你还可以细化你的搜索。 (八) 从浏览器中使用Amazon ECS Web服务 1. 使用一个桥接文件来指定消费远程Web服务的代理类、调用该服务的方法以及如何操作返回的数据。 2. 使用ScriptManager控件参考桥接文件。 3. 使用html控件,JavaScript和客户端Atlas数据组件来使用服务即可。 七、 结论 Asp.net Atlas是一个创建基于客户端的Web应用程序的框架。这个框架在提供客户端和服务器端API用来创建跨浏览器兼容的AJAX风格的应用程序的同时,还引入了另外一些特征,例如桥接技术,gadget,一个JavaScript声明性脚本模型和扩展,等等。 总之,本文介绍了该框架的典型使用框架;还通过使用Atlas UpdatePanel控件介绍了部分(Partial)页面生成技术,这是在asp.net Web应用程序中增加AJAX功能和改进用户体验的最简单的方法。
赞