您所在的位置: 首页 > 开发 > Web > Ajax >

探索Eclipse的Ajax Toolkit Framework(1)

http://developer.51cto.com  2007-01-29 10:22  Tim McIntire  developerWorks 中国  我要评论(0)
  • 摘要:Ajax Toolkit Framework(ATF)是新的 Open Ajax Initiative 的核心部分,旨在通过 Eclipse Foundation 提高对功能强大的 Web 编程技术的可访问性。通过为各种开源 Ajax 工具包(包括 Dojo、Zimbra 和 Rico)添加 Asynchronous JavaScript and XML(Ajax)开发环境,ATF 扩展了 Eclipse Web Tools Platform (WTP)。本文包括一个 HelloWorld 示例,您将在其中安装和配置 ATF,然后使用 Eclipse 和 Dojo 来创建基本的 Web 应用程序。
  • 标签:Ajax Toolkit Framework  ATK  Ajax  Eclipse

ATF 位于 Eclipse WTP 的顶部,WTP 在 Web 开发社区中使用得十分广泛。WTP 通过添加用于开发 Java™ 2 Platform,Enterprise Edition (J2EE) Web 应用程序的工具扩展了 Eclipse。

ATF 通过为各种开发源码的 Ajax 工具包(包括 Dojo、Zimbra 和 Rico)添加 Ajax 开发环境扩展了 WTP。它增强了 JavaScript 编辑功能,提供了 edit-time 语法检查、文档对象模型(Document Object Model,DOM)和层叠样式表(Cascading Style Sheet,CSS)Inspector 和集成 Mozilla 浏览器。ATF 允许开发人员使用 Eclipse 作为开源工具包所需的企业级集成开发环境(IDE)。ATF 背后的 Open Ajax Initiative 的目标是提高对 Ajax 的可访问性,Ajax 正在迅速流行开来,但是对于新的开发人员来说概念还是很晦涩难懂。

本文使用 Eclipse、ATF 和 Dojo 将 ATF 的安装步骤和创建示例 Ajax 应用程序紧密联系在一起。“将 Ajax 带入 Eclipse 的 Ajax Toolkit Framework 的两个工具” 介绍了 Dojo 和 Zimbra,并且先提供了 “Hello World!” 示例,然后提供了用 ATF 将 Dojo 集成到 Eclipse 中的方法。本文利用了 V0.1 版来创建类似的项目,并且更加简单。

安装 ATF

启动之前,请先阅读在 Microsoft® Windows® 下安装的快速说明(有关详细信息和下载,请参阅 参考资料)。如果尚未使用 Eclipse,请下载 J2EE 项目包,其中包括 Core Eclipse V3.2.1 和 Eclipse WTP(使用 ATF 时要求使用 WTP)。如果尚未安装和使用 Eclipse,这是满足 ATF 基本要求的最简单方法。

要开始使用 ATF,请执行以下操作:

  • 从 Eclipse.org 下载 ATF 的最新版本。本文是基于 V0.1 版 (0.1-20060912)。在下载并安装以下所有必需的组件之前,请先不要安装。
  • 下载 Java Runtime Environment (JRE) V1.4.2,它在当前的 V0.1 版中是必需的。Sun Microsystems 或 IBM® 版本都可以使用。
  • 下载 Apache Tomcat V5 用作本地 Web 服务器和 XULRunner,用于帮助 Eclipse 建立与 Mozilla 的接口。
  • 安装 XULRunner、JRE,然后安装 Tomcat V5。
    注:Tomcat V5 更倾向于使用 JRE V5,因此还可能需要下载它,以避免特殊的 Tomcat 安装指导。
  • 安装 Eclipse(如果系统中没有安装的话)。

安装了 Eclipse 之后,您就可以准备安装 ATF 了。

要将 ATF 安装到 Eclipse 中,请打开 Eclipse,然后单击 Help > Software Updates > Find and Install > Search for New Features to Install > New Archived Site。然后选择包含 ATF 的压缩文件。通过安装屏幕的提示指导您完成安装,其间应当确保选择所有 ATF 组件。确保仔细阅读 ATF Download 信息。一些 ATF 版本(包括 V0.1)包含特殊安装说明,末尾介绍了如何安装附加文件。

在 ATF 中构建 Dojo 应用程序

现在您已经准备好构建第一个 Dojo 应用程序。开始先创建一个新项目。新项目打开后,请完成以下步骤:

打开 Eclipse,然后单击 File > New > Project。

单击 Web > Static Web Project,然后单击 Next。

图 1. 选择项目类型

选择项目类型

在 Project name 字段中键入 HelloWorld,然后单击 Target Runtime 下方的 New。此名称将是整个项目的封闭名称,可以在其中包括与所选名称同名的子文件夹和 Web 应用程序。

图 2. 为项目命名

为项目命名

单击 HTTP > HTTP Server,然后单击 Next。在此步骤中,您将告诉 Eclipse 需要使用本地 HTTP 服务器作为运行时目标。这就是安装步骤过程中必须安装 Tomcat V5(或其他支持 HTTP 的服务器)的原因,允许您在本地分析 Eclipse 内应用程序行为。

图 3. 设置指向本地 HTTP 服务器的链接

设置指向本地 HTTP 服务器的链接

  1. 为本地 HTTP 服务器键入正确的端口(可能 80 或 8080),然后键入希望用于应用程序的目录的名称。
  2. 选择 Publish Projects to this Server,然后单击 Browse 以选择本地 Web 目录。该示例在我的系统中的路径是 C:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\ROOT\helloworld。您可能需要创建 helloworld 目录,但父目录可能已经存在了。
  3. 单击 Finish
    图 4. 设置本地 HTTP 目录
    设置本地 HTTP 目录
  4. 单击 Next,然后单击 ATF > Dojo
  5. 取消选中 Rico 复选框,然后单击 Finish。此步骤将按照使用 Dojo Toolkit 开发 Ajax 应用程序的所有必要要求来设置项目。
    图 5. 启用 Dojo Toolkit
    启用 Dojo Toolkit

上述步骤将在 Eclipse 中创建 Dojo 项目骨架。现在必须开始着手创建一个应用程序。


共2页: 1 [2] 下一页
【内容导航】
开源框架Eclipse发展历程
解析Ajax开发框架 走进Ajax开发应用
Ajax明天会HOT还是OVER?
微软的Ajax:Atlas(ASP.net AJAX)
Eclipse开发平台应用
 
 验证码: (点击刷新验证码)   匿名发表
  • 网络工程师考试案例动手实验营

  • 作者:郭春柱
  • 本书依据2009年版《网络工程师考试大纲》的考核要求,深入研究了历年网络工程师考试试题的命题风格和试题结构,对考查的知识点..
Copyright©2005-2008 51CTO.COM 版权所有