西北农林科技大学信息工程学院Java EE技术课件 JSF组件.pptVIP

*Yanlei Diao, University of Massachusetts Amherst *Yanlei Diao, University of Massachusetts Amherst 课程提纲 第一部分 Java EE基础 第二部分 Java Web开发 第三部分 JSF框架 第8章 JSF组件等 JSF (JavaServer Faces) 第四部分 EJB 第五部分 JPA 第六部分 SSH框架 * Java EE技术 信息工程学院本科生课程 JSF UI组件、组件标签及其使用方法： UI组件类 HTML组件标签 core组件标签 本讲目标 * 信息工程学院本科生课程 JSF组件 JSF技术提供了一个丰富的、灵活的组件架构， 包括： 一组UIComponent类，用于指定UI组件的状态和行为； 一个呈现 (render) 模型，用来定义如何使用不同方法呈现组件； 一个事件 (event) 和监听器 (listener) 模型，定义了如何处理组件事件； 一个转换器 (converter) 模型，定义了如何在一个组件上注册数据转换器； 一个验证器 (validator)模型，定义了如何在一个组件上注册验证器。 UI组件类 * 信息工程学院本科生课程 JSF组件 可动态修改的表格 HTML table元素 用来封装一组数据 UIData dataTable UICommand UIColumn 组件 标签 功能 呈现的HTML 外观 column 表示在UIData组件中的一列数据 在 HTML table中的一列数据 table中的一列 commandButton 将一个表单提交给应用 HTML input type=type元素，其中type值可以是submit，reset或者image 按钮 commandLink 链接到另一页面或者同一页面的某位置 HTML a href元素 超链接 HTML组件标签 * 信息工程学院本科生课程 JSF组件 无显示 HTML form元素 表示一输入表单 UIForm form 多行文本域 HTML textarea元素 允许用户输入一个多行字符串 inputTextarea 文本域 HTML input type=text元素 允许用户输入一个字符串 inputText UIInput 组件 标签 功能 呈现的HTML 外观 inputHidden 允许页面制作人员在页面中包含一个隐藏变量 HTMLinput type=hidden元素 无显示 inputSecret 允许用户输入一个字符串而在文本域中并不显示实际的字符串 HTML input type=password 元素 密码域 HTML组件标签（2） * 信息工程学院本科生课程 JSF组件 纯文本 纯文本 显示一个本地化的消息 UIOutput outputFormat 纯文本 HTML label元素 作为一个label为一个特定的输入域显示一个嵌入的组件 outputLabel 组件 标签 功能 呈现的HTML 外观 outputLink 链接到另一个页面或者同一页面的某个位置，但不产生动作事件 HTML a元素 超链接 outputText 显示一行文本 纯文本 纯文本 HTML组件标签（3） * 信息工程学院本科生课程 JSF组件 一幅图像 HTML img元素 显示一幅图像 UIGraphic graphicImage 表格中的行 将多个组件分为同一个父亲下的一组 panelGroup 文本字符串 HTML span元素，如果使用了样式 显示一个本地化的消息 UIMessage message UIPanel UIMessages 组件 标签 功能 呈现的HTML 外观 messages 显示多个本地化的消息 一组HTML span元素，如果使用了样式 文本字符串 panelGrid 显示一个table 带有tr和td的HTML table元素 表格 HTML组件标签（4） * 信息工程学院本科生课程 JSF组件 无显示 HTMLoption元素 表示UISelectOne组件中列表的一项 UISelectItem selectItem 一组单选按钮 input type=radio元素 允许用户从一组项目中选择一项 selectOneRadio 无显示 一组option元素 表示UISelectOne组件中的多项 UISelectItems selectItems UISelectOne 组件 标签 功能 呈现的HTML 外观 selectOneListbox 允许用户从一组列表中选择一项，所有选择项立刻显示 select元素 列表框 selectOneMenu 允许用户从下