JSF框架简介与实例

本文详细介绍了JSF框架的核心优势,包括MVC设计模式的应用、用户界面与应用程序数据的分离,以及如何通过前端FacesServlet进行用户交互管理。重点阐述了JSF生命周期的六个阶段,从事件触发到响应呈现的全过程,以及配置文件、实例实现和相关技术组件的整合,如配置文件、JavaBean、JSP页面与Java实现。通过实例展示了如何配置JSF应用、实现登录功能并利用JavaBean处理用户输入。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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的实例

配置文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 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-app_2_5.xsd">
 <!-- 可指定多个faces-config.xml,多个xml文件用逗号隔开(/WEB-INF/faces.xml,/WEB-INF/other.xml) -->
 <!-- <context-param> 
   <param-name>javax.faces.STATE_SAVING_METHOD</param-name>   
   <param-value>/WEB-INF/faces-config.xml</param-value> 
   </context-param>
 --><servlet>
  <servlet-name>Faces Servlet</servlet-name>
  <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
  <load-on-startup>1</load-on-startup>
 </servlet>
 <servlet-mapping>
  <servlet-name>Faces Servlet</servlet-name>
  <url-pattern>*.faces</url-pattern>
 </servlet-mapping>
 <welcome-file-list>
  <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
 <login-config>
  <auth-method>BASIC</auth-method>
 </login-config>
</web-app>

 

faces-config.xml文件如果Web.xml上没配置路径,默认放在/WEB-INF下面

<?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.zeng.controller.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>/jsp/login.jsp</from-view-id>
  <navigation-case>
   <from-outcome>success</from-outcome>
   <to-view-id>/jsp/success.jsp</to-view-id>
  </navigation-case>
  <navigation-case>
   <from-outcome>fail</from-outcome>
   <to-view-id>/jsp/fail.jsp</to-view-id>
  </navigation-case>
 </navigation-rule>
 
</faces-config>

 

JSP页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ include file="/common/common.jsp"%>

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

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

  <title>My JSP '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>


对应javaBean

package com.zeng.controller;

/**  * @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("zeng")) && (password.equals("123")))

        return "success";

        else

        return "fail";

        }

}


启动服务http://localhost:8080/NativeJavaWeb/jsp/login.faces输入用户名密码便可看到效果

 

参考http://www.doc88.com/p-184601543386.html

http://wenku.baidu.com/view/2c3e2cbec77da26925c5b0fe.html


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jsp"%>


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

		<title>My JSP '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>


 


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值