练习 6:创建 Web 页面

在此练习中,将创建 JSP 文件格式的 Web 页面。在下一个练习中,将使用在前一个练习中创建的数据部件将数据添加至此页面。完成之后,此页面将显示数据库中每条记录的列表。

从模板创建 JSP 文件

  1. 在“项目资源管理器”视图中,单击 EGLWeb 项目中的 WebContent 文件夹。
  2. 单击文件 > 新建 > Faces JSP 文件。将打开“新建 Faces JSP 文件”向导。
  3. 文件名字段中,输入此文件名:

    allcustomers

  4. 选择从页面模板创建复选框。
  5. 单击下一步
  6. 单击样本页面模板单选按钮。
  7. 缩略图框中,单击 A_gray.htpl 模板。

    “新建 Faces JSP 文件”窗口看起来应如下所示:

    “新建 Faces JSP 文件”屏幕

  8. 单击完成。新的 JSP 文件将在编辑器中打开。
  9. 在新的 allcustomers.jsp 文件中,除去缺省文本 Place your page content here
  10. 在缺省文本的地方,输入以下文本:

    List of All Customers

  11. Enter 键三次以插入空白行。这些行保留了一些空间,供您在下一个练习中将一些内容添加至此页面。

    该页面看起来应如下所示:

    页面的外观

  12. 保存该文件。

在服务器上预览 Web 页面

该 Web 页面上尚没有来自数据库的数据,但是您可以在 Web 应用程序服务器上运行该 JSP 文件,并查看此页面目前的外观。

  1. 在“项目资源管理器”视图中,右键单击 allcustomers.jsp 文件。此文件位于 EGLWeb 项目的 WebContent 文件夹中。
  2. 从弹出菜单中,单击运行 > 在服务器上运行。将打开“选择服务器”窗口。
  3. 单击选择现有服务器
  4. 选择想要使用的服务器下面,单击 WebSphere Application Server V6.0
  5. 选择将服务器设置为项目缺省值(不提示)复选框。
  6. 单击完成

    Web 页面将在工作台内部的 Web 浏览器中打开。如果您更希望使用外部 Web 浏览器,则可以从工作台内部的 Web 浏览器中复制 URL 并将其粘贴至外部浏览器的地址栏中。

现在,您可以开始进行练习 7:将数据添加至页面了。

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.