< 上一课 | 下一课 >

课程 1.2：连接至数据库和在 Web 页面上显示数据

在本课程中，将学习如何连接至数据库和在 Web 页面上显示数据记录。还将学习如何将关系记录列表添加至 Web 页面。

在本教程中，Web 站点将动态 Web 页面与 JavaServer Faces 组件配合使用，以访问数据库和在 Web 页面上显示信息。本教程使用关系记录和关系记录列表来表示数据库中的数据，以便可采用数据表或普通 HTML 表的形式将这些数据显示在页面上。这些组件将使用 Java™ 访问 bean。

更多地了解数据访问 bean

数据访问 bean 是企业 bean 的 Java bean 表示。它们通常用于那些采用 JavaServer Pages（JSP）文件、servlet 或与其他企业 bean 交互的企业 bean 的客户机程序中。访问 bean 可以使您不必考虑管理企业 bean 生命周期的复杂性。这意味着可以像对 Java bean 进行编程一样很容易地对企业 bean 进行编程，可以简化企业 bean 客户机程序并且缩短总的开发时间。

更多地了解 JavaServer Faces 和 Faces 组件

JavaServer Faces 是一项技术，可帮助您为在服务器上运行的动态 Web 应用程序构建用户界面。JavaServer Faces 框架跨服务器请求管理用户界面状态，并为开发由客户机激活的服务器端事件提供了一个简单模型。JavaServer Faces 基于“模型－视图－控制器”（MVC）框架。对于 JavaServer Faces，这意味着控制器是 servlet，模型由 JavaBeans™ 表示，而视图由带很少或不带应用程序代码的 JavaServer Faces 组件组成。此模型的目标是将内容与表示形式分开。

诸如 Faces 组件之类的工具帮助您在 Web 应用程序中使用此技术。Faces 组件包括一个 JavaServer Pages（JSP）定制标记库，以便在页面中表示 JavaServer Faces 界面。此向导帮助您创建可使用 Faces 组件的 JSP 文件。Faces 组件允许您通过将组件从“选用板”视图中的 Faces 抽屉拖放到创建的 Web 页面上来开发 Web 应用程序。

例如，可以将输入文本字段拖放到页面上的表单中。然后，可以将“提交”按钮拖放到该输入文本字段旁边。最后，可以将该输入文本字段连接至数据源。这将使最终用户能够将 Web 应用程序中的数据输入到数据源中。

使用 Faces 组件构建的应用程序的另一个优点是：用户界面的呈示与底层程序逻辑无关。这意味着应用程序可以在不同平台（例如，浏览器或手持设备）上运行和访问数据。
“选用板”的“增强型 Faces 组件”抽屉。

添加关系记录列表

在本课程中，将创建一个关系记录列表来表示数据库中的所有分类信息广告。然后，将连接至数据库，并在关系记录列表中选择用来保存所需信息的表。最后，将在页面上的数据表中显示此关系记录列表。
  • 关系记录只连接至数据库中的一条记录。在此情况下，关系记录表示样本数据库中的单条分类信息广告。通过使用关系记录，可以创建新记录、编辑现有记录或删除旧记录。
  • 关系记录列表连接至数据库中的多条记录。在此情况下，关系记录列表表示样本数据库中的多条分类信息广告。
  • 数据表将关系记录列表中的数据显示在页面上。数据表仅为记录列表指定一个位置，它们不会像 HTML 表那样将数据格式化成若干行和列。
    更多地了解数据表

    数据表是 Faces JSP 页面中的一个组件，用来保存诸如关系记录列表之类的数据对象。虽然数据表看起来与 HTML 表一样具有若干行和列，但是它的工作方式与 HTML 表并不相同。如果希望像在表中那样格式化输入和输出控件，那么必须使用“选用板”中的“增强型 Faces 组件”抽屉内的“面板 － 组框”。在“练习 2.2：格式化数据表”中对此进行了描述。

    通过使用“属性”视图，可以利用各种方法来定制数据表：
    • 添加、除去和更改列的顺序
    • 格式化文本和背景
    • 添加页眉、页脚和页边距
    • 对结果显示添加分页

要创建新的关系记录列表，请完成下列步骤：

  1. 在 Web 透视图的“企业资源管理器”视图中，展开 ClassifiedsTutorial > WebContent。
  2. 在 WebContent 文件夹中双击 all_records.jsp。all_records.jsp 文件在编辑器中打开。
  3. 删除缺省文本在此处插入内容。
  4. 在“选用板”视图中，展开数据和服务抽屉。
  5. 将 SDO 关系记录列表组件从“选用板”拖放到空白内容区域上。“添加关系记录列表”窗口打开。
  6. 在“名称”字段中，输入 all_recordlist。 关系记录列表和关系记录的名称必须符合变量名的 Java 标准命名约定。例如，这些名称不能包含任何空格。
  7. 确保选择了添加数据控件。 如果选择了添加数据控件，向导就会创建数据表以在页面上显示记录列表。否则，向导将只创建记录列表而不创建该数据在页面上的表示。现在，向导将创建缺省数据表，稍后您将定制该数据表。“添加关系记录列表”窗口应该类似于下图：
    “添加关系记录列表”窗口。

    单击下一步。

  8. 在向导的下一页面上的名称字段中，单击新建以创建新的数据库连接。 概要文件浏览对话框打开。
  9. 在“概要文件浏览”对话框中，单击新建。 新建连接概要文件对话框打开。
  10. 在连接概要文件类型列表中，选择 Derby，然后单击下一步。 创建连接概要文件对话框打开。
  11. 在“名称”字段中，输入 DerbyDB，选择启动时自动连接，然后单击下一步。
  12. 在“驱动程序”字段中，选择 Derby 10.2 － 缺省嵌入式 JDBC 驱动程序。
  13. 在“数据库位置”字段中，单击浏览并选择 <workspace_location>\ClassifiedsTutorial\WebContent\database，其中 <workspace_location> 是当前工作空间的目录。单击完成。
  14. 在“概要文件浏览”对话框中，单击 DerbyDB，然后单击确定。您返回到添加关系记录列表向导。
  15. 单击配置项目的数据库连接。“JDBC 连接属性”窗口打开。
  16. 单击“运行时连接详细信息”部分旁边的编辑。选择使用驱动程序管理器连接作为运行时连接类型。单击完成，然后单击确定以返回到“添加关系记录列表”对话框。 既然您已经创建与 Derby 数据库的连接，就需要选择表或要表示的记录列表。“添加关系记录列表”向导显示数据库中的表。
  17. 展开 W5SAMPLE 并选择 ADS。单击下一步。该向导中的其余页面使您能够从记录列表中排除列并执行高级选项，例如，定义主键、添加与其他表的关系以及指定过滤和排序条件。您将在后面的练习中更多地了解这些页面。
    “添加关系记录列表”对话框。
  18. 在该对话框的添加关系记录页面中，您将指定要包含在关系记录列表中的列。单击下一步。
  19. 在本教程中，只需要显示每个分类信息广告的标题、描述、类别、价格和电话号码。缺省情况下，所有列都被选中。请单击以取消选中除要显示的以下各列之外的所有列：
    • MAINCATEGORY: String
    • TITLE: String
    • DESCRIPTION: String
    • PRICE: BigDecimal
    • PHONE: String
  20. 可以进一步优化 Web 页面上显示的数据表的组织形式。要重新对这些列进行排序，请选择一列并单击向上箭头和向下箭头，直到该列在目标位置中为止。
    按照以下顺序对这些列进行排列：
    • TITLE
    • DESCRIPTION
    • MAINCATEGORY
    • PRICE
    • PHONE
    单击完成。
    您的 Web 页面现在类似于下图：
    该页面的当前外观。
  21. 保存该页面。
在下一课程中，您将看到此页面在实际 Web 服务器上的外观。有许多用于格式化数据表和 JavaServer Faces 组件的选项。其中某些选项包含在下一个模块中。您自己也可以研究页面上的各种 JavaServer Faces 组件（例如，数据表和各个输出组件）的“属性”视图。

课程复习要点

您已经完成了课程 1.2。在本课程中，您学习了如何连接至数据库以及在 Web 页面上使用关系记录列表来显示数据记录。
< 上一课 | 下一课 >
反馈