简单JSF举例来介绍JSF应用及此MVC框架的一点好处

最新推荐文章于 2023-06-27 17:17:12 发布

shierqu

最新推荐文章于 2023-06-27 17:17:12 发布

阅读量3.1k

点赞数 3

分类专栏： struts/JSF/spring/hibe/JPA html/div+css/JS/Ajax/jsp/Flex 文章标签： jsf mvc 框架 struts login action

本文链接：https://blog.csdn.net/shierqu/article/details/7521690

版权

html/div+css/JS/Ajax/jsp/Flex 同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

struts/JSF/spring/hibe/JPA

10 篇文章 0 订阅

订阅专栏

本文简单介绍了下JSF，同时利用一个小例子介绍了JSF项目开发过程，从中体会着此MVC框架给开发带来的好处。期间也简单说明了下与struts的一点点区别。

JSF（javaServer Faces）是符合J2EE5标准的web端框架。JSF提供标准的编程接口、事件驱动模型、丰富的可扩展的组件库：包括一个核心的JSP标记库用来处理事件、执行验证及其他非UI相关的操作，即core标签库；和一个标准的HTML标记库来表示UI组件，即html标签库。

JSF体系结构如下图所示：

由上图可以清晰了解到JSF是一个符合MVC设计规范的web框架，同时所有的请求交由FacesSerlet（javax.faces.webapp.FacesServlet）类来处理。我们只需要将这个servlet配置到web.xml，告知服务器那些请求交由此servlet处理就可以。下面进行简单应用。

项目结构如下图所示：

JSF项目入口：

配置web.xml，告诉服务器所有以.faces结尾的请求都交由JSF来处理，web.xml配置如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>JSFTEST</display-name>
  
  <servlet>
  	<servlet-name>FacesServlet</servlet-name>
  	<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
  	<load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
  	<servlet-name>FacesServlet</servlet-name>
  	<url-pattern>*.faces</url-pattern>
  </servlet-mapping>
  
  <welcome-file-list>
  	<welcome-file>index.faces</welcome-file>
  </welcome-file-list>
</web-app>

接下编写应用：用户输入名称经后台登陆处理后返回欢迎界面。在编写之前，我们看上文web.xml的<welcome-file-list>中配置的应用首页是index.faces，这样做一是方便演示，另一很重要一点是想说，如果我们在应用首页中直接使用JSF标签，此时如果以简单java web的形式请求该页面，则会出现javax.servlet.jsp.JspException: Cannot find FacesContext等问题，此时我们可以编写两个页面一个index.jsp（这正的首页，包含JSF标签），一个index.faces（不做任何操作），也有其他方法，此处只为演示做个简短说明，详情后续会深入。

Index.faces页面代码：

<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>first JSF application</title>
</head>
<body>
</body>
</html>

Index.jsp页面代码：

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

<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>first JSF application</title>
</head>
<body>
	<c:view>
		<h:form>
			<h3>请输入您的姓名</h3>
			姓名：
			<h:inputText value="#{user.userName}" />
			<h:commandButton value="登录" action="#{user.login}" />
		</h:form>
	</c:view>
</body>
</html>

看到上面的代码，我们发现输入框和登录按钮都是绑定到了一个User上了，这一点也是JSF同Struts2在推送数据上所不同的地方。上文中的user是什么呢，这涉及的JSF很关键的知识点Managed Beans，其作用相当于struts2的Action，但有所不同。这个user实际对应着java端UserBean，其代码所下所示。

UserBean代码：

package com.test;

public class UserBean {
	
//该属性用于与JSF标签绑定
	private String userName;
	
//该方法被绑定到UI组件（按钮）的action属性
	public String login(){
		
		System.out.println("====login======");
		
		this.userName += " 后台login方法处理了";
		
		return "login";
	}
	

	public String getUserName() {
		return userName;
	}

	public void setUserName(String userName) {
		this.userName = userName;
	}
}

此Bean之所以能够在上文中的Index.jsp中作为user使用，原因是它配置在JSF核心的配置文件faces-config.xml中作为Managed Beans而存在使用了。

faces-config.xml配置：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

<faces-config>
	
	<managed-bean>
		<managed-bean-name>user</managed-bean-name>
		<managed-bean-class>com.test.UserBean</managed-bean-class>
		<managed-bean-scope>session</managed-bean-scope>
	</managed-bean>
	
	<navigation-rule>
		<from-view-id>/index.jsp</from-view-id>
		<navigation-case>
			<from-outcome>login</from-outcome>
			<to-view-id>/welcome.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>
</faces-config>

前段输入用户名进行登录，会调用到UserBean的login方法上，其返还的login标识会被JSF捕捉依次判断其跳转的界面，在上文的faces-config.xml中发现其要跳转至/welcome.jsp页面。而要输出的内容不需要我们去关系，原因是我们已发现managed Beans能够同对应的界面标签组件进行绑定。

welcome.jsp页面代码：

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

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>first JSF application</title>
</head>
<body>
	<c:view>
		<h:form>
			<h3>当前登录人</h3>
			<h:outputText value="#{user.userName }" />
		</h:form>
	</c:view>
</body>
</html>

程序运行效果：

首先用户看到如下输入界面：