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

- 单击完成。新的 JSP 文件将在编辑器中打开。
- 在新的 allcustomers.jsp 文件中,除去缺省文本 Place your page content here。
- 在缺省文本的地方,输入以下文本:
List of All Customers
- 按 Enter 键三次以插入空白行。这些行保留了一些空间,供您在下一个练习中将一些内容添加至此页面。
该页面看起来应如下所示:

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