JSF核心概念-JSF UI组件模型 JSF用户界面模型 U1组件类 事件和监听器模型 呈现模型 验证模型 转换模型 JSF概述 16。品北农林升教大学信息工程学院本科生课程
JSF 用户界面模型 UI 组件类 事件和监听器模型 验证模型 转换模型 呈现模型 JSF核心概念 – JSF UI组件模型 JSF概述 •16 信息工程学院本科生课程
JSF组件标签及UI组件 <f:view><h:form> <h:panelGrid border="1"columns="3"> <h:0 utputLabel for="usen,nla-"用白夕w人 loginForm 用户名 #floginBean.username) 7 密码 大★★者大★★★ username password login login -1e="login" action="#loginBean.login "><h:commandButton> </h:panelGroup></h:panelGrid> </h:form></f:view> JSF概述 ·17。西北农林科教大学信息工程学院本科生课程
JSF组件标签及UI组件 JSF概述 •17 信息工程学院本科生课程 <f:view> <h:form> <h:panelGrid border="1" columns="3"> <h:outputLabel for=“username”value=“用户名”/> <h:inputText id="username"value="#{loginBean.username}“ required="true"></h:inputText> <h:message for="username"></h:message> <h:outputLabel for="password"value="密码“/> <h:inputSecret id="password"value="#{loginBean.password}" required="true"> <f:validateLength minimum="6"></f:validateLength> </h:inputSecret> <h:message for="password"></h:message> </h:panelGrid> <h:panelGrid> <h:panelGroup> <h:commandButton value="login" action="#{loginBean.login}"></h:commandButton> </h:panelGroup> </h:panelGrid> </h:form> </f:view>
JSF UI组件类 StateHodler ValueHolder UIComponent 令 EditableValueHolder UIComponentBase ActionSource UlOutput UIPanel UICommand Ullnput UIMessage UIForm UISelectOne UISelectMany UIGraphic JSF概述 18。品北农林升大学信息工程学院本科生课程
UIComponent UIComponentBase UICommand UIInput UIOutput UIGraphic UIMessage UISelectOne UISelectMany UIForm UIPanel ValueHolder EditableValueHolder ActionSource StateHodler JSF UI组件类 JSF概述 •18 信息工程学院本科生课程
JSF UI组件呈现模型 ”组件的功能通常围绕着两个动作一解码和编码： ·解码(decode):把传递过来的请求参数转换成JSF UI 组件的值的过程； ● 编码(encode)是把JSF UI组件的当前值转换成对应的 标签（也就是HTML)的过程。 ~通过以下两个模型可实现呈现功能： 直接呈现 组件需要自己实现解码和编码。 可以把组件在页面上以不同方式渲染组件， 如多选列表框和一列复选框。JSF组件类定义 委托呈现 UI组件的状态和行为；渲染器定义如何从请 求读取/显示组件一通常通过HTML渲染。 渲染器把组件的值转换成适当的标记。 JSF概述 ·19。西北农林科教大学信息工程学院本科生课程
❖ 组件的功能通常围绕着两个动作 - 解码和编码： • 解码 (decode) ：把传递过来的请求参数转换成JSF UI 组件的值的过程； • 编码 (encode) 是把JSF UI组件的当前值转换成对应的 标签（也就是 HTML）的过程。 ❖ 通过以下两个模型可实现呈现功能： 直接呈现 委托呈现 组件需要自己实现解码和编码。 可以把组件在页面上以不同方式渲染组件， 如多选列表框和一列复选框。JSF 组件类定义 UI 组件的状态和行为；渲染器定义如何从请 求读取/显示组件— 通常通过HTML 渲染。 渲染器把组件的值转换成适当的标记。 JSF UI 组件呈现模型 JSF概述 •19 信息工程学院本科生课程
JSF核心概念-JSF组件标签 JSF HTML组件标签 <%taglib uri="http://java.sun.com/jsf/html" prefix="h"> ●如：<h:inputText id="username” value="#loginBean.usernamel"required="true"> JSF Core:组件标签 ●<%@taglib uri=-"http://java..sn.com/jsf/core” prefix="c"00> ●如：<f:validateLength minimum="6"> JSF自定义组件标签 JSF概述 ·20。西北农林升教大学信息工程学院本科生课程
❖ JSF HTML组件标签 ⚫ <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> ⚫ 如：<h:inputText id="username" value="#{loginBean.username}" required="true“/> ❖ JSF Core组件标签 ⚫ <%@ taglib uri="http://java.sun.com/jsf/core" prefix=“c" %> ⚫ 如：<f:validateLength minimum="6“/> ❖ JSF自定义组件标签 JSF核心概念 – JSF组件标签 JSF概述 •20 信息工程学院本科生课程