练习 1.1:了解 Faces Client

Faces 组件是基于 JavaServer Faces 技术的。JavaServer Faces 技术的一个主要优点是:用户界面的显示与底层程序逻辑无关。您能够以可视方式创建应用程序,该应用程序可以动态地访问数据,并且在浏览器或手持设备上也能正常运行。更多地了解 JavaServer Faces

Faces Client 组件用来补充 Faces 组件。专门构建它们以解决在浏览器端显示客户机数据。借助 Faces Client 组件,可以通过将用户界面组件拖动至页面来快速创建动态 Web 页面。在大多数由数据驱动的 Web 页面上,数据被合并到 HTML 控件中。当用户想要查看页面上未显示的数据时,浏览器会向服务器发送请求。服务器检索该数据,将它与 HTML 合并,并向浏览器发送新页面。而借助 Faces Client Web 页面,数据是与控件分开维护的。数据是在控件可绑定至的正式模型中组织的,并且将作为 JavaScript 对象存储在每个 Web 页面的顶部。此设计允许几个控件绑定至同一数据。用户可查看此数据的不同部分(例如,不同帐户)而无需往返于服务器。

Faces Client 的优点

Faces Client 的一些优点包括:

Faces Client 组件

有四个 Faces Client 组件:数据网格、树形视图、图和 Web Service。Faces Client 组件是使用 JavaScript 和 HTML 来构建的;“图”和 Web Service 组件还会使用 Macromedia Flash。这些组件可以相互进行交互,因此,可以将几个组件放在同一个页面上并定义允许组件交互的事件。例如,帐户列表可以显示在链接至数据网格的树中。当用户使该树中的某个帐户突出显示时,数据网格将显示该帐户的交易。当用户选择另一帐户时,数据网格将显示与所选帐户的一组交易,而无需返回至服务器或重新装入该页面。

下图显示了“选用板”视图并展开了 Faces Client 组件抽屉,以显示可以很容易拖动到正在编辑的 JSP 页面上的组件。


“选用板”视图中的 Face Client 抽屉

下表说明使用 Faces Client 组件抽屉中提供的组件可以执行的操作。

Faces Client 组件 描述
数据网格 用于显示关系数据库中的多个记录或 JavaBean 数组中的多项的表。它包括下列功能:
  • 通过单击列标题按列对数据网格进行排序(升序或降序)。
  • 插入分页控件,例如,显示下一页、上一页、第一页或最后一页。
  • 使整个数据网格或特定列可编辑。
  • 包括用于将新行添加至表或删除现有行的控件。
  • 过滤数据网格中显示的数据。
以条形图、饼图或折线图来表示数据。
注意:必须在浏览器中安装 Macromedia Flash 7 或更高版本。
树形视图 创建树结构以显示分层数据。
Web Service 从现有 Web Service 检索数据而不必刷新该页面。
注意:必须在浏览器中安装 Macromedia Flash 7 或更高版本。

使用 Faces Client 组件

通常,开始在应用程序中使用 Faces Client 组件之前,需要做一些准备工作。

  1. 创建客户机数据。所有 Faces Client 组件都需要客户机数据。可以从下列对象创建客户机数据:JavaBeans、关系记录列表、关系记录和 EGL 记录。“关系记录列表”和“关系记录”都是作为 Faces 组件提供的,并且它们都基于“服务数据对象”(SDO)机制。更多地了解 SDO。要创建客户机数据,首先在“页数据”视图中创建数据组件。然后使用“客户机数据”视图中的“新建”>“客户机数据”菜单。不能将“数据”选用板中的数据组件放到 Faces Client 组件上。
  2. 在 Web 透视图中创建动态 Web 项目
  3. 创建 Faces JSP 文件。务必选择基本,带有客户机端数据高速缓存作为 Faces JSP 文件的模型。

现在,可以使用“选用板”视图上的抽屉中的 Faces Client 组件了。将组件拖动到“设计”视图上以将组件添加至页面。

现在,您可以开始进行练习 1.2:逐步完成样本应用程序了。

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.