使用 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 用户界面设计人员

系统需求

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

IBM® WebSphere® Application Server V6.0、V6.1 和 V7.0

要完成本教程，必须安装 SDO 工具。要安装 SDO 工具，请在 Installation Manager 中单击修改。在“功能部件”列表中，单击 IBM Rational Application Developer for WebSphere Software 7.5.0 > Web 开发工具。选择 SDO - Domino 和 JDBC 介体，然后单击修改。

先决条件

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

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

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

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

期望的结果

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