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 组件:数据网格、树形视图、图和 Web Service。Faces Client 组件是使用 JavaScript 和 HTML 来构建的;“图”和 Web Service 组件还会使用 Macromedia Flash。这些组件可以相互进行交互,因此,可以将几个组件放在同一个页面上并定义允许组件交互的事件。例如,帐户列表可以显示在链接至数据网格的树中。当用户使该树中的某个帐户突出显示时,数据网格将显示该帐户的交易。当用户选择另一帐户时,数据网格将显示与所选帐户的一组交易,而无需返回至服务器或重新装入该页面。
下图显示了“选用板”视图并展开了 Faces Client 组件抽屉,以显示可以很容易拖动到正在编辑的 JSP 页面上的组件。
下表说明使用 Faces Client 组件抽屉中提供的组件可以执行的操作。
Faces Client 组件 | 描述 |
---|---|
数据网格 | 用于显示关系数据库中的多个记录或 JavaBean 数组中的多项的表。它包括下列功能:
|
图 | 以条形图、饼图或折线图来表示数据。 注意:必须在浏览器中安装 Macromedia Flash 7 或更高版本。 |
树形视图 | 创建树结构以显示分层数据。 |
Web Service | 从现有 Web Service 检索数据而不必刷新该页面。 注意:必须在浏览器中安装 Macromedia Flash 7 或更高版本。 |
通常,开始在应用程序中使用 Faces Client 组件之前,需要做一些准备工作。
现在,可以使用“选用板”视图上的抽屉中的 Faces Client 组件了。将组件拖动到“设计”视图上以将组件添加至页面。
现在,您可以开始进行练习 1.2:逐步完成样本应用程序了。