创建基于AJAX技术的Scribble应用程序

创建基于AJAX技术的Scribble应用程序2008-05-08 天极朱先忠简介

ASP.NET Atlas是一套丰富的类库，用于ASP.NET开发AJAX风格的应用程序。本文试图解说Atlas框架的一般性特征，由于Atlas是一个庞大的库，故本文集中探讨Atlas的两个最重要的特征：

1. 能够从客户端脚本中调用服务器端服务

2. 使得开发跨浏览器兼容的JavaScript代码相当容易

通过对这两个特征的介绍，读者朋友可以熟悉Atlas类库的使用方法。

背景

MFC Scribble应用程序是学习MFC编程的著名例子之一。Scribble应用程序允许用户使用鼠标自由涂画。我在网络中曾看见这样一个类似的利用AJAX技术的应用程序。但遗憾的是，这个JavaScript绘图站点仅能在Firefox浏览器上运行。因此，我在本文中将解释怎样构建一个跨浏览器版本的Scribble程序。

安装Atlas

在本文完成时，可以点按这个链接下载Atlas的十二月CTP。如果这个链接不能工作，你总可以转到Atlas站点得到正确的链接。该Atlas库可以作为Visual Studio 2005的一个模板（VSI）。在刚才的这个下载站点上有关于怎样安装这个模板的说明。

创建一个Atlas工程

一旦安装了Atlas模板，你就可以通过点按菜单选项"File-＞New-＞Web Site"来创建一个空白的Atlas工程。然后就可以打开图1所示的"New Web Site"对话框。

在"location"下面，可以选择"File System"或"HTTP"。选择HTTP将允许你基于一个IIS服务器的站点，而选择File System将允许你在本地文件系统（你可以使用开发web服务器来进行调试和测试）上创建一站点。你可以选择任何一个选项，但是我发现该应用程序如果使用Internet Explorer且基于IIS运行效果更好一些。

Atlas空工程

上面最新创建的Atlas网站具有下列目录结构：

· App_Data

这是放置数据文件的空目录。

· Bin

这个目录下放置相应于装配集Microsoft.Web.Atlas的dll文件。这个目录下包含了Atlas库的服务器位置。

· ScriptLibrary

在这个目录下，你可以放置该应用程序的任何JavaScript文件。

o Atlas

Atlas客户端脚本放在这里，它有如下两个子目录：

§ Debug

Atlas客户端JavaScript文件的调试版本放在这个目录下。

§ Release

Atlas客户端JavaScript文件发行版本放在这个目录下。这个目录下的脚本更为紧凑，并且去除了一些调试代码。

Atlas客户端脚本

Atlas的12月份发行版本提供了下面几个客户端脚本：

· Atlas.js

这是核心Atlas脚本文件，它包括了基本的工具函数和客户端控件和组件。

· AtlasCompat.js

这个文件包含Atlas兼容层以支持Mozilla Firefox和Apple的iMac-Safari web浏览器。这个脚本可以确保Atlas代码是跨浏览器兼容的。

· AtlasCompat2.js

这个文件包含其它函数以确保与Safari web浏览器的兼容性。

· AtlasRuntime.js

这是一个核心Atlas脚本文件的缩微版本，其中并不含有客户端组件和控件。这个脚本文件在前面提到的组件或控件没有使用时使用。

· AtlasUIDragDrop.js

包含工具函数，用于提供网页中的鼠标拖放功能。

· AtlasUIGlitz.js

包含工具函数，用于提供网页中的动画和其它特殊效果。

· AtlasUIMap.js

支持使用Virtual Earth的Atlas映射框架的脚本文件。