且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事
您所在的位置：首页 > JSF框架简介与实例

JSF框架简介与实例

更新时间：2022-10-02 23:01:20

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

 

JSF框架简介与实例 

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

 

JSF框架简介与实例 

由于请求处理生命周期里的应用请求值、处理验证、更新模型值和调用应用程序等阶段都可以在当前的请求对应的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. 

  2.  
    3. 

  3. 
<?xml version='1.0' encoding='UTF-8'?> 

    4. 

  4.  
    5. 

  5. 
<faces-config xmlns="http://java.sun.com/xml/ns/javaee" 

    6. 

  6. 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 

    7. 

  7. 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd" 

    8. 

  8. 
    version="1.2"> 

    9. 

  9.       
    10. 

  10. 
    <managed-bean> 

    11. 

  11. 
        <managed-bean-name>loginBean</managed-bean-name> 

    12. 

  12. 
        <managed-bean-class> 

    13. 

  13.             com.qdu.sun.jsf.LoginBean  
    14. 

  14. 
        </managed-bean-class> 

    15. 

  15. 
        <managed-bean-scope>request</managed-bean-scope> 

    16. 

  16. 
        <managed-property> 

    17. 

  17. 
            <property-name>username</property-name> 

    18. 

  18. 
            <property-class>java.lang.String</property-class> 

    19. 

  19. 
            <value></value> 

    20. 

  20. 
        </managed-property> 

    21. 

  21. 
        <managed-property> 

    22. 

  22. 
            <property-name>password</property-name> 

    23. 

  23. 
            <property-class>java.lang.String</property-class> 

    24. 

  24. 
            <value></value> 

    25. 

  25. 
        </managed-property> 

    26. 

  26. 
    </managed-bean> 

    27. 

  27. 
    <navigation-rule> 

    28. 

  28. 
        <from-view-id>/login.jsp</from-view-id> 

    29. 

  29. 
        <navigation-case> 

    30. 

  30. 
            <from-outcome>success</from-outcome> 

    31. 

  31. 
            <to-view-id>/success.jsp</to-view-id> 

    32. 

  32. 
        </navigation-case> 

    33. 

  33. 
        <navigation-case> 

    34. 

  34. 
            <from-outcome>fail</from-outcome> 

    35. 

  35. 
            <to-view-id>/fail.jsp</to-view-id> 

    36. 

  36. 
        </navigation-case></navigation-rule> 

    37. 

  37. 
    <navigation-rule> 

    38. 

  38. 
        <from-view-id>/success.jsp</from-view-id> 

    39. 

  39. 
    </navigation-rule> 

    40. 

  40. 
    <navigation-rule> 

    41. 

  41. 
        <from-view-id>/fail.jsp</from-view-id> 

    42. 

  42. 
    </navigation-rule></faces-config> 

    43. 



前端页面


/JSFLoginDemo/WebRoot/login.jsp


 




    

  1. 代码  
    2. 

  2.  
    3. 

  3. 
<%@ page language="java" pageEncoding="ISO-8859-1"%> 

    4. 

  4. 
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 

    5. 

  5. 
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 

    6. 

  6.  
    7. 

  7. 
<%  

    8. 

  8. 
    String path = request.getContextPath();  

    9. 

  9. 
    String basePath = request.getScheme() + "://"  

    10. 

  10.             + request.getServerName() + ":" + request.getServerPort()  
    11. 

  11.             + path + "/";  
    12. 

  12. 
%> 

    13. 

  13.  
    14. 

  14. 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

    15. 

  15. 
<html> 

    16. 

  16. 
    <head> 

    17. 

  17. 
        <base href="<%=basePath%>"> 

    18. 

  18.  
    19. 

  19. 
        <title>My JSF 'login.jsp' starting page</title> 

    20. 

  20.  
    21. 

  21. 
        <meta http-equiv="pragma" content="no-cache"> 

    22. 

  22. 
        <meta http-equiv="cache-control" content="no-cache"> 

    23. 

  23. 
        <meta http-equiv="expires" content="0"> 

    24. 

  24. 
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 

    25. 

  25. 
        <meta http-equiv="description" content="This is my page"> 

    26. 

  26. 
        <!--  
    27. 

  27.     <link rel="stylesheet" type="text/css" href="styles.css">  
    28. 

  28.     --> 
    29. 

  29.  
    30. 

  30. 
    </head> 

    31. 

  31.  
    32. 

  32. 
    <body> 

    33. 

  33. 
        <f:view> 

    34. 

  34. 
            <br> 

    35. 

  35. 
            <h:form> 

    36. 

  36.  
    37. 

  37. 
                <h:panelGrid columns="3"> 

    38. 

  38.  
    39. 

  39. 
                    <h:outputLabel for="username" value="User Name:" /> 

    40. 

  40.  
    41. 

  41. 
                    <h:inputText id="username" value="#{loginBean.username}" required="true" /> 

    42. 

  42.  
    43. 

  43. 
                    <h:message for="username" /> 

    44. 

  44.  
    45. 

  45. 
                    <h:outputLabel for="password" value="Password:" /> 

    46. 

  46.  
    47. 

  47. 
                    <h:inputSecret id="password" value="#{loginBean.password}" required="true" /> 

    48. 

  48.  
    49. 

  49. 
                    <h:message for="password" />   

    50. 

  50.  
    51. 

  51. 
                </h:panelGrid> 

    52. 

  52.  
    53. 

  53. 
                <h:panelGrid> 

    54. 

  54.  
    55. 

  55. 
                    <h:panelGroup> 

    56. 

  56.  
    57. 

  57. 
                        <h:commandButton value="Login" action="#{loginBean.login}" /> 

    58. 

  58.  
    59. 

  59. 
                    </h:panelGroup> 

    60. 

  60.  
    61. 

  61. 
                </h:panelGrid> 

    62. 

  62.  
    63. 

  63. 
            </h:form> 

    64. 

  64.  
    65. 

  65.  
    66. 

  66.  
    67. 

  67. 
        </f:view> 

    68. 

  68. 
    </body> 

    69. 

  69. 
</html> 

    70. 



后台代码


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


 




    

  1. 代码  
    2. 

  2.  
    3. 

  3. 
/**  
    4. 

  4.  *   
    5. 

  5.  */ 
    6. 

  6. 
package com.qdu.sun.jsf;  

    7. 

  7.  
    8. 

  8. 
/**  
    9. 

  9.  * @author sun1  
    10. 

  10.  *  
    11. 

  11.  */ 
    12. 

  12. 
public final class LoginBean extends Object {  

    13. 

  13.  
    14. 

  14. 
    /**  
    15. 

  15.      *   
    16. 

  16.      */ 
    17. 

  17. 
    private String password;  

    18. 

  18. 
    /**  
    19. 

  19.      *   
    20. 

  20.      */ 
    21. 

  21. 
    private String username;  

    22. 

  22. 
    /**  
    23. 

  23.      * @return the password  
    24. 

  24.      */ 
    25. 

  25. 
    public String getPassword() {  

    26. 

  26. 
        return password;  

    27. 

  27.     }  
    28. 

  28. 
    /**  
    29. 

  29.      * @param password the password to set  
    30. 

  30.      */ 
    31. 

  31. 
    public void setPassword(String password) {  

    32. 

  32. 
        this.password = password;  

    33. 

  33.     }  
    34. 

  34. 
    /**  
    35. 

  35.      * @return the username  
    36. 

  36.      */ 
    37. 

  37. 
    public String getUsername() {  

    38. 

  38. 
        return username;  

    39. 

  39.     }  
    40. 

  40. 
    /**  
    41. 

  41.      * @param username the username to set  
    42. 

  42.      */ 
    43. 

  43. 
    public void setUsername(String username) {  

    44. 

  44. 
        this.username = username;  

    45. 

  45.     }  
    46. 

  46.  
    47. 

  47. 
    public String login() {   

    48. 

  48.  
    49. 

  49. 
        if ((username == null) || (username.length() < 1))   

    50. 

  50.  
    51. 

  51. 
        return "fail";   

    52. 

  52.  
    53. 

  53. 
        if ((password == null) || (password.length() < 1))   

    54. 

  54.  
    55. 

  55. 
        return "fail";   

    56. 

  56.  
    57. 

  57. 
        if ((username.equals("孙更新")) && (password.equals("123")))   

    58. 

  58.  
    59. 

  59. 
        return "success";   

    60. 

  60.  
    61. 

  61. 
        else   

    62. 

  62.  
    63. 

  63. 
        return "fail";   

    64. 

  64.  
    65. 

  65.         }   
    66. 

  66.  
    67. 

  67.  
    68. 

  68. } 
    69. 



 


本文转自linzheng 51CTO博客，原文链接:http://blog.51cto.com/linzheng/1080797
上一篇 : ：SSH框架整合下一篇 : Hibernate知识问答
相关阅读
推荐文章






网站首页网站地图Copyright © 2021-2022 且购网  
免责声明：本站文章部分来源于互联网,如有侵权请联系站长,我们将在72小时内删除。