Atlas应用程序.doc

创建第一个Atlas应用程序 要开始学习Atlas中的JavaScript，首先需要打开Visual Studio .NET，创建一个空的Atlas网站（选择File→New Website，然后在New Web Site对话框中选择ASP.NET Atlas Web Site，参见图3-1）。 单击OK按钮之后，Visual Studio .NET将为你创建一个新的工作区，包含了编写Atlas应用程序所需要的一切资源。图3-2显示了这个网站的组织结构[1]。 这个网站模板将Atlas应用程序所依赖的Microsoft.Web.Atlas.dll程序集复制到网站的\bin目录，以保证程序运行时可以找到该依赖项。当部署到成品服务器（production server）上时，这个程序集也同样应该随应用程序一起被部署。 图3-1? 新建Atlas网站 图3-2? Atlas解决方案的默认组织结构 在运行时，Microsoft.Web.Atlas.dll将生成Atlas的客户端脚本库，并将其发送至浏览器。Atlas的脚本库可分为如下几个部分： ?? 核心脚本库（Atlas.js和AtlasRuntime.js）为其他脚本库提供最底层的运行时支持，并对JavaScript的基本功能进行一系列的扩充（例如下面示例程序中将看到的Type.registerNamespace和[ClassName].registerClass方法[2]）。 ?? 兼容脚本库为Atlas实现跨浏览器的良好体验提供了一个兼容层。这也是Atlas的一个超越之处——创建应用程序时无需关注XMLHttpRequest的各种不同实现，Atlas会把这些做好。 ?? UI脚本库为Atlas应用程序提供UI服务，它提供的功能包括地图、拖放以及各种华丽的UI效果等，让表示层更加炫目。 [1].? 在最新的Atlas 7月份社区预览版中，ScriptLibrary目录以及其中内容已经被移除，图3-2显示的是当前版本的Atlas解决方案的默认组织结构，与原书不同。——译者注 [2].? 原书中为Type.registerClass，在Atlas 7月份社区预览版中，该方法的签名已经改成[ClassName].registerClass，其中ClassName代表要注册的类的名称。下同。——译者注 创建一个.js文件 下一步将创建一个.js文件，包含一个命名空间以及该命名空间下定义的Car类型类。正如将在下面几节中看到的一样，Atlas将面向对象的编程思想引入了JavaScript，包括命名空间、继承、接口等一些非常吸引人的概念。如果你熟悉面向对象思想，那么优势将很明显。如果不熟悉，那么在阅读了下面几节中涉及的与JavaScript结合在一起的命名空间、继承等内容之后，你也将逐渐理解面向对象方法是如何使代码易于编写、调试以及理解的。 要创建这个.js文件，首先在Solution Explorer中右键单击当前的项目，然后选择Add New Item（参见图3-3）。 图3-3? 在应用程序中添加新的脚本文件 在确认对话框中，选择JScript File并指定文件名。在这里将其命名为AtlasBook.js（参见图3-4）。当然，可以将其指定为其他的名字，但在本书中，将使用AtlasBook.js作为文件名。 图3-4? 新建Atlas脚本库文件 现在即可添加Car类的实现代码了。如果使用Visual Studio 2005创建并编辑JavaScript代码，那么Visual Studio 2005的语法高亮显示功能将让代码更容易理解和维护。图3-5显示了Car类的代码在编辑器中的样子。 图3-5? 用JavaScript实现Car类 使用Atlas?ScriptManager将自定义类发送至客户端Car类的Web Form。和前面添加.js文件的步骤一样，再添加一个新项，不过这次添加的是一个Web Form，将其命名为TestAtlasNamespace.aspx（参见图3-6）。 然后，需要在这个Web Form上添加一个Atlas ScriptManager服务器端控件。ScriptManager服务器端控件控制着将被下载到客户端的脚本，这样当用户请求某个使用Atlas的页面时，Atlas的客户端JavaScript支持文件将自动被下载并进行初始化。例如，上述JavaScript中用到了如下语句： Type对象的实现位于Atlas脚本库中，所以在这个测试应用程序执行到这里之前，要保证Atlas脚本库已经存在于客户端并进行过初始化。为了达到这个目标，最简单的方法是使用ScriptManager控件。在Visual Studio的页面设计器中简单地通过拖放即可向页面中添加一个