JSF在Web开发中的应用

上传人：可*** IP属地：境外上传时间：2022-12-23 格式：PPT 页数：79 大小：312.54KB 积分：9.6 举报 版权申诉

已阅读5页，还剩74页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第三章JSF入门Email:lihonglhl@163.com

信息类专业课程西北农林科技大学1精选2021版课件主要内容JSF简介JSF入门JSF标签JSF开发环境2精选2021版课件Web开发技术Web架构用超文本技术（HTML）实现信息与信息的连接；用统一资源定位技术（URI）实现全球信息的精确定位；用新的应用层协议（HTTP）实现分布式的信息共享。静态动态客户端技术HTML、JavaApplets、JavaScript、ActiveX、CSS、DHTML、XHTML服务端技术CGI（CommonGatewayInterface）C、C++、PascalPerl、PythonPHP、ASP、Servlet（JSP）+JavaBean3精选2021版课件最新发展JavaWeb框架Struts、SpringMVC、WebWork、TapestryJSFAJAX(AsynchronousJavaScriptandXML)XHTML和CSS的标准表示;使用文档对象模型DOM实现动态显示及用户交互;使用XML、XSLT和XMLHttpRequest进行数据交换及操作;使用javascript将所有技术绑定在一起。AgileWebRubyonRailsPython（Django、TurboGears、Pylons）4精选2021版课件二、JSF简介什么是JSFJSF的特性JSF与其它框架的比较JSF实现JSF示例5精选2021版课件什么是JSFJavaServerFaces(JSF)：符合JavaEE5标准的JavaWeb应用框架。目标：简化开发。JSF提供：标准的编程接口丰富可扩展的组件库一个核心的JSP标记库用来处理事件、执行验证以及其他非UI相关的操作（core）一个标准的HTML标记库来表示UI组件（html）事件驱动模型JSF通过IDE工具支持拖放式开发。6精选2021版课件JSF的由来和目标由来EJB2的失败非官方Web框架的兴起目标简化开发超越现有Web框架试图在不同的角度上提供网页设计人员、应用程序设计人员、组件开发人员解决方案，让不同技术的人员可以彼此合作又不互相干扰7精选2021版课件JSF体系结构JSF的主要优势之一就是它既是JavaWeb用户界面标准又是严格遵循模型-视图－控制器(MVC)设计模式的框架。用户界面代码（视图）与应用程序数据和逻辑（模型）的清晰分离使JSF应用程序更易于管理。为了准备提供页面对应用程序数据访问的JSF上下文和防止对页面未授权或不正确的访问，所有与应用程序的用户交互均由一个前端“Faces”servlet（控制器）来处理。8精选2021版课件JSF的特性技术特性一流的UI组件和事件模型POJO依赖注入（又称控制反转）客户端独立性

使用或者不使用工具可扩展的导航（类似于Struts导航，注：Page导航）强大的扩展能力（如Shale）

完全的集成（如集成Spring、JPA）本地化和易理解性9精选2021版课件JSF的特性市场和商业特性广泛的采用，包括SUN，Oracle，IBM，BEA，Apache，EDS作为JavaEE5.0的组成部分大型第三方组件市场（iLog,BusinessObjects,Oracle,Sun,IBM)业内领先的工具支持（SunJavaStudioCreator,NetBeans，OracleJDeveloper,IBMWSAD,BEAWorkshop,ExadelStudio)10精选2021版课件与其它框架的比较（来自TSS）技术特性商业使用JSF4.83.9WebWork4.23.1Shale4.951.3Tapestry4.752.8Wicket－－0.7Struts4.24.611精选2021版课件JSF的优势UI组件（UI-component）事件驱动模式用户界面到业务逻辑的直接映射程序员和网页设计人员的分工请求处理生命周期的多阶段划分全面的用户自定义支持Web开发的官方标准之一大量的IDE工具支持

12精选2021版课件JSF实现JSF是标准实现SunJSFRIApacheMyFaces组件库TomahawkADFFaces(fromOracle)Tobago13精选2021版课件JSF示例<%@tagliburi="/jsf/core"prefix="f"%><%@tagliburi="/jsf/html"prefix="h"%><%@pagecontentType="text/html;charset=GB2312"%><html><head> <title>第一个JSF程序</title></head><body><f:view><h:form><h3>请输入您的名称</h3> 名称:<h:inputTextvalue="#{}"/><p> <h:commandButtonvalue=“提交"action="login"/> </h:form></f:view></body></html>14精选2021版课件二、JSF入门第一个JSF程序JSFExpressionLanguage国际化（I18N）ManagedBeans数据转换与验证事件处理15精选2021版课件第一个JSF程序JSF开发环境EclipseWTPJSF插件JSF实现（MyFaces）TomcatManaged-BeanJSP页面PagesNavigation16精选2021版课件JSF应用一：输入页面<f:view><h:outputTextvalue="#{msg.loginHeader}"/><b><h:outputTextvalue="#{login.err}"/></b><h:formid="loginForm">  <h:outputTextvalue="#{Prompt}"/>  <h:inputTextvalue="#{}"/><br/>  <h:outputTextvalue="#{msg.passPrompt}"/>  <h:inputTextid="pass"value="#{login.pass}"/><br/>  <h:commandButtonaction="#{login.valid}“value="#{msg.buttonTitle}"/></h:form></f:view>17精选2021版课件f:loadBundlebasename="messages"var="msg"/>用于临时加载国际化资源的语言包<h:outputTextvalue="#{Prompt}"/>输出指定key对应的国际化消息JSF应用一：输入页面18精选2021版课件JSF应用二：开发托管Bean从作用上看托管Bean类似struts2的Action，但作用模式不同。对于struts2的Action而言，应用通过表单提交方式把请求提交到struts2的Action；但JSF的托管Bean，系统直接将JSF中的UI组件的行为绑定到托管Bean的属性或方法。如：

<h:inputTextvalue="#{}"/>

该文本框的行为绑定到loginBean的name属性。<h:commandButtonaction="#{login.valid}“value="#{msg.buttonTitle}"/>

该按钮的行为直接绑定到loginBean的valid方法上19精选2021版课件JSF应用二：开发托管Beanpublic

classLoginBean{//下面的三个属性都会直接与JSF标签绑定privateStringname;privateStringpass;privateStringerr;...//该方法被绑定到UI组件（按钮）的action属性publicStringvalid(){if(name.equals("crazyit")&&pass.equals("leegang")){return"success";}setErr("您的用户名和密码不符合");return"failure";}}20精选2021版课件JSF应用三：定义导航规则

JSF以导航规则来决定逻辑视图与物理视图资源之间的对应关系；

JSF导航规则可以指定系统从哪个页面开始，以该页面的提交按钮绑定的值作为逻辑视图；

JSF使用标准的配置文件定义导航规则；

JSF允许每个表单域单独触发事件，JSF常用的两类事件：

ValueChange事件：表单域的值发生改变时触发该事件；

Action事件：用户单击按钮或超链接时触发这类事件。

21精选2021版课件JSF应用三：定义导航规则<?xmlversion="1.0"encoding="GBK"?><faces-configxmlns="/xml/ns/javaee"xmlns:xsi="/2001/XMLSchema-instance"xsi:schemaLocation="/xml/ns/javaee/xml/ns/javaee/web-facesconfig_1_2.xsd“version="1.2"><navigation-rule><from-view-id>/login.jsp</from-view-id><navigation-case><from-outcome>success</from-outcome><to-view-id>/greeting.jsp</to-view-id></navigation-case><navigation-case><from-outcome>failure</from-outcome><to-view-id>/login.jsp</to-view-id></navigation-case></navigation-rule></faces-config>faces-config-nav.xml22精选2021版课件JSF应用四：解读JSF配置对于大部分JSF初级开发者而言，常作的两件事是：定义托管Bean，配置XML文件。配置核心控制器

Web应用基本上是请求--响应架构，即：用户向Web应用发请求，Web应用处理请求，处理完成后将请求送回客户端。

JSF与传统的MVC框架一样，，也提供了一个核心控制器负责处理所有用户请求，即javax.faces.webapp.FacesServlet,它就是JSF的核心控制器。

FacesServlet是一个标准的Servlet，因此，它的配置与普通Servlet没有太大区别，同样是先配置Servlet，再配置Servlet映射的URL，配置文件时web.xml。23精选2021版课件JSF应用四：解读JSF配置<servlet> <servlet-name>FacesServlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup></servlet><servlet-mapping> <servlet-name>FacesServlet</servlet-name> <url-pattern>*.jsf</url-pattern></servlet-mapping>配置FacesServlet的代码片段如下：上面配置片段指定使用FacesServlet来拦截所有已.jsf结尾的请求，值得注意的是FacesServlet拦截的URL不一定是*.jsf,完全可以有用户随意指定。如：*.faces、*.do等。24精选2021版课件JSF应用四：解读JSF配置<context-param><param-name>javax.faces.CONFIG_FILES</param-name><param-value>/WEB-INF/faces-config-beans.xml,/WEB-INF/faces-config-nav.xml</param-value></context-param><context-param><param-name>javax.faces.STATE_SAVING_METHOD</param-name><param-value>client</param-value></context-param><context-param></param-name>：为整个web用于配置参数25精选2021版课件JSF应用四：解读JSF配置JSF有效参数名及其作用如下：

javax.faces.STATE_SAVING_METHOD：指示是在客户端（client）还是在服务器端（server）保存UI组件的状态。JSF有保存页面中组件状态的能力，以便在页面被重新显示时记住用户输入的信息。组件状态可以保存在客户端也可保存在服务器端，这取决于javax.faces.STATE_SAVING_METHOD

参数的设置值。可能的取值是client和server（默认值）。

javax.faces.DEFAULT_SUFFIX：该参数指定JSF映射视图资源时的默认后缀名，默认值是.jsp,不需要改变参数的值。26精选2021版课件JSF应用四：解读JSF配置

javax.faces.CONFIG_FILES：该参数指定JSF配置文件的存放位置。默认情况下JSF会自动加载位于WEB_INF下的faces-config.xml文件。如果包含多个 JSF配置文件，则需要指定该参数，通过逗号分割不同的（相对路径）配置文件；如果只有一个JSF配置文件，且文件为位于WEB_INF下的faces-config.xml，则可以省略该参数。

javax.faces.LIFECYCLE_ID：该参数指定JSF所管理的生命周期实例的标识符，该参数通常无需修改。27精选2021版课件JSF应用四：解读JSF配置

com.sun.faces.verifyObjects：该参数用于指定是否需要验证自定义组件。当JSF应用中定义了自定义组件、转换器、校验器时，可以设置应用启动时验证这些自定义组件。该参数的值只能是true或false。

com.sun.faces.validateXml：该参数指定是否需要验证JSF应用中的xml文件。

com.sun.faces.NUMBER_OF_VIEWS_IN_SESSON：当状态保存方法设置为server 时，控制会话中保存的视图数量，当设置为-1时表示没有限制。28精选2021版课件JSF配置文件结构JSF配置文件根元素都是<faces-config...>元素，JSF应用配置总体分为三种：分别针对日常应用开发，UI扩展开发（编写组件，呈现器，转换器或者验证器）和高级开发。最常见的两个元素是：

<managed-bean…/>:JSF应用中所有托管Bean都在该元素下配置、管理。

<navigation-rule…/>:该元素用于管理JSF应用的导航规则。

29精选2021版课件类别特征XML元素日常应用配置和高级扩展的注册应用配置。用于指定支持的语言，定制应用消息的位置，默认的呈现包，以及高级的可插入组件<application>受管bean创建工具。<managed-bean>控制在特定范围的对象的自动创建被引用的bean<referenced-bean>用来告诉IDE其它可以访问的对象的导航规则，控制一个页面到另一个页面的应用流<navigation-rule>用户界面扩展注册组件注册。用于向系统注册组件<component>呈现包和呈现器注册。用于向呈现包添加呈现器或者定义整个新的呈现包<render-kit>验证器注册。用于向系统注册验证器<validator>转换器注册。用于向系统注册转换器<converter>高级扩展特征的配置阶段监听器注册。向系统注册阶段监听器<phase-listener>工厂配置。定义实例化核心JSF类的工厂<factory>JSF配置文件结构30精选2021版课件三、JSFExpressionLanguage搭配JSF标签来使用，是用来存取数据对象的一个简易语言。以#开始，将变量或运算式放置在{与}之间。#{userB}EL的变量名也可以程序执行过程中所声明的名称，或是JSFEL预定义的隐含对象。#{}对于Map类型对象，可以使用‘.’运算符指定key值来取出对应的value，也可以使用[与]来指定。#{param['name']}#{someBean.someMap[]}如果变量是List类型或阵列的话，则可以在[]中指定索引。#{someBean.someList[0]}31精选2021版课件也可以指定字面常数，对于true、false、字符串、数字，JSFEL会尝试进行转换。<h:outputTextvalue="#{true}"/><h:outputTextvalue=“#{‘Thisisatest’}”/>在声明变量名称时，要留意不可与JSF的保留字或关键字同名。truefalsenulldivmodandornoteqneltgtlegeinstanceofempty在EL中可以直接进行一些算术运算、逻辑运算与关系运算。算术运算符：加法(+),减法(-),乘法(*),除法(/ordiv)与余除(%ormod)三元运算：(expression?result1:result2)逻辑运算：and(或&&)、or(或!!)、not(或!)关系运算：小于Less-than(<orlt)、大于Greater-than(>orgt)、小于或等于Less-than-or-equal(<=orle)、大于或等于Greater-than-or-equal(>=orge)、等于Equal(==oreq)、不等于NotEqual(!=orne)EL运算符的执行优先顺序与Java运算符对应三、JSFExpressionLanguage32精选2021版课件四、国际化信息JSF的国际化（Internationalization，简写I18N）信息处理是基于Java对国际化的支持，可以在一个信息资源文件中统一管理信息资源，资源文件的名称是.properties，而内容是名称与值的配对。资源文件名称由basename加上语言与地区来组成：

perties basename_perties basename_zh_CN.properties信息资源文件必须是ISO-8859-1编码，所以对于非西方语系的处理，必须先将之转换为JavaUnicodeEscape格式：

nameText=名称nameText=\u540d\u79f0

使用<f:loadBundle>标签来指定载入信息资源： <f:loadBundlebasename="messages"var="msgs"/> <h:outputTextvalue="#{Text}"/>33精选2021版课件<f:view>可以设定locale属性，直接指定所要使用的语系： <f:viewlocale="zh_CN"> <f:loadBundlebasename="messages"var="msgs"/>也可以在faces-config.xml中设定语系： <faces-config><application> <local-config> <default-locale>zh_CN</default-locale> <supported-locale>en</supported-locale> </local-config></application>

</faces-config>

甚至可以让使用者选择自己的语系： <f:viewlocale="#{user.locale}"> <f:loadBundlebasename="messages"var="msgs"/> <h:selectOneRadiovalue="#{user.locale}"> <f:selectItemitemValue="zh_CN"itemLabel="#{msgs.zh_CNText}"/><f:selectItemitemValue="en"itemLabel="#{msgs.enText}"/></h:selectOneRadio></f:view>四、国际化信息34精选2021版课件五、ManagedBeansJSF使用Bean来达到逻辑层与表现层分离的目的，Bean的管理集中在配置文件中，只要修改配置文件，就可以修改Bean之间的相依关系。BackingBean，GlueBean：在真正的业务逻辑Bean及UI组件之间搭起桥梁，在BackingBean中会呼叫业务逻辑Bean处理使用者的请求，或者是将业务处理结果放置其中，等待UI组件取出当中的值并显示结果给使用者。35精选2021版课件五、ManagedBeans在faces-config.xml中集中管理作用域：application：一直存活session：会话过程request：请求阶段none：需要时，临时36精选2021版课件Managed-Bean类型简称典型的有效域ModelManaged-Beanmodel-beansession描述：这种类型的Managed-Bean充当MVC设计模式中的"模型（Model）"部分。当你看到"模型"一词————可以把它想象为"数据"。一个JSF的model-bean应该是一个遵循JavaBean规范的，以getter/setter方式封装了各种属性的普通JAVA对象。model-bean最常见的使用场景是作为一个数据库实体，或简单地代表了数据库查询结果集中的一系列行数据。BackingManaged-Beanbacking-beanrequest描述：这种类型的Managed-Bean充当MVC设计模式中的"视图（View）"部分。backing-bean的目的是支持UI逻辑，（通常）与一个JSF视图或Facelet聚合中的JSF表单保持一一对应的关系。虽然它通常具有一些遵循JavaBean风格并关联了getter/setter的属性，但这些属性是对应"视图"中的值，而不对应底层的应用数据模型。JSF的backing-bean可以具有JSF的actionListener和valueChangeListener方法。ControllerManaged-Beancontroller-beanrequest描述：这种类型的Managed-Bean充当MVC设计模式中的"控制器（Controller）"部分。controllerbean的目的是执行某些业务逻辑并返回一个导航结果给JSF的导航处理器。JSFcontroller-bean通常具有JSF的action方法（而不是actionListener方法）SupportManaged-Beansupport-beansession/application描述：这种类型的bean为MVC设计模式中的"视图（View）"部分中的一个或多个视图提供"支持"。典型的应用场景是提供一个ArrayList<SelectItem>给JSF的h:selectOneMenu下拉列表，而且这个下拉列表将在多个JSF视图中出现。如果这个下拉列表的数据是用户特定的，那么这个bean就应该放在session范围中。但是，如果数据是提供给所有用户的（例如一个选择省份的下拉列表），那么这个bean就应该放在application范围中。UtilityManaged-Beanutility-beanapplication描述：这种bean为一个或多个JSF视图提供"工具"。例如一个能在多个Web应用中复用的FileUploadbean。Managed-Bean类型37精选2021版课件Beans的配置与设定JSF预定义会读取faces-config.xml中关于Bean的定义可在web.xml中利用javax.faces.CONFIG_FILES参数指定自定义文件：

<web-app> <context-param><param-name>javax.faces.CONFIG_FILES</param-name><param-value>/WEB-INF/beans.xml</param-value> </context-param>... </web-app>定义文件可以有多个，中间以“,”区隔：

/WEB-INF/navigation.xml,/WEB-INF/beans.xml38精选2021版课件Beans的配置与设定Bean的基本定义：名称 <managed-bean-name>类 <managed-bean-class> 存活范围 <managed-bean-scope>可选设置属性的初始值 <managed-property><managed-property> <property-name>user</property-name> <value>#{user}</value></managed-property>39精选2021版课件Beans上的List

<managed-property><property-name>someProperty</property-name><list-entries><value-class>java.lang.Integer</value-class><value>1</value><value>2</value><value>3</value></list-entries></managed-property>

40精选2021版课件Beans上的Map<managed-property><property-name>someProperty</property-name><map-entries><value-class>java.lang.Integer</value-class><map-entry><key>someKey1</key><value>100</value></map-entry><map-entry><key>someKey2</key><value>200</value></map-entry></map-entries></managed-property>41精选2021版课件访问ManagedBeans如果要在其它类中取得Bean对象，则可以先取得javax.faces.context.FacesContext，它代表了JSF目前的执行环境对象，接着尝试取得javax.faces.el.ValueBinding对象，从中取得指定的Bean对象：

FacesContextcontext=FacesContext.getCurrentInstance(); ValueBindingbinding=context.getApplication(). createValueBinding("#{user}"); UserBeanuser=(UserBean)binding.getValue(context);取得Bean的某个属性：

FacesContextcontext=FacesContext.getCurrentInstance(); ValueBindingbinding=context.getApplication(). createValueBinding("#{}"); Stringname=(String)binding.getValue(context);

42精选2021版课件六、JSF标签标准标签输出类标签输入类标签命令类标签选择类标签其他标签表格处理43精选2021版课件JSF标准标签输出（Outputs）其名称以output作为开头，作用为输出指定的信息或绑定值。输入（Inputs）其名称以input作为开头，其作用为提供使用者输入框。命令（Commands）其名称以command作为开头，其作用为提供命令或链接按钮。选择（Selections）其名称以select作为开头，其作用为提供使用者选项的选取。其它包括了form、message、messages、graphicImage等等未分类的标签。44精选2021版课件标准HTML标签的属性属性名称适用说明id所有组件可指定id名称，以让其它标签或组件参考binding所有组件绑定至UIComponentrendered所有组件是否显示组件styleClass所有组件设定Cascadingstylesheet(CSS)value输入、输出、命令组件设定值或绑定至指定的值valueChangeListener输入组件设定值变事件处理者converter输入、输出组件设定转换器validator输入组件设定验证器required输入组件是否验证必填输入框immediate输入、命令组件是否为即时事件45精选2021版课件输出类标签outputLabel产生<label>HTML标签，使用for属性指定组件的clientID，例如： <h:inputTextid="user"value="#{}"/> <h:outputLabelfor="user"value="#{}"/>outputLink产生<a>HTML标签，搭配<f:param>可帮链结加上参数，所有的参数都会变成name=value的类型附加在链接后，value所指定的内容也可以是JSFEL绑定。例如： <h:outputLinkvalue=“../index.jsp”> <h:outputTextvalue=“LinktoIndex”/> <f:paramname=“name”value=“MyName”/> </h:outputLink>

outputFormat 产生指定的文字信息，可以搭配<f:param>来设定信息的参数以格式化文字信息，例如： <h:outputFormatvalue="{0},Yournameis{1}."> <f:paramvalue="Hello"/> <f:paramvalue="Guest"/> </h:outputFormat>outputText简单的显示指定的值或绑定的信息，例如：

<h:outputTextvalue="#{}"/>

46精选2021版课件输入类标签inputText显示单行输入框，即输出<input>HTML标签，其type属性设定为text，例如：

<h:inputTextvalue="#{}"/>

inputTextarea 显示多行输入文字区域，即输出<textarea>HTML标签，例如：

<h:inputTextareavalue="#{mand}"/>

inputSecret显示密码输入框，即输出<input>HTML标签，其type属性设定为password，例如：

<h:inputSecretvalue="#{user.password}"/>

inputHidden隐藏输入框，即输出<input>HTML标签，其type属性设定为hidden，隐藏输入框的值用于保留一些信息于客户端，以在下一次发送表单时一并提交，例如：

<h:inputHiddenvalue="#{user.hiddenInfo}"/>47精选2021版课件命令类标签commandButton 显示一个命令按钮，即输出<input>HTML标签，其type属性可以设定为button、submit或reset，预设是submit，按下按钮会触发javax.faces.event.ActionEvent，例如：

<h:commandButtonvalue="提交“ action="#{user.verify}"/>commandLink

产生超链接，会输出<a>HTML标签，而href属性会有‘#’，而onclick属性会含有一段JavaScript程序，这个JavaScript的目的是按下链接后自动提交表单，具体来说其作用就像按钮，但外观却是超链接，例如：

<h:commandLinkvalue="#{mandText}" action="#{user.verify}"/>

48精选2021版课件选择类标签选取框<h:selectBooleanCheckbox>单选单选按钮<h:selectOneRadio>单选列表<h:selectOneListbox>单选菜单<h:selectOneMenu>复选复选框<h:selectManyCheckbox>复选列表<h:selectManyListbox>复选菜单<h:selectManyMenu>49精选2021版课件选择类标签的选项<f:selectItem>itemLabelitemValue或者value绑定一个传回javax.faces.model.SelectItem的方法<f:selectItems>value绑定至一个提供传回SelectItem的列表（数组）的方法 SelectItem:value,labelvalue绑定至一个提供传回Map对象的方法 Map:label,value50精选2021版课件其他标签<h:messages>或<h:message><h:graphicImage>图片<h:panelGrid>排版本体间只能包括JSF组件，如果想要放入非JSF组件，例如简单的样版（template）文字，则要使用<f:verbatim>包括住。<h:panelGroup>包装组件51精选2021版课件表格处理<h:dataTable>配合<h:column>实现以表格的方式显示数据<f:facet>header与footer分别表示表头和表尾使用DataModel处理复杂的数据52精选2021版课件七、事件处理动作事件（ActionEvent）即时事件（ImmediateEvent）值变事件（ValueChangeEvent）阶段事件（PhaseEvent）53精选2021版课件动作事件（ActionEvent）通过action属性绑定一个事件方法：<h:commandButtonvalue="提交"action="#{user.verify}"/>

通过actionListener属性绑定一个事件方法，action绑定返回结果的方法：<h:commandButtonvalue="提交"actionListener="#{user.verify}"action="#{user.outcome}"/>用<f:actionListener>标签向组件注册事件监听器（实现javax.faces.event.ActionListener接口），action绑定返回结果的方法：<h:commandButtonvalue="提交"action="#{user.outcome}"><f:actionListenertype="onlyfun.caterpillar.LogHandler"/><f:actionListenertype="onlyfun.caterpillar.VerifyHandler"/></h:commandButton>

54精选2021版课件即时事件（ImmediateEvent）即时事件是指JSF视图组件在取得请求中该取得的值之后，即立即处理指定的事件，而不再进行后续的转换器处理、验证器处理、更新模型值等流程。

<h:commandButtonvalue="#{msgs.Text}" immediate="true" actionListener="#{user.changeLocale}"/>

55精选2021版课件值变事件（ValueChangeEvent）使用者改变了JSF输入组件的值后提交表单，就会发生值变事件，丢出一个javax.faces.event.ValueChangeEvent对象直接设定JSF输入组件的valueChangeListener属性：

<h:selectOneMenuvalue="#{user.locale}" onchange="this.form.submit();" valueChangeListener="#{user.changeLocale}"> <f:selectItemitemValue="zh_CN"itemLabel="Chinese"/> <f:selectItemitemValue="en"itemLabel="English"/></h:selectOneMenu>

实现javax.faces.event.ValueChangeListener接口，并定义其processValueChange()方法；然后在JSF页面上使用<f:valueChangeListener>标签，并设定其type属性：

<h:selectOneMenuvalue="#{user.locale}" onchange="this.form.submit();"> <f:valueChangeListenettype=“cn.wiztek.SomeListener"/><f:selectItemitemValue="zh_CN"itemLabel="Chinese"/><f:selectItemitemValue="en"itemLabel="English"/></h:selectOneMenu>56精选2021版课件阶段事件（PhaseEvent）重建视图（RestoreView）依客户端传来的session数据或服务器端上的session数据，重建JSF视图组件。套用请求值（ApplyRequestValues） JSF视图组件各自获得请求中的属于自己的值，包括旧的值与新的值。执行验证（ProcessValidations）转换为对象并进行验证。更新模型值（UpdateModelValues）更新Bean或相关的模型值。唤起应用程序（InvokeApplication）执行应用程序相关逻辑。绘制响应页面（RenderResponse）对先前的请求处理完之后，产生页面以反应客户端执行结果。57精选2021版课件阶段事件（PhaseEvent）在每个阶段的前后会引发javax.faces.event.PhaseEvent实现javax.faces.event.PhaseListener，并向javax.faces.lifecycle.Lifecycle登记这个Listener，便可捕获事件getPhaseId()、beforePhase()与afterPhase()PhaseId：PhaseId.RESTORE_VIEWPhaseId.APPLY_REQUEST_VALUESPhaseId.PROCESS_VALIDATIONSPhaseId.UPDATE_MODEL_VALUESPhaseId.INVOKE_APPLICATIONPhaseId.RENDER_RESPONSEPhaseId.ANY_PHASE58精选2021版课件八、数据转换与验证转换器（Converter）协助模型与视图之间的数据转换验证器（Validator）协助进行语意检验（SemanticValidation）59精选2021版课件1.标准转换器HTTP字符串Java对象对于基本数据类型（primitivetype）或是其Wrapper类，JSF会使用javax.faces.Boolean、javax.faces.Byte……等自动进行转换对于BigDecimal、BigInteger，则会使用javax.faces.BigDecimal、javax.faces.BigInteger自动进行转换对于DateTime、Number，可以使用<f:convertDateTime>、<f:convertNumber>标签进行转换，它们各自提供有一些简单的属性，可以让我们在转换时指定一些转换的格式细节：

<h:outputTextvalue="#{user.date}"><f:convertDateTimepattern="yyyy/MM/dd"/></h:outputText>

60精选2021版课件2.自定义转换器实现javax.faces.convert.Converter接口，这个接口有两个要实现的方法：publicObjectgetAsObject(FacesContextcontext,UIComponentcomponent,Stringstr);publicStringgetAsString(FacesContextcontext,UIComponentcomponent,Objectobj);在faces-config.xml中注册:<converter> <converter-id>cn.wiztek.converter.User</converter-id> <converter-class>cn.wiztek.converter.UserConverter</converter-class></converter>在JSF页面中通过converter-id使用转换器:

<h:outputTextvalue="#{guest.user}"converter="cn.wiztek.converter.User"/>61精选2021版课件3.标准验证器语法检验（SynaticValidation）检查使用者输入的数据是否合乎我们所要求的格式，最基本的就是检查使用者是否填入了栏目值，或是栏目值的长度、大小值等等是否符合要求。三种标准验证器：<f:validateDoubleRange><f:validateLongRange><f:validateLength>

62精选2021版课件4.自定义验证器实现javax.faces.validator.Validator接口中的validate()方法，如果验证错误，则丢出一个ValidatorException，它接受一个FacesMessage对象，这个对象接受三个参数，分别表示信息的严重程度（INFO、WARN、ERROR、FATAL）、信息概述与详细信息内容，这些信息将可以使用<h:messages>或<h:message>标签显示在页面上。在faces-config.xml中注册验证器的标识（ValidaterID）。通过<f:validator>标签并设定validatorId属性来使用自定义验证器。63精选2021版课件5.错误信息处理预定义的错误信息可以使用<h:messages>或<h:message>标签显示出来通过提供一个信息资源文件可以修改预定义的错误信息MyFaces提供了支持中文的错误信息文件Messages_zh_CN.properties也可以在程序中使用FacesMessage来提供信息64精选2021版课件6.自定义转换/验证标签使用<f:attribute>标签来设定属性：<f:attributename="pattern"value=".+[0-9]+"/>

在自定义验证器中用下面语句获取属性：Stringpattern=(String)component.getAttributes().get("pattern");也可以开发自己的一组验证标签，并提供相关属性设定：<co:passwordValidatorpattern=".+[0-9]+"/>

65精选2021版课件九、传统请求/响应驱动的处理周期请求/响应驱动的处理周期66精选2021版课件传统请求/响应处理模型的不足控制器缺乏对页面的控制力控制能力仅限于页面导航页面缺乏对模型的控制力原则上页面只应负责从模型中提取数据并显示，若直接设置模型数据，则绕过了控制器中的转换校验逻辑。页面与控制器之间缺乏有效沟通基于面向对象的控制器难以适应基于文本流的页面。沟通形式局限于传递简单的请求参数，修改共享数据（例如JavaBean或Session属性等）页面对控制器的通信需要由客户端发起请求，沟通形式受限于传输协议（例如HTTP的GET方式）对一个请求/响应循环的逻辑缺乏细致划分，导致校验、转换、展现的代码纠缠在一起。程序员必须自己去关心进行这些动作的时机，次序以及出错后的行为。67精选2021版课件JSF提供的解决方案JSF引擎负责维护视图的组件树模型类似于浏览器的DOM模型，JSF组件树模型为基于文本流的视图提供了一个面向对象的映射。控制器可以访问、修改组件树中的元素，从而获取请求发起时的视图状态，或者影响最终的响应结果。JSF引擎负责发起校验，转换行为，程序员只需提供相关的逻辑，而不需要关心时机同时，JSF实现提供了常用的校验与转换逻辑。引入延迟求值EL表达式，令视图可以以受控的方式调用、修改模型。JSF引擎管理对延迟求值EL表达式的赋值，调用等明确划分首次请求与postback（对同一个视图的后续请求），JSF引擎管理postback时的组件树与模型更新。统一了视图与控制器，从而消除了沟通问题。68精选

人人文库> 全部分类> 专业文献 > 工业制造

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

JSF在Web开发中的应用

文档简介

温馨提示

最新文档

评论

JSF在Web开发中的应用

文档简介

温馨提示

最新文档

评论

相关文档