`

JSF框架简介与实例

JSF框架简介JSF框架简介与实例JSF框架实例webjsf 
阅读更多
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

代码 
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

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

<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd"
    version="1.2">
    
    <managed-bean>
        <managed-bean-name>loginBean</managed-bean-name>
        <managed-bean-class>
            com.qdu.sun.jsf.LoginBean
        </managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
        <managed-property>
            <property-name>username</property-name>
            <property-class>java.lang.String</property-class>
            <value></value>
        </managed-property>
        <managed-property>
            <property-name>password</property-name>
            <property-class>java.lang.String</property-class>
            <value></value>
        </managed-property>
    </managed-bean>
    <navigation-rule>
        <from-view-id>/login.jsp</from-view-id>
        <navigation-case>
            <from-outcome>success</from-outcome>
            <to-view-id>/success.jsp</to-view-id>
        </navigation-case>
        <navigation-case>
            <from-outcome>fail</from-outcome>
            <to-view-id>/fail.jsp</to-view-id>
        </navigation-case></navigation-rule>
    <navigation-rule>
        <from-view-id>/success.jsp</from-view-id>
    </navigation-rule>
    <navigation-rule>
        <from-view-id>/fail.jsp</from-view-id>
    </navigation-rule></faces-config>

 

 

前端页面

/JSFLoginDemo/WebRoot/login.jsp

代码 
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

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

        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    </head>

    <body>
        <f:view>
            <br>
            <h:form>

                <h:panelGrid columns="3">

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

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

                    <h:message for="username" />

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

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

                    <h:message for="password" /> 

                </h:panelGrid>

                <h:panelGrid>

                    <h:panelGroup>

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

                    </h:panelGroup>

                </h:panelGrid>

            </h:form>



        </f:view>
    </body>
</html>

 

后台代码

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

代码 
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->/**
 * 
 */
package com.qdu.sun.jsf;

/**
 * @author sun1
 *
 */
public final class LoginBean extends Object {

    /**
     * 
     */
    private String password;
    /**
     * 
     */
    private String username;
    /**
     * @return the password
     */
    public String getPassword() {
        return password;
    }
    /**
     * @param password the password to set
     */
    public void setPassword(String password) {
        this.password = password;
    }
    /**
     * @return the username
     */
    public String getUsername() {
        return username;
    }
    /**
     * @param username the username to set
     */
    public void setUsername(String username) {
        this.username = username;
    }

    public String login() { 

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

        return "fail"; 

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

        return "fail"; 

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

        return "success"; 

        else 

        return "fail"; 

        } 


}
分享到：
| f:facet
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JSF框架及其简单的实例

    **JSF框架详解** JavaServer Faces（JSF）是Java平台上的一个标准的、用于构建Web应用程序的MVC（Model-View-Controller）框架。它为开发者提供了丰富的组件库和事件处理机制，使得开发人员可以更高效地创建交互式...

    JSF框架中使用的设计模式介绍

    JSF框架充分利用了多种设计模式，这些模式有助于提高代码的可复用性、可维护性和可扩展性。以下是JSF框架中使用的一些关键设计模式的详细解释： 1. **Singleton模式**： Singleton模式确保一个类只有一个实例，并...

    JSF框架使用入门（初学jsf必备）

    本教程将引导初学者了解如何入门JSF框架，通过一个简单的伪登录界面实例，学习JSF的基本组件、受管Bean以及配置。 首先，我们需要一个开发环境，这里选用的是Netbeans。Netbeans是一款集成开发环境，支持多种编程...

    jsf_login 三个框架登录实例

    这个"jsf_login"实例是将这三个框架整合起来实现的一个登录功能。JSF负责展示用户界面，接收用户输入；Spring框架可以用于管理Bean，处理请求，同时可以通过AOP进行安全控制；Hibernate则用于处理数据库操作，如用户...

    京东jsf中间件简介！.pdf

    ### 京东JSF中间件简介 #### 一、概述 京东JSF（杰夫服务框架）是一款由京东自主研发的中间件产品，旨在解决大规模分布式系统中的服务治理和服务通信问题。随着业务规模的增长和技术发展的需求，京东原有的服务...

    jsf框架搭建

    本教程将针对初学者，详细介绍如何搭建一个基本的JSF框架环境，并通过实例演示其核心功能。 一、JSF框架概述 JSF是一种MVC（模型-视图-控制器）架构的框架，它将用户界面、业务逻辑和数据模型分离开来，使开发更...

    jsf第一个例子 jsf架包 jsf实例

    7. **jsf实例**：在实际应用中，JSF实例通常指的是一个运行时的JSF应用程序，它包含了配置、组件、Managed Beans以及它们之间的交互。 在“Login”示例中，我们可能看到以下代码片段： ```xml &lt;!-- login.xhtml --...

    JSF实例源代码下载

    1. **JSF框架概述**：JSF设计的主要目标是简化服务器端的Web开发，通过提供可重用的UI组件和事件处理机制。JSF生命周期包括六步：恢复视图、应用请求值、处理验证、更新模型值、调用应用程序和渲染响应。 2. **JSF...

    jsf简介-简约介绍+实例代码

    当通过配置的URL（如`hello.faces`）访问这个页面时，JSF框架会处理请求，展示页面内容。 例如，一个简单的hello.jsp页面可能包含如下代码： ```jsp &lt;%@ taglib uri="http://java.sun.com/jsf/...

    JSF登录的实例 Eclipse

    Managed Bean是JSF中的核心概念，它是Java类，可以被JSF框架管理和注入到视图中。创建一个名为`LoginBean`的类，标记为`@ManagedBean`和`@RequestScoped`，这样每次HTTP请求都会创建一个新的Bean实例。在Bean中定义...

    JSF实例

    这些资源对于初学者来说非常有价值，可以帮助他们快速理解并掌握JSF框架。 ### JSF与JSP的整合 JSF和JSP可以很好地协同工作，JSF处理业务逻辑和数据管理，而JSP负责页面展示。开发者可以使用JSF的UI组件在JSP页面上...

    jsf+EJB开发实例

    5. **FacesContext**：它是JSF框架的核心对象，包含了处理当前请求所需的所有信息，如请求参数、响应头、用户会话等。 6. **Managed Beans**：JSF中的 Managed Beans 是业务逻辑的载体，它们负责处理数据，可以通过...

    jsf+spring 实例

    JSF框架详解** JSF是Java EE的一部分，它的核心是组件模型和事件驱动机制。JSF组件库包括一系列可重用的UI组件，如按钮、文本框、表格等，开发者可以通过XML配置或Java代码来创建和布局页面。JSF通过EL（Expression...

    JSF的一个实例

    JavaScriptServerFaces（JSF）是JavaEE平台中的一个用于构建用户界面的组件框架，它提供了一种声明式的方式来创建Web应用程序。在这个实例中，我们关注的是用户登录和信息查询的功能，这两个是任何Web应用中最基本且...

    jsf+ejb3 实例-员工管理系统

    JSF1.2是这个框架的一个早期版本，尽管现在已经有更新的JSF2.x版本，但在本实例中使用JSF1.2是为了演示如何在旧环境中集成EJB3。 **EJB3简介** EJB3是EJB（Enterprise JavaBeans）规范的第三个主要版本，显著简化了...

    JSF教程（有关jsf实例的操作步骤）

    **JSF（JavaServer Faces）教程** JSF是一种基于组件的服务器端用户界面（UI）框架，用于构建和实现Web应用程序。...通过深入学习这个教程，开发者将能更好地理解和掌握JSF框架，从而高效地开发高质量的Web应用。

    JSF 框架学习 共有8个PPT

    总结来说，JSF框架为Java Web开发者提供了一个组件化、事件驱动的开发环境，结合Struts等其他框架的原理，可以更好地理解和运用JSF。通过北大青鸟的教程，开发者可以深入学习JSF的各个方面，提高自己的专业技能。

Magicbox
Global site tag (gtag.js) - Google Analytics