练习 6:创建 Web 页面
在此练习中,将创建 JSP 文件格式的 Web 页面。在下一个练习中,将使用在前面练习中创建的数据部件将数据添加至此页面。完成之后,此页面将显示数据库中每条记录的列表。
从模板创建 JSP 文件
- 在“项目资源管理器”视图中,单击 EGLWeb 项目中的 WebContent 文件夹。
- 单击文件 > 新建 > Faces JSP 文件。“新建 Faces JSP 文件”向导打开。
- 在文件名字段中,输入此文件名:
allcustomers
- 选择从页面模板创建复选框。
-
单击下一步。
- 单击样本页面模板单选按钮。
- 从缩略图框中,单击 A_gray.htpl 模板。
“新建 Faces JSP 文件”窗口看起来应如下所示:

- 单击完成。新建 JSP 文件将在编辑器中打开。
- 在新建 allcustomers.jsp 文件中,除去缺省文本“将您的网页内容放在这儿。”
- 在缺省文本的地方,输入以下文本:
所有客户列表
- 按 Enter 键三次以插入空白行。
该页面看起来应如下所示:

- 保存文件。
预览服务器上的 Web 页面
该 Web 页面上尚没有来自数据库的数据,但是您可以在 Web 应用程序服务器上运行 JSP 文件,并查看此页面目前的外观。
- 在“项目资源管理器”视图中,右键单击 allcustomers.jsp 文件。此文件位于 EGLWeb 项目的 WebContent 文件夹中。
- 从弹出菜单中,单击运行 > 在服务器上运行。将打开“选择服务器”窗口。
- 单击选择现有服务器。
- 在选择想要使用的服务器下,单击 WebSphere Application Server V6.0。
- 选择将服务器设置为项目缺省值(不提示)复选框。
- 单击完成。
Web 页面将在工作台内部的 Web 浏览器中打开。如果您更希望使用外部的 Web 浏览器,则可以从工作台内部的 Web 浏览器中复制 URL 并将其粘贴至外部浏览器的 URL 栏中。
现在,您可以开始练习 7:将数据添加至页面。