IBM Rational Web Developer 6.0 介绍

文档选项 未显示需要 JavaScript 的文档选项

级别： 初级

Maik Schumacher (maik.schumacher@de.ibm.com), IT 专家, 德国科隆 IBM Software Services for Lotus

2005 年 4 月 21 日

本文对 IBM™ Rational™ Web Developer 6.0，一个用于构建、测试和部署 Java 及 J2EE 应用程序的集成开发环境（IDE）进行了简要的介绍性的概述。

本实例所需的先决条件

本教程唯一的先决条件是需要安装 IBM® Rational® Web Developer 6.0 和 IBM® WebSphere® Application Server 6.0 Test Environment（与 Web Developer 集成在一起的）。

注意：本教程及所有屏幕快照都来源于 Rational Web Developer 6.0.0 Build 20041102_2235 和/或 Build 20041117_2230 的备选版本。本教程中所提供的信息是来源于 Web Developer 在线帮助和 IBM 销售资料。

回页首

关于 Rational Web Developer 6.0

Rational Web Developer 是用于构建、测试及部署 Java™ 和 Java™ 2 Platform， Enterprisse Edition （J2EE™） 应用程序的集成开发环境（IDE）。它支持对建立 带有 HTML 页面、servlet 和 JavaServer Pages™（JSP™） 的 J2EE 应用程序的集成开发。

您还可以通过 Rational Web Developer 创建适用开发标准的 Web 服务，生成基于 XML 的应用程序，并且简化协作小组的开发环境。通过它可以进行端到端的本地及远程测试，并利用向导、代码生成器及最优的实践来生成高质量应用程序。

Rational Web Developer 是 IBM® Rational® 软件开发平台（IBM® Rational® Software Development Platform，SDP）的一部分，且是 IBM® WebSphere® Studio Site Developer V5 的后继发布版本。基于 Eclipse 3.0 的 Rational Web Developer 可以使 Java 和 Web 开发人员构建动态 Web 应用程序、Web 服务或 Java 应用程序。Rational Web Developer 可进行可视化构造、测试及应用程序部署，是便于使用的集成开发环境（IDE）。

Rational Software Development Platform 是通用的开发环境，由以下产品共享：

• Rational Web Developer
• IBM® Rational® Application Developer
• IBM® Rational® Software Architect
• IBM® Rational® Software Modeler
• IBM® Rational® Functional Tester
• IBM® Rational® Performance Tester

图 1 是对 Rational Software Development Platform 的总览.

图 1：设计和构造工具的总览

如果您安装上面任意一种产品， Rational Software Development Platform 都会作为产品的一个部分自动安装上。如果您安装了以上多种产品，开发平台只安装一次。所有这些产品都拥有相同的用户界面，称为工作台，每一种产品都通过提供插件的方式向工作台中添加功能。

下图 2 展示了 IBM Rational Web Developer 的总览。

图 2： Web Developer 总览

回页首

硬件需求

这些是 Rational Web Developer 6.0 所需的硬件条件。

回页首

支持软件

有关 Rational Web Developer 中具体工具所支持的软件和规范，请参看信息中心。

回页首

Rational Web Developer 6 的新增内容

Rational Web Developer 6.0 提供了大量新工具和新特性。下面的列表中展示了 Rational Web Developer 中的一些新增内容：

• 提供对面向服务的体系结构（ service-oriented architecture，SOA）及包括 J2EE 1.4、Web Services Enhancements （WS-I Basic Profile 1.1）、 JavaServer™ Faces （JSR-127）在内的最新标准的支持
• 基于 Eclipse V3.0，并有很多有用的改进
• 改良的 Welcome 经历
• 改进可视化编辑器，可以提高建立 JavaServer、Faces、Portal 和基于 Strut 的应用程序的生产力。
• 集成了为应用程序完整生命周期提供支持的 Rational 技术：小组开发
• 简化在 WebSphere Application Server v6 上进行 J2EE 应用程序的开发

Eclipse 3.0

从 WebSphere Studio 家族到 Rational Software Development Platform 的转变中最主要的是与 Eclipse 3.0 的集成。Eclipse 3.0 提供了很多新的改进了的特性，以下简单列出一些：

• 新的外观（look and feel）
• 可作出响应的用户界面（Responsive UI）
• 富客户机平台

Java 开发工具

Eclipse 3.0 版本的 Java 开发工具较 Eclipse 2.1 有了一些重要的变更，包括：

• 在 Java 编辑器中折叠
• 预先的强调
• 快速类型层次视图
• Quick Outline 显示被继承的成员
• Java 编辑器中的 Smart Insert 输入模式
• Update 通过粘贴进行引入
• 新代码格式器
• 格式化多文件
• 拼写检查
• Java 编辑器显示被覆盖的方法

回页首

Web 服务概述

Web 服务是一组相关的应用程序方法，可以在 Internet 上对其程序化地调用。商家可以动态地混合搭配 Web 服务通过最少的程序设计执行复杂的事务。

Web 服务是自主式自描述的模块化应用程序，可进行发布、定位以及跨 Web 调用。

Rational Web Developer 为 Web 服务开发提供了大量工具。这些工具可以帮助您完成以下这些任务：

• 创建 Web 服务（自顶向下、自底向上和 Web 服务客户机）
• 编辑 Web 服务
• 部署 Web 服务
• 测试及验证 Web 服务
• 发布 Web 服务

Web 服务工具支持以下规范（依据 Web Developer 在线帮助系统）：

回页首

从 WebSphere Studio 5.1.x 中移植

当您第一次在 Web Developer 中打开任意 WebSphere Studio V5.1.x 工作区时，工作区将自动移植。一旦移植了工作区，您可以不用在 WebSphere Studio Site Developer 中打开该工作区了。但是，V6.0 中的工作区可以在 WebSphere Studio V5.1.x 中使用，可以通过源代码管理（SCM）系统（例如，IBM® Rational® ClearCase®），或通过引入归档和导出工程。

但您应该在移植到 Rational Web Developer 之前为 WebSphere Studio 工作区创建一个备份。

重点：移植到 Rational Web Developer V6.0 的 Portal Tools 中的 Portal Toolkit V5.0 工作区中的端口应用程序将不能反向兼容。同时，在移植之前，推荐阅读 migrate.html，该文件存放在 <RWD>\rwd_prod中（<RWD> 是 Rational Web Developer 所安装内容中的目录）。该文件中提供了关于如何从先前版本移植到 Web Developer 中的详细介绍。

回页首

工作台

本部分描述了工作台的基础。在开启 Web Developer 之前，将显示出 Welcome 界面，如图 3 。

图 3： Welcome 界面

下面的屏幕快照（图 4）说明了 Rational Web Developer 的 Welcome 界面上的操作项。

图 4：带注释的 Welcome 界面

Welcome 界面可以让您执行不同的任务，并使您熟悉该产品及其技术。例如，图 5 显示了带有可选操作的 Overview 界面。

图 5： Rational Web Developer Overview 界面

回页首

透视图

Rational Web Developer 中的透视图定义了 Workbench 窗口中视图和编辑器的最初设置及布局。在第一次打开 Rational Web Developer 时，打开的 Web 透视图是初始透视图（如下图 6 所示）。Web 透视图将能够协助您进行 Web 应用程序开发的视图和编辑器组合起来。透视图配合部署描述符用来编辑 Web 工程资源，例如 HTML 和 JSP 文件。

可以通过使用拖拽和释放移动视图和编辑器，或通过向透视图中添加新的视图 Window > Show view）来定制透视图。

可以通过下面两种方法打开透视图：

• 在同一个（现有的） Workbench 窗口中。
• 在新的 Workbench 窗口中（单击 Window > New Window）

图 6： 带有 Web 透视图的初始工作台

一旦您已经打开工作台并需要回到 Welcome 界面，您可以单击 Help > Welcome （参见图 7），Welcome 界面就再次打开。

图 7： 再次打开 Welcome 界面

可以通过单击菜单栏中的 Window > Open Perspective 或利用对应的操作按钮来更改透视图。下面图 8 中的红色圆圈强调的是可以更改透视图的按钮位置。

图 8： 打开新的透视图

图 9 中的对话框显示出 Rational Web Developer 中存在的各种不同的透视图。可以通过单击适当的按钮（参见前面的图 8）或点击菜单栏中的 Window >Open Perspective >Other 来显示出该对话框。

图 9： Select Perspective 对话框

回页首

视图

视图支持编辑器，提供可选择的透视图，并提供各种不同的方式来对工作台中的信息进行导航。例如，Navigator 视图显示出您正处理的工程和其他资源。

一些视图还有自己的工具栏。视图工具栏上的按钮代表各种操作，这些操作只能影响到该视图中的项目。例如 Outline 视图如下图 10 所示。

图 10： Outline 视图

视图可能会单独出现，或在带有标签的薄式窗口中层叠排列。您可以通过打开关闭视图，将视图放在 Workbench 窗口的不同位置上来改变透视图的布局。您可以参考在线帮助以了解更多关于 Rational Web Developer 视图的内容。

回页首

编辑器

根据所打开或要编辑的文件类型的不同，会对应出现一些不同的编辑器，在编辑器区域将出现最恰当的编辑器。

例如，如果要编辑 .java 文件，编辑器区域将出现 Java 编辑器。图 11 显示出 Java 编辑器中打开的 Java 文件。文件的名字出现在编辑器的标签部分。带有大量特性的 Java 编辑器帮助您书写 Java 代码。例如，Java 关键字与非关键字和注释的颜色不同。当按下 CTRL+Space 时，会显示出辅助性的 Java 代码。

图 11： Java 编辑器

回页首

帮助系统

Rational Software Development platform 提供大量不同特性来协助用户完成不同的任务。例如，在 Rational Web Developer 中，您可以通过选择以下特性来得到帮助：

• 概述
• 新内容有那些
• 教程
• 示例
• 首要步骤
• Web 资源

要访问帮助系统，可单击菜单栏中的 Help > Rational Help （或按下 F1 键访问上下文相关的帮助）。帮助系统（如图 12 所示）还提供大范围的与工具和技术相关的信息（例如 Web 服务）。

图 12： Rational Web Developer Help Topics 总览

回页首

参数选择

Rational Web Developer 提供大量各种不同的设置来定制您的工作台及其功能。通过单击菜单栏中的 Window > Preferences 打开 Preferences 对话框。可以在该对话框中找到由插件提供的参数选择页面，如下面图 13 所描述。

图 13： Preferences 对话框

请参考 Web Developer 的帮助系统来了解更多关于这些用户参数选择的定制选项。

回页首

工程

Web Developer 将所有资源都组织到工程中。对于本实例，工程使用最高阶层结构来组织不同资源。其中包含文件和文件夹。在工作台中，您可以创建不同种类的工程，每种工程都有不同的结构。

除非进行指定，项目都在当前的工作区目录下生成。同时，元数据——包含了关于工作区结构的重要信息，例如工程参数选择或定制设置——也存储于此。

Web Developer 提供以下这些工程：

• Eclipse 建模框架工程
• J2EE 工程
• 应用程序客户机工程
• 连接器工程
• 企业级应用程序工程
• Java 工程
• 插件开发工程
• 服务器工程
• 简单工程
• Web 工程
• 动态 Web
• 静态 Web

请参考 Web Developer 在线帮助来了解更多关于这些工程的信息。

回页首

新建 J2EE Web 应用程序

在本部分，您可以创建一个非常简单的只有一个 servlet 的 J2EE Web 应用程序，然后在 WebSphere Application Server 6 中对该应用程序进行测试及调试。该示例应用程序的源码可在此处得到。

回页首

新建动态 Web 工程

开始新建应用程序：在 Rational Web Developer 的菜单栏中，选择 File > New --?> Project ，如图 14 所示。

图 14： New Dynamic Web Project

在下面图 15 中显示的 New Dynamic Web Project 对话框中输入 SimpleApp 作为 Web 工程的名称，并单击 Show Advanced 以显示出高级选项。

单击 Next 转入第二个对话框。在第二个对话框中（选择 Web Project 特性，如下图 15 所示）保留默认值并再次单击 Next 按钮。

图 15： New Dynamic Web Project 对话框

现在出现三号对话框，还保留该对话框的默认值（New Dynamic Web Project - Select a Page Template for the Web Site），并单击 Finish 按钮生成 Web 工程。

几秒钟之后，Rational Web Developer 生成了 Web 工程并在 Rational Web Developer 工作台的 Project Explorer 中自动显示出 Dynamic Web Project 部分，如图 16 所示。

图 16： 在创建 Web 工程之后的工作台

（单击此处放大）

Web 工程的结构如图 17 所示。Project Explorer 视图中显示的 SimpleApp 分为以下这些部分：

• Web Site Navigation —— 可以通过 Web Site Designer 编辑器编辑来生成 Web 站点导航结构的 XML 文件
• Web Diagram —— 可以通过 Web Diagram 编辑器编辑来可视化 Web 应用程序的应用程序流的 XML 文件，通常用于 Struts 应用程序
• Deployment Descriptor —— 可以通过 Deployment Descriptor 编辑器编辑来配置 Web 应用程序（例如 servlet、Resource 参考等等）的 XML 文件
• Java Resources —— 包含子文件夹和 Java 文件的文件夹
• Web Content —— 包含，例如 HTML 及 JSP 文件、Web Deployment Descriptor （web.xml）、图像、风格页、库和更多的内容的文件夹。

图 17：Project Explorer 视图中新生成的工程框架

回页首

创建简单的 servlet

一旦创建了动态 Web 工程，您就可以继续向工程中添加简单的 Java servlet，然后就了解到如何运行并调试您的简单 Web 应用程序。

存在许多新建 servlet 的方法。例如，您可以通过单击菜单栏中的 File > New 或选择 Project Explorer 视图中的 Deployment Descriptor，然后单击弹出菜单中的 New > Servlet 来创建 servlet。

当新建完 servlet 以后，图 18 中所示的对话框将出现。在第一个对话框中输入名字及任意的 servlet 描述。在第二个对话框中输入类名——这里使用 TestServlet —— 及 Java 包 —— 这里使用 com.ibm.sample。

单击 Next 转入第三个对话框，保留默认值，并单击 Finish 创建 servlet。

图 18： 新建 servlet 的对话框次序

Servlet 已经生成，并显示在 Web 透视图中的 Project Explorer 中。在 Deployment Descriptor 下出现 servlet 的主要信息，实际的 servlet 存储于 JavaSource 文件夹中，此处在 com.ibm.sample 包中（如图 19 所示）。

图 19：带有 servlet 的 Project Explorer 视图

一旦创建了 servlet，您就可以通过双击文件 TestServlet.java，在 Java 编辑器中打开 servlet。

您可以找到含有 doGet(...) 和 doPost(...) 方法的标准 servlet 代码框架。修改该 servlet，使您可以将简单的数学运算的结果显示在 Web 浏览器窗口中。下面是示例 servlet 的代码（注释已删除掉）

package com.ibm.sample;

				

import java.io.IOException;

				

import javax.servlet.Servlet;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

				

public class TestServlet extends HttpServlet implements Servlet {

				

     public TestServlet() {

          super();

     }

				

     protected void doGet(HttpServletRequest request,

       HttpServletResponse response) throws ServletException, IOException {

          doPerform(request, response);

     }

				

     protected void doPost(HttpServletRequest request,

       HttpServletResponse response) throws ServletException, IOException {

          doPerform(request, response);

     }

				

     private void 

doPerform(HttpServletRequest request,

       HttpServletResponse response) throws ServletException, IOException {

				

          int numA = 12;

          int numB = 42;

          int result = numA * numB;

				

     response.getWriter().write("<HTML>");

     response.getWriter().write("<BODY>");

     response.getWriter().write("<H1>Test Servlet</H1>");

     response.getWriter().write("<P>Just a simple math calculation performed by 

          a simple servlet...</P>");

     response.getWriter().write("<P>");

     response.getWriter().write("<B>" + numA + " * " + numB + " = " + result + 
               "</B>");

     response.getWriter().write("</P>");

     response.getWriter().write("</BODY>");

     response.getWriter().write("</HTML>");

     }

}

在书写并保存完 servlet 之后，您可以调试并运行这个简单的 Web 应用程序了。

回页首

运行及调试应用程序

现在您已经创建了一个包含简单 servlet 的简单 Web 应用程序。下一步您要对该 servlet 进行调试并在 Web 浏览器中观察输出。

要进行调试，需在调试模式下，在集成的 WebSphere Application Server V6.0 中启动 Servlet。在 Project Explorer 视图中的 TestServlet.java 文件上打开弹出菜单，并选择Debug > 1. Debug on Server ，如图 20 所示。

图 20： 调试 servlet

选择该选项后将弹出 Server Selection 对话框，如图 21 所示，在该对话框中您可以选择现有服务器或新建服务器实例。在安装带有 WebSphere Application Server 6.0 的 Rational Web Developer 时，会生成一个 WebSphere Application Server 6.0 实例。

因此，您可以单击 Choose an existing server 并选择 WebSphere Application Server v6.0。如果（出于一些原因）列表中没有已存在的服务器，那么可以单击 Manually define a server 并选择 WebSphere v6.0 Server。

单击 Next 转入第二个对话框。

图 21： 在 Server Selection 对话框中定义新的服务器

Sever Selection —— Add and Remove Project 对话框罗列出所有可以运行在已选服务器上的工程。左边的列表中显示出可用的工程，右边列表中显示为该服务器实例配置的工程。因为您已经从 SimpleApp Web 工程中选择了 TestServlet，所以对应的 —— SimpleAppEAR —— 就出现在右边列表中。

单击 Finish 按钮启动带有 SimpleApp 工程的服务器。

图 22： Server Selection 对话框 —— Add and Remove Projects

启动内部的 Web Browser 并响应 servlet 的显示需要花一些时间（参见图 23）。您可以在浏览器的地址栏中看到测试 servlet 的 URL： http://localhost:9080/SimpleApp/TestServlet

图 23：在 Web 浏览器中运行的测试 servlet

现在是时候对 servlet 进行调试并更改值以观察 servlet 如何运行。要调试代码必须先设置断点。断点可以使程序执行的线程悬挂在断点设置的位置。

可以通过 Breakpoints 视图中断点的弹出菜单启用或禁用断点。图 24 显示出如何在 servlet 的第 47 行（声明了变量 numB ）加入断点。

在编辑区域，打开要加入断点的文件。在要加断点的行的最左边打开标记栏（垂直标尺）弹出菜单并单击 Toggle Breakpoint。您还可以双击源代码行旁边的标记栏。新的断点标记出现在所设断点行左边的标记栏上。同时新的断点出现在 BreakPoints 视图列表中。

图 24： 向 servlet 中加入断点

在 Java 代码中加入断点之后，您可以打开外部的 Web Browser 并输入测试 servlet 的 URL：http://localhost:9080/SimpleApp/TestServlet

出现下面 Raitonal Web Developer 中的对话框，如图 25 所显示。

图 25： Confirm Perspective Switch 对话框

Rational Web Developer 使您切换到调试透视图。单击 Yes 进行确认，Debug perspective 会打开并停在 servlet 中设置断点的行。

图 26 中显示出调试顺序。为了对变量 numA 设置新值，在透视图右上角的 Variables 视图中双击变量。在接下来的对话框中输入（例如）数值， 50 并单击 OK 确认对话框。

Variables 视图采用了新值，并且您可以使用 Debug 视图（Debug 透视图的左上角）中的操作按钮，通过 单步执行代码或重新开始。

在重新开始时，servlet 响应出现在 Web Browser 中。注意到简单的数学运算已经按照改变的变量 numA 来执行。

图 26： Servlet 调试情景

（单击此处放大）

另外，您可以通过调用 URL（假定使用同样的端口信息）：http://localhost:9060/ibm/console/ 在 Web Browser（图 27）中打开 WebSphere Application Server 6.0 的管理控制台。

图 27： WebSphere Application Server 6 Admin console

（点击此处放大）

您可以直接在 WebSphere Admin console 中改变具体的配置参数。

回页首

结束语

Rational Web Developer 建立在 Eclipse 开源平台上，您可以通过来源于 IBM、IBM 商业伙伴和Eclipse 专区的 Eclipse 插件适应并扩充开发环境，满足您具体的需求。

本教程提供了对 Rational Web Developer 的简要概述，指导您新建 J2EE Web 应用程序工程并在 WebSphere Application Server V6.0 中进行调试。

回页首

参考资料

• 您可以参阅本文在 developerWorks 全球站点上的 英文原文。

• 网上的 Rational 软件：http://www.ibm.com/software/rational/

• 要了解完全的 IBM Rational Web Developer 特性和益处（与 IBM Rational Application Developer 相比）请参考 Web 站点：http://www-306.ibm.com/software/awdtools/developer/web/features/index.html

• Eclipse 专区的所有详细资料，包括介绍了 Eclipse 平台设计的白皮书，可以在 http://www.eclipse.org 得到。

• 教程“Developing and Testing a Complete "Hello World" J2EE Application with WebSphere Studio Application Developer Version 5.0”（Elson Yuen， Sheldon Wosnick，IBM WebSphere Developer Technical Journal，2003 年 6 月） http://www.ibm.com/developerworks/websphere/techjournal/0306_wosnick/wosnick.html

• 教程“Build secure Web services with WebSphere Studio”（Indran Naick， Jeffrey Miller，2004 年 7 月） http://www.ibm.com/developerworks/edu/i-dw-wes-buildsecws-i.html

• 教程“The top 10 (more or less) J2EE best practices”（Kyle Brown，Keys Botzum，Ruth Willenborg，IBM WebSphere Developer Technical Journal，2004 年 5 月）http://www.ibm.com/developerworks/websphere/techjournal/0405_brown/0405_brown.html

• IBM 红皮书“WebSphere Studio Application Developer Version 5 Programming Guide”（Ueli Wahli，Maik Schumacher，Ian Brown，Fabio Ferraz，Henrik Sjostrand，2003 年 7 月）http://publib-b.boulder.ibm.com/abstracts/sg246957.html

• 关于 Rational Software Development Platform 的更多信息可以在：http://www-306.ibm.com/software/info/developer/index.jsp 找到

关于作者

		Maik Schumacher 是德国科隆 IBM Software Services for Lotus 的一个 IT 专家。他已经在 IBM 工作了三年，主要研究与 J2EE 相关的项目及 WebSphere Portal 解决方案。Maik 获得了德国多特蒙德应用科学大学的计算机科学与商业学位，并且他是 Lotus 认证的 Lotus Domino 的主要专业人员和 IBM 认证的 WebSphere Studio 5 和 WebSphere Portal 5 的解决方案开发人员。

对本文的评价

太差！ (1) 需提高 (2) 一般；尚可 (3) 好文章 (4) 真棒！(5) 建议？

回页首