工具向导:使用 JSF 和 SDO 构建 Web 用户界面
该工具向导描述使用 RAD 6.0 建模环境构造 JavaServer Faces(JSF)Web 页面的总体方法,该页面通过使用服务器数据对象(SDO)来访问后端数据。
工具:Rational Application Developer
关系
相关元素
主要描述

概述

本工具向导假设,已经为应用程序创建了动态 Web 项目,并且所有必需的 SDO 组件已经开发并包括在项目中。在本工具向导中执行以下步骤:

还在以下位置提供了附加资源的参考:

创建 Faces JSP 文件

在应用程序的 Web 项目的 WebContent 文件夹中创建一个新的 Faces JSP 文件:

  1. 启动新建 Faces JSP 文件向导。
  2. 选择期望的页面模型(基本模型带有客户端数据高速缓存的基本模型)。
  3. (可选)指定页面模板、标记库和级联样式表选项。
  4. 单击“完成”,在“页面设计器”中打开新页面。

通过可视方式编写页面布局

“页面设计器”包括调色板视图,其中有包含很多预定义用户界面(UI)组件的不同抽取器。

  1. 将 JSF 组件从 Faces 组件Faces 客户端组件(仅对具有客户端数据高速缓存的 Faces JSP 可用)抽取器中拖动到页面上。
  2. 将 SDO 组件从数据抽取器中拖动到页面上。相应的数据组件引用向导打开,允许您指定它的源和初始配置属性。
  3. 如需要,将其他 UI 组件从“调色板”中拖动到页面。

配置组件参数和属性

页面上的 UI 组件通过专门的视图(例如,属性页面数据客户端数据视图)来配置,或者通过将它们放到页面时弹出的向导来配置。

  1. 配置 JSF 组件。使用属性视图,您可以:

    a. 定制组件的外观。
    b. 将组件值和页面数据客户端数据视图中定义的数据绑定。
    c. 基于从 Java 片断返回的别名,为控制组件(例如命令按钮)指定导航规则。

  2. 配置 SDO 组件。

    a. 当放到页面时,弹出向导允许您指定 SDO 的数据源(例如,JavaBean 类名或数据库名和表名)
    b. 对于关系数据 SDO,向导也允许您配置高级选项,例如自动生成关键字和设置并发控制。
    c. 属性视图可以用来定制 SDO 的数据格式和页面调度选项(如果适用)。

  3. 配置其他 UI 组件。使用属性视图来查看和定制组件的可用选项。

添加事件处理和验证逻辑

对于 JSF 组件,快速编辑视图可以用来添加用于事件处理和验证逻辑的 Java 片断。

  1. 在组件的属性视图中,指定简单的验证规则(例如,“值”为必需项)。
  2. 使用快速编辑视图添加定制代码验证。
  3. 使用快速编辑视图定制组件的事件处理代码(例如,返回一个“别名”值来控制导航)。

测试页面

从“页面设计器”的菜单栏中选择运行方式 > 在服务器上运行来测试页面。请注意,您必须选择 WebSphere v5.1 或更新的服务器作为您的目标测试环境,才能支持您 Web 页面中的 SDO。服务器启动以后,页面在浏览器视图中打开并准备接受测试。

更多信息 

  1. 启动 Rational Application Developer V6.0。
  2. 在菜单栏中选择帮助 > 教程库
  3. 浏览下列一个或多个部分:边看边学边玩边学以及边做边学