开发AJAX应用程序需要使用的工具 (2).pdf

第5章开发AJAX应用程序需要使用的工具

在前面几章中，向读者介绍了开发AJAX应用程序的语言：JavaScript的基本知识和常用对象，然
后向读者介绍了操作HTML文档的接口：DOM（文档对象模型）。读者已经明白了如何编写一个操作
HTML文档的JavaScript程序。工欲善其事，必先利其器。选择好的开发工具会使实际编码的工作变得
更加简单和高效。本章向读者推荐一些开发AJAX应用程序可以使用的工具，例如AptanaWebIDE、
firebug等等。

5.1开发工具：Aptana

一直以来，由于缺少专业的JavaScript开发工具，使得大多数开发者只能使用简单的文本编辑器，
例如NotePad，或者稍微支持JavaScript语法提示的开发工具，例如Dreamweaver、VisualStudio等，进
行JavaScript和AJAX的开发，使得JavaScript开发效率和调试成为了开发者的难点问题。直到Aptana
的横空出世。Aptana是一款使用Java开发，基于JVM的专业JavaScript开发工具。
Aptana提供了强大的代码提示，浏览器兼容性提示，错误提示，代码自动完成等功能，并且提供了
基于firefox的调试功能，同时支持各大主流的AJAX开发框架，包括prototype、JQuery、YUI-ext等等。
Aptana提供了开发者良好的编码体验，能够支持开发者进行快速高效的AJAX应用程序开发。下面，让
读者来认识这款优秀的开发工具：Aptana。

5.1.1Aptana的下载和安装

Aptana是采用Java开发的、免费的、开源的、跨平台的WEBIDE。因为采用Java开发，所以需要
有JVM的支持。Aptana的官方网站是：http://www.aptana.com。官方网站上的下载频道提供了Aptana
的下载，其地址为：http://www.aptana.com/download/。打开下载页面，如图5.1所示。

图5.1下载Aptana

网站上针对不同操作系统提供win版本、Mac版本和Linux版本的Aptana完整版的下载，同时还提
供了一个作为Eclipse插件的版本下载。这里以win版本为例，单击下载链接跳转到页面底部，如图5.2
所示。

·135·

图5.2下载Aptana

单击“WindowsNT4.0/2000/XP/Vista(x86)”下面的“Download”链接即可开始下载。下载完成后，
运行所下载的Aptana安装文件开始安装。安装过程与一般的应用软件安装方式相同，这里不再赘述。

5.1.2Aptana的界面介绍

Aptana安装完成后，会在桌面和“开始--程序”中生成快捷方式。双击快捷方式启动Aptana，如图
5.3所示。

图5.3启动Aptana

第一次启动时，Aptana会提示用户选择工作区，即保存项目的路径。如图5.4所示。

图5.4设置工作区

一般设置为Apache或者IIS的虚拟目录。如果希望以后启动Aptana都使用这个工作区，则可以将
图中的checkbox选中，设置选择的工作区为默认值即可。单击“确定”按钮，进入Aptana工作界面。
如图5.5所示。

·136·

图5.5Aptana界面

Aptana启动时默认会打开一个叫AptanaStartPage的标签页，其中包含了Aptana网站上最新的一些
内容。如果用户不需要，可以将其关闭。
现在来看Aptana的工作界面。如图5.6所示，按照界面各部分的功能划分为不同的区域。

图5.6Aptana的工作区域

Aptana界面最上面是功能菜单，功能菜单包含了Aptana完整功能的导航。然后是一些快捷操作按
钮，提供了诸如新建和打开文档，保存、打印、打开插件试图，调试及运行等功能的快捷操作。左边第
一个区域由两个标签页组成，分别是代码辅助文案和FTP，提供了当前文档的辅助信息和FTP管理工具。
左边下面的区域是文件/项目资源管理工具，也是由两个标签页组成。
文件资源管理提供了本地文件系统和FTP的文件资源管理。项目资源管理提供了按照工作区内的项

·137·

目分组的资源管理。中间最大的区域是主要工作区，以标签页的现实用户打开的文档，供用户编辑。主
要工作区的下面，是错误报告区域和控制台。错误报告区可以实时的显示用户编辑的文档中所出现的错
误。控制台则显示系统当前的活动信息。右边部分首先是大纲视图区域。这个区域会以大纲视图的形式
来显示当前所操作的文档的层次结构。大纲视图区域的下面，是帮助和示例区域。显示了一些相关的帮
助信息，和流行Ajax开发框架的一些示例。

5.1.3Aptana的使用

认识了A