JSF框架简介与实例

简介:
JSF  体系结构:
JSF 的主要优势之一就是它既是 Java Web 应用程序的用户界面标准又是严格遵循模型-视图-控制器  (MVC) 设计模式的框架。用户界面代码(视图)与应用程序数据和逻辑(模型)的清晰分离使 JSF 应用程序更易于管理。为了准备提供页面对应用程序数据访问的 JSF 上下文和防止对页面未授权或不正确的访问,所有与应用程序的用户交互均由一个前端FacesServlet(控制器)来处理。

 

 

JSF  生命周期:
FacesServlet 充当用户和 JSF 应用程序之间的纽带。它在明确限定的  JSF 生命周期(规定了用户请求之间的整个事件流)的范围内工作。
1. 当JSF页面上的一个事件发生时(比如:用户单击了一个按钮),事件通知通过HTTP发往服务器。服务器端使用FacesServet这个特殊的Servlet处理该通知。
2. FacesServlet一接收到用户的请求就创建一个FacesContext对象(JSF上下文,它存放了应用程序的所有数据)。在处理过程中,主要修改的就是这个FaceContext对象。
3. 接着就是处理过程,处理器是一个叫作Lifecycle的对象。FacesServet把控制权转交给Lifecycle对象。该对象分6个阶段来处理FacesContext对象以生成响应,最后将响应发回客户端。
Lifecycle对象处理JSP请求所需要的一系列动作称为请求处理生命周期。过程状态图如下:

 

 

由于请求处理生命周期里的应用请求值、处理验证、更新模型值和调用应用程序等阶段都可以在当前的请求对应的FacesContext实例中添加事件,因此,JSF实现必须在这些阶段后处理这些事件。
 

阶段
说明
恢复视图
为选定的视图找到或创建组件树。
一旦用户单击JSP页面上的链接或按钮,就会启动此阶段。JSF应用里的JSP页面被表示成一个组件树。JSF实现会进一步将这些组件链接到事件处理程序和验证程序,并将视图保存在FacesContext对象中,以备后面的处理过程所用。FacesContext对象包含了JSF用来管理当前会话中当前请求的GUI组件状态所需要的所有状态信息。
应用请求值
使用请求中发送来的值来更新组件树的组件值。因为请求中发送来的值都是String类型的,所以在更新组件树的组件值之前,必须将这些值转换为相应类型。这个过程也是解码。若转换有错误,这些错误将添加到FacesContext对象。
处理验证
当每个组件的本地值被更新后,Lifecycle对象都会根据这些注册组件的验证规则来验证这些值的合法性。
如果输入的值不符合验证规则,就会将验证错误添加至FacesContext对象,并将组件标记为无效。JSF将转至呈现响应阶段,并显示带有验证错误消息的视图。
如果没有遇到验证错误,JSF将进入下一阶段。
更新模型值
更新与组件相关的后台bean(也叫管理bean)或者模型对象的值。只有那些与组件值绑定在一起的Bean属性才会被更新。
调用应用程序
JSF控制器调用应用程序来处理应用程序级的事件,如提交一个表单。(此阶段可执行业务逻辑)
呈现响应
使用当前的显示技术(如JSP)显示选定的视图。

 

一个jsf的实例

配置文件

/JSFLoginDemo/WebRoot/WEB-INF/faces-config.xml

 


 
 
  1. 代码  
  2.  
  3. <?xml version='1.0' encoding='UTF-8'?> 
  4.  
  5. <faces-config xmlns="http://java.sun.com/xml/ns/javaee" 
  6.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  7.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd" 
  8.     version="1.2"> 
  9.       
  10.     <managed-bean> 
  11.         <managed-bean-name>loginBean</managed-bean-name> 
  12.         <managed-bean-class> 
  13.             com.qdu.sun.jsf.LoginBean  
  14.         </managed-bean-class> 
  15.         <managed-bean-scope>request</managed-bean-scope> 
  16.         <managed-property> 
  17.             <property-name>username</property-name> 
  18.             <property-class>java.lang.String</property-class> 
  19.             <value></value> 
  20.         </managed-property> 
  21.         <managed-property> 
  22.             <property-name>password</property-name> 
  23.             <property-class>java.lang.String</property-class> 
  24.             <value></value> 
  25.         </managed-property> 
  26.     </managed-bean> 
  27.     <navigation-rule> 
  28.         <from-view-id>/login.jsp</from-view-id> 
  29.         <navigation-case> 
  30.             <from-outcome>success</from-outcome> 
  31.             <to-view-id>/success.jsp</to-view-id> 
  32.         </navigation-case> 
  33.         <navigation-case> 
  34.             <from-outcome>fail</from-outcome> 
  35.             <to-view-id>/fail.jsp</to-view-id> 
  36.         </navigation-case></navigation-rule> 
  37.     <navigation-rule> 
  38.         <from-view-id>/success.jsp</from-view-id> 
  39.     </navigation-rule> 
  40.     <navigation-rule> 
  41.         <from-view-id>/fail.jsp</from-view-id> 
  42.     </navigation-rule></faces-config> 

前端页面

/JSFLoginDemo/WebRoot/login.jsp

 


 
 
  1. 代码  
  2.  
  3. <%@ page language="java" pageEncoding="ISO-8859-1"%> 
  4. <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
  5. <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
  6.  
  7. <%  
  8.     String path = request.getContextPath();  
  9.     String basePath = request.getScheme() + "://"  
  10.             + request.getServerName() + ":" + request.getServerPort()  
  11.             + path + "/";  
  12. %> 
  13.  
  14. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
  15. <html> 
  16.     <head> 
  17.         <base href="<%=basePath%>"> 
  18.  
  19.         <title>My JSF 'login.jsp' starting page</title> 
  20.  
  21.         <meta http-equiv="pragma" content="no-cache"> 
  22.         <meta http-equiv="cache-control" content="no-cache"> 
  23.         <meta http-equiv="expires" content="0"> 
  24.         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  25.         <meta http-equiv="description" content="This is my page"> 
  26.         <!--  
  27.     <link rel="stylesheet" type="text/css" href="styles.css">  
  28.     --> 
  29.  
  30.     </head> 
  31.  
  32.     <body> 
  33.         <f:view> 
  34.             <br> 
  35.             <h:form> 
  36.  
  37.                 <h:panelGrid columns="3"> 
  38.  
  39.                     <h:outputLabel for="username" value="User Name:" /> 
  40.  
  41.                     <h:inputText id="username" value="#{loginBean.username}" required="true" /> 
  42.  
  43.                     <h:message for="username" /> 
  44.  
  45.                     <h:outputLabel for="password" value="Password:" /> 
  46.  
  47.                     <h:inputSecret id="password" value="#{loginBean.password}" required="true" /> 
  48.  
  49.                     <h:message for="password" />   
  50.  
  51.                 </h:panelGrid> 
  52.  
  53.                 <h:panelGrid> 
  54.  
  55.                     <h:panelGroup> 
  56.  
  57.                         <h:commandButton value="Login" action="#{loginBean.login}" /> 
  58.  
  59.                     </h:panelGroup> 
  60.  
  61.                 </h:panelGrid> 
  62.  
  63.             </h:form> 
  64.  
  65.  
  66.  
  67.         </f:view> 
  68.     </body> 
  69. </html> 

后台代码

/JSFLoginDemo/src/com/qdu/sun/jsf/LoginBean.java

 


 
 
  1. 代码  
  2.  
  3. /**  
  4.  *   
  5.  */ 
  6. package com.qdu.sun.jsf;  
  7.  
  8. /**  
  9.  * @author sun1  
  10.  *  
  11.  */ 
  12. public final class LoginBean extends Object {  
  13.  
  14.     /**  
  15.      *   
  16.      */ 
  17.     private String password;  
  18.     /**  
  19.      *   
  20.      */ 
  21.     private String username;  
  22.     /**  
  23.      * @return the password  
  24.      */ 
  25.     public String getPassword() {  
  26.         return password;  
  27.     }  
  28.     /**  
  29.      * @param password the password to set  
  30.      */ 
  31.     public void setPassword(String password) {  
  32.         this.password = password;  
  33.     }  
  34.     /**  
  35.      * @return the username  
  36.      */ 
  37.     public String getUsername() {  
  38.         return username;  
  39.     }  
  40.     /**  
  41.      * @param username the username to set  
  42.      */ 
  43.     public void setUsername(String username) {  
  44.         this.username = username;  
  45.     }  
  46.  
  47.     public String login() {   
  48.  
  49.         if ((username == null) || (username.length() < 1))   
  50.  
  51.         return "fail";   
  52.  
  53.         if ((password == null) || (password.length() < 1))   
  54.  
  55.         return "fail";   
  56.  
  57.         if ((username.equals("孙更新")) && (password.equals("123")))   
  58.  
  59.         return "success";   
  60.  
  61.         else   
  62.  
  63.         return "fail";   
  64.  
  65.         }   
  66.  
  67.  

 

本文转自linzheng 51CTO博客,原文链接:http://blog.51cto.com/linzheng/1080797

相关文章
|
15天前
|
XML Java 数据格式
Spring Core核心类库的功能与应用实践分析
【12月更文挑战第1天】大家好,今天我们来聊聊Spring Core这个强大的核心类库。Spring Core作为Spring框架的基础,提供了控制反转(IOC)和依赖注入(DI)等核心功能,以及企业级功能,如JNDI和定时任务等。通过本文,我们将从概述、功能点、背景、业务点、底层原理等多个方面深入剖析Spring Core,并通过多个Java示例展示其应用实践,同时指出对应实践的优缺点。
40 14
|
6月前
|
JavaScript 前端开发
JSf中ilter的使用方法
JSf中ilter的使用方法
|
前端开发 API 数据库
C# Abp框架入门系列文章(一)(下)
C# Abp框架入门系列文章(一)(下)
480 0
|
SQL 开发框架 缓存
C# Abp框架入门系列文章(一)(上)
C# Abp框架入门系列文章(一)
389 0
|
XML 前端开发 Java
框架技术,Struts2入门配置
框架技术,Struts2入门配置
156 0
框架技术,Struts2入门配置
|
Web App开发 Apache
MyFaces Core v2.0.7/2.1.1 发布,JSF框架
MyFaces是 JSF (JavaServerFaces) Web框架 (JSR 127)的一个实现。JavaServer(tm) Faces Web框架是一个新的实现MVC模式的规范。 这两个版本优化了 UIComponent EventListenerWrapper ,然后就是修复了一些bug。
760 0
|
XML 前端开发 Java
|
前端开发 Java 容器