JSF框架简介与实例

最新推荐文章于 2020-05-27 09:43:03 发布
最新推荐文章于 2020-05-27 09:43:03 发布
阅读量612 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JAVAWEB
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lovexiaozeng336/article/details/8775560
本文详细介绍了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>


 


 

jsf介绍和例子
05-14
京东jsf服务框架介绍。jsf十分钟入门指南
JSF框架简介与myeclipse构建简单实例
choutihu0636的博客
10-29 142
典型的JSF应用程序包含下列部分： 一组JSP页面 一组后台bean（为在一个页面上的UI组件定义的属性和函数的JavaBean组件） 应用程序配置资源文件（定义页面导航规则、配置bean和其它...
JSF框架服务 (图例 JSF框架概况图)
留下脚印
05-12 1158
    JSF框架负责与客户端设备进行交互, 而且它提供工具来把Web程序的可视化表现层, 程序逻辑层, 还有业务逻辑层联系起来.但是, JSF的作用域只能限制在表现层. 像数据持久层, Web Service, 后台连接控制等超出了JSF的作用域控制范围.    以下是JSF框架提供的最重要的一些服务1. MVC结构    JSF作为控制器, 在执行请求和发生值变化事件时, 更新模型的对应值和页
JSF入门实例--简明版
色无边界的专栏
03-13 804
  史上最简单的JSF 入门实例。公司用jsf框架开发，寡人只好学JSF.以下为最简明教程。1.下载jar包官方网址：http://java.sun.com/javaee/javaserverfaces/download.html说明：建议下：JavaServer Faces v1.1 Specification Final Release  ，这个版本比较稳定
JSF框架实例
12-19
JSF（JavaServer Faces）是Java平台上用于构建Web应用...总之，JSF框架为Java Web开发提供了一种强大的工具，通过其MVC架构和生命周期管理，使得开发人员能够更加专注于业务逻辑，而不用过于关心用户界面的实现细节。
JSF框架DataGrid使用实例及深入探讨
#### JSF框架实例 描述中提到了一个实例，这表明具体展示了如何使用JSF框架。在JSF实例中，可能包括了如何配置web.xml文件以启动JSF环境，如何创建Faces-config.xml文件来定义组件和导航规则，以及如何使用托管Bean...
JSF框架及其简单的实例
01-25
**JSF框架详解** JavaServer Faces（JSF）是Java平台上的一个标准的、用于构建Web应用程序的MVC（Model-View-Controller）框架。它为开发者提供了丰富的组件库和事件处理机制，使得开发人员可以更高效地创建交互式...
京东jsf中间件简介！.pdf
05-08
### 京东JSF中间件简介 #### 一、概述 京东JSF（杰夫服务框架）是一款由京东自主研发的中间件产品，旨在解决大规模分布式系统中的服务治理和服务通信问题。随着业务规模的增长和技术发展的需求，京东原有的服务...
JavaServer Faces (JSF) 框架详解与实例探索
在JSF框架中，Managed Beans是核心概念之一，它们是JSF管理的Java对象，可以绑定到页面上的组件，从而简化了业务逻辑和视图之间的交互。EL则允许开发者以简洁的方式访问和操作后台数据，极大地提高了开发效率。JSF的...
自己做的JSF实例(内容完整,带DB)
01-04
完成于2008年12月,主要用JSF实现增删改查,带分页~以及各种组件标签的应用,包括复选框等.导航的应用.数据库用SQL2005. 注意:改一下连接端口,默认的是1433.
jsf2.0 完整实例(含所有jar包)
05-26
jsf-api-2.1.7.jar jsf-impl-2.1.7.jar jstl-1.2.jar等
JSF实例
04-18
绝对好的JSF实例，里面有PPT演示
JSF的一个实例
05-29
JFS的一个实例：主要功能是实现用户的登陆，以及用户信息查询。
jsf的一个实例
kingxuexi的博客
04-06 813
这个实例引用：http://www.mkyong.com/jsf2/jsf-2-0-hello-world-example/ 自己部署，能用。自己做个备份 下载：http://download.youkuaiyun.com/detail/kingxuexi/9805056
JSF——简单实例
Ingenuus的专栏
02-01 1721
简单实例在不考虑组件有子组件的情况下，这边以实际的一个例子来说明开发组件的过程，至于考虑子组件的情况请参考专书介绍。o 编码, 译码o 组件卷标o 使用自订组件o 自订 Renderer编码, 译码
jsf入门实例
sjtu_chenchen的专栏
05-17 471
百科上定义：引入了基于组件和事件驱动的开发模式，使开发人员可以使用类似于处理传统界面的方式来开发Web应用程序。提供了行为与表达的清晰分离。 不用特别的脚本语言或者标记语言来连接UI组件和Web层。JSF技术API被直接分层在Servlet API的顶端。 技术为管理组件状态提供一个丰富的体系机构、处理组件数据、确认用户输入和操作事件。如果之前使用过Struts或者SpringMVC那么就应该很清楚
JSF入门实例分析
FFA(Frighting for Ambition!)
09-25 2641
效果图： 目录： jar包：（稍后提供下载链接）首先创建托管bean:package onlyfun.caterpillar;import javax.faces.component.html.HtmlInputText; public class UserBean { private String name; private String password;
一个JSF清单示例
最佳 Java 编程
05-27 256
这是使用JSF 2.0（JavaServer Faces）构建的示例列表应用程序。 该应用程序是待办事项列表。 该应用程序具有添加，编辑或删除列表中项目的功能。 待办事项具有名称和描述属性。 完成的应用程序的JSF页面具有： 使用h:selectOneListbox html标记实现的待办事项列表。 使用f:selectItems核心标签填充列表数据。 待办事项名称和描述字...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值