JSF标签（ACCP工程师）.pptVIP

第八章 JSF 标签 回顾 导航规则定义了如何在应用程序中从特定页面导航至另一个页面 静态导航是单一的结果映射。在静态导航中，单击指定按钮总是选择固定的页面来呈现响应 navigation-rule元素最重要的两个子元素是from-view-id和navigation-case。navigation-case元素最重要的两个子元素是from-outcome和to-view-id 动态导航是多个结果映射 要实现动态导航，按钮或链接必须有一个方法引用，以用于调用相应的方法，导航处理器根据方法返回的字符串来匹配导航规则 目标 熟悉HTML 标签库 熟悉核心标签库 在应用程序中使用标签库 熟练使用数据表格标签 JSF 标签库 Taglib 指令 JSF 核心标签 标准的转换器和验证器 编写一个填写付款信息的页面，付款信息包括付款金额、信用卡号、信用卡有效期，要求对输入的数据进行特定的转换和验证 示例代码 JSF HTML 标签 表单 h:form标签产生HTML form元素 如果在名为/index.jsp的JSF页面中使用了无属性的h:form标签，则Form呈现器将产生如下的HTML代码： form id=_id0 method=post action=/converter/index.faces enctype=application/x-www-form-urlencoded 可以为h:form指定style或styleClass属性 建议为表单元素明确指定id属性 文本输入 h:inputText h:inputSecret h:inputTextarea 命令 h:commandButton h:commandLink h:outputLink 选择 h:selectBooleanCheckbox h:selectManyCheckbox h:selectOneRadio h:selectOneListbox h:selectManyListbox h:selectOneMenu h:selectManyMenu 选择标签使用示例 数据表格标签 UIData 组件表示 h:dataTable 标签，它支持将数据绑定到数据对象集合，遍历数据源中的每个记录 表内的数据列由 UIColumn 组件表示，即h:column标签 数据表格使用示例1 在网页中输出一个简单的表格，显示一个职员的姓名和职位 示例代码 数据表格使用示例2 练习如何从数据库中提取数据，然后将查询结果显示在数据表格中。要求为数据表格设置样式 样式表 受管理Bean 该后台Bean负责同数据库建立连接，并查询数据 视图页 总结 2-1 JSF 提供两种标签库，即 HTML 标签库和核心标签库 必须使用 taglib 指令可将 JSF 标签库导入应用程序中，才能在JSP页面中使用这两种标签库 JSF核心标签库中共有18个标签。多数核心标签表示添加到组件的对象，包括属性、监听器、转换器、验证器等 JSF 标准 HTML 标签库中的标签表示了 HTML 表单控件和其他基本 HTML 元素 总结 2-2 JSF 标准 HTML 标签库可以分为下列类：表单、输入、输出、命令、选择、布局、数据表格、消息 除了h:selectBooleanCheckbox以外，所有选择标签都使用多个f:selectItem标签或一个f:selectItems标签来指定它们的项目 h:dataTable 标签支持将数据绑定到数据对象集合 数据表格中可以放置任何JSF组件 ACCP V4.0 ACCP V4.0 JSF 核心标签库 JSF HTML 标签库 %@ taglib uri=/jsf/core prefix=f % %@ taglib uri=/jsf/html prefix=h % 使用 JSF 标签 %@ taglib uri=/jsf/core prefix=f % %@ taglib uri=/jsf/html prefix=h % f:view h:form ... /h:form /f:view 注册数量转换器 convertNumber 注册日期时间转换器 convertDateTime 注册任意转换器 converter 向父组件注册值变更监听器 valueChangeListener 在父组件上注册操作监听器 actionListener 向组件添加属性 attribute 向组件添加参数 param 向组件添加 facet facet 创建视图的子视图 subview 创建顶层视图 view 说明 标签 指定 UISelectOne 或 UISelectMany 组件的多个项目 selectItems 指定 UISelectOne 或 UI