使用 JavaServer Faces 在 Web 页面上显示动态信息

本教程将介绍如何设计一个动态 Web 站点，其功能相当于报纸的分类信息广告部分。该 Web 站点是一个完整的 J2EE Web 应用程序，它使用了一些 JavaServer Faces（JSF）组件和“服务数据对象”（SDO）。此应用程序使用 JSF 技术来创建动态 Web 页面，这些 Web 页面链接至一个用来存储分类信息广告数据的数据库。通过将 JSF 组件拖动到 Web 页面上，可以创建称为 CRUD 应用程序的 JSF Web 应用程序。之所以将它称为 CRUD 应用程序，是因为它可以在数据库中创建记录，还可以读取、更新和删除数据库中的记录。Web 站点的用户可以使用这些功能来管理数据库中的分类信息广告。

此教程可能需要一些可选可安装组件。要确保已安装相应的可选组件，请参阅“系统要求”列表。

完成本教程之后，使用此站点的用户不仅能够查看待售商品，而且可以添加新商品、更改有关商品的详细信息（例如，价格或者对商品的描述）或者搜索特定商品。虽然本教程中描述的是一个简单设计的站点，但是它使用的原理和技术同样适用于更复杂的大型 Web 站点。

学习目标

本教程分为两个模块，每个模块都有它自己的学习目标。您可以选择完成其中一个模块，也可以完成这两个模块。在每个模块中，必须完成其中的练习才能使 Web 站点正常工作。

模块 1：创建具有数据连接的 Web 页面

此模块将介绍如何与数据库建立连接并在 Web 页面上显示来自该数据库的信息。在本模块中，您将完成下列任务：

将 Web 页面连接至数据库。
创建一些页面，可以通过它们显示、创建、编辑和删除数据库中的记录。
将数据从一个页面发送到另一个页面。

模块 2：添加高级功能

此模块将介绍一些功能更强大的方法来使用数据库中的数据。在本模块中，您将完成下列任务：

格式化 Web 页面上的数据库记录
添加一个组件，它允许您将文件从 Web 页面上载到数据库中
从一个页面自动浏览至另一个页面
自动执行某些数据库管理任务

当一切准备工作就绪之后，就可以开始学习“模块 1：创建具有数据连接的 Web 页面”。

需要时间

所需总时间：3 小时 30 分钟

模块 1：2 小时

模块 2：1 小时 30 分钟

熟练程度

中级。

用户

Web 应用程序开发者和 Web 用户界面设计人员

系统需求

要完成本教程，必须首先安装并配置运行时服务器。已经使用下列服务器测试了本教程：

WebSphere^® Application Server 6.1

有关在 WebSphere Application Server 之外的服务器上部署 SDO 的信息，请参阅帮助主题：在非 WAS 服务器上部署 SDO。

本教程可能需要在安装产品期间尚未启动的一些能力。如果找不到本教程中所描述的用户界面选项，那么应确保启用了适当的功能（窗口 > 首选项 > 能力）。为了完成本教程，您将需要具备下列能力：

Java™ 开发者
Web 开发者（典型）
XML 开发者
数据库开发者
企业 Java 开发者
数据

要使用此教程，必须安装并配置了应用程序服务器。要验证是否提供了服务器运行时环境，请单击窗口 > 首选项，展开服务器，然后单击已安装的运行时。可以使用此窗格来添加、除去或编辑已安装的服务器运行时定义。还可以下载并安装对新服务器的支持。

先决条件

要完成本教程，您应该熟悉下列内容：

基本的 Web 设计概念，例如，Web 站点、Web 页面、浏览器和服务器。
如何创建简单的静态 Web 页面。
Web 页面的元素，例如，表、超链接、表单和图像。
数据库术语，例如，表、记录、列和字段。

了解下列内容也会有所帮助：

如何使用工作台的透视图和视图。
如何编辑 Web 页面的 HTML 代码。

期望的结果

一旦完成了该 Web 应用程序，其主页将类似于下图。通过站点模板对 Web 页面添加的 Web 站点导航将链接至一些页面，这些页面允许您创建新的广告或者查看所有广告。通过对下面所显示的表中的行执行操作将显示一个更新页面，可以在此页面中更改特定广告的相关信息。