一、是什么？
1、定义
JavaServer Faces (JSF) 是一种用于构建 Web 应用程序的新标准 Java 框架。它提供了一种以组件为中心来开发 Java Web 用户界面的方法，从而简化了开发。JavaServer Faces 还引起了广大 Java/Web 开发人员的兴趣。“企业开发人员”和 Web 设计人员将发现 JSF 开发可以简单到只需将用户界面 (UI) 组件拖放到页面上，而“系统开发人员”将发现丰富而强健的 JSF API 为他们提供了无与伦比的功能和编程灵活性。JSF 还通过将良好构建的模型-视图-控制器 (MVC) 设计模式集成到它的体系结构中，确保了应用程序具有更高的可维护性。最后，由于 JSF 是通过 Java Community Process (JCP) 开发的一种 Java 标准，因此开发工具供应商完全能够为 JavaServer Faces 提供易于使用的、高效的可视化开发环境。
2、官网：
http://jsfcentral.com/ https://javaserverfaces.java.net/
3、版本：
JSF 2.2 (2013-04-16) — JSF 2.2 introduced new concepts like stateless views, page flow and the ability to create portable resource contracts.
JSF 2.1 (2010-10-22) — Maintenance release of 2.0. Only very minor amount of spec changes.
JSF 2.0 (2009-06-28) — Major release for ease of use, enhanced functionality, and performance. Coincides with Java EE 6.
JSF 1.2 (2006-05-11) — 核心系统和API改进. Coincides with Java EE 5. Initial adoption into Java EE.
JSF 1.1 (2004-05-27) — 错误修复,没有更改规范.
JSF 1.0 (2004-03-11) — 初始规范发布。
4、组成
一组JSP页面
一组后台bean（为在一个页面上的UI组件定义的属性和函数的JavaBean组件）
应用程序配置资源文件（定义页面导航规则、配置bean和其它的自定对象，如自定义组件）
部署描述文件（web.xml）
一组由应用程序开发者创建的自定义对象（有可能）
一些可能包含自定义组件、约束、转换器或者监听器的对象
为在页面中表现自定义对象的一组自定义tag
5、主要组件（参考《JSF入门》中文版，下面有链接）
为了展现UI组件和管理它们的状态，操作事件、服务器端的确认和数据变换；定义页面导航；支持国际化和可访问性；提供对所有特性的可扩展性的API为了在JSP中表示UI组件和拍发组件给服务器端对象的两个JSP自定义tag库。
二、优缺点？
1、优点
（1）引入了基于组件和事件驱动的开发模式，使开发人员可以使用类似于处理传统界面的方式来开发Web应用程序（有之前我们敲VB的感觉）。提供了行为与表达的清晰分离。 不用特别的脚本语言或者标记语言来连接UI组件和Web层。JSF技术API被直接分层在Servlet API的顶端。 技术为管理组件状态提供一个丰富的体系机构、处理组件数据、确认用户输入和操作事件。
（2）JSF确实与后台紧耦合，通过页面的表达式(EL)来访问后台bean的属性与方法。但可以使用Spring bean，可以使用CDI bean，可以使用JSF Managed bean。
（3）PrimeFaces是一个提高JSF Web应用程序开发效率的开源类库，shoucase https://www.primefaces.org/showcase/ https://www.primefaces.org/showcase/ https://www.primefaces.org/showcase/
2、缺点
（1）JSF是一套完整的框架，不仅仅是UI，它没有实现前后端分离，恰恰相反，是耦合在一起、
（2）在JavaEE7中 JSF版本是2.2，它忆放弃使用JSP做为表现层，而是使用了Facelets做为表现层，也是一种基于模板技术的表现层解决方案。
（3）http://www.aiyiweb.com/javasript/15240 （吐槽，做了JSF很久的人的吐槽）
三、对比JSP和Struts2？
2、对比Struts2和JSF
Struts 2和JSF都属于表现层框架，但是它们的框架性质不同，Struts 2框架只是一个单纯的MVC设计模式实现框架，而JSF本质上是一种事件驱动型的组件模型。JSF同微软的ASP.NET更加相似。JSF的应用，使开发Web应用程序同传统的C/S设计（例如Visual Basic模式）更加相似，可以处理Web页面中的单击按钮事件或者是选择下拉框事件等，因为JSF的核心是以事件驱动的。使用JSF开发应用，开发者甚至可以不用去关心传统的Web开发细节（如HTTP），页面的内容或者是操作可以直接对应到服务器端的JavaBean实现类，JSF框架自动将该交互封装在一起。而Struts 2框架则是一个非常传统的MVC设计模式，但是该框架被广大的程序员所熟悉和使用，Struts 2整合JSF，可以使Web开发模式为开发者所接受，同时又可以利用JSF完整的封装性能。
四、一个Demo
1、在eclipse中新建web项目
2、在Web应用程序的/WEB-INF/lib目录下，添加以下jar文件：
* jsf-impl.jar
* jsf-api.jar
* commons-digester.jar
* commons-collections.jar
* commons-beanutils.jar
* jstl.jar
* standard.jar<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">
<description>
JSF Demo
</description>
<display-name>JSF Demo</display-name>
<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.html</welcome-file>
</welcome-file-list>
</web-app>此时，完成了项目的创建，web.xml的配置，接下来就是开发程序了，设计一个简单的登录程序，使用者提交名称，之后由程序显示使用者名称以及欢迎信息。
1、编写一个JavaBean
package onlyfun.caterpillar;
public class UserBean {
private String name;
public void setName(String name) {
this.name = name;
}
public String getName() {
return name;
}
}2、设计页面流程
登入网页/pages/index.jsp ，用于使用者填入名称并提交表单之后在/pages/welcome.jsp中显示Bean中的使用者名称与欢迎信息。同时为了让JSF知道Bean以及页面流程，定义一个/WEB-INF/faces-config.xml：
（1）faces-config.xml
<?xml version="1.0"?>
<!DOCTYPE faces-config PUBLIC
"-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
"http://java.sun.com/dtd/web-facesconfig_1_0.dtd">
<faces-config>
<navigation-rule>
<from-view-id>/pages/index.jsp</from-view-id>
<navigation-case>
<from-outcome>login</from-outcome>
<to-view-id>/pages/welcome.jsp</to-view-id>
</navigation-case>
</navigation-rule>
<managed-bean>
<managed-bean-name>user</managed-bean-name>
<managed-bean-class>
onlyfun.caterpillar.UserBean
</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>
</faces-config>（2）index.jsp
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@page contentType="text/html;charset=GB2312"%>
<html>
<head>
<title>第一个 JSF 程序</title>
</head>
<body>
<f:view>
<h:form>
<h3>请输入您的名称</h3>
名称: <h:inputText value="#{user.name}"/><p>
<h:commandButton value="送出" action="login"/>
</h:form>
</f:view>
</body>
</html><f:view>与<html>有类似的作用，当您要开始使用JSF组件时，这些组件一定要在<f: view>与</f:view>之间，就如同使用HTML时，所有的标签一定要在<html>与< /html>之间。
html标签库中几乎都是与HTML标签相关的进阶标签， <h:form>会产生一个表单，我们使用<h: inputText>来显示user这个Bean对象的name属性，而<h:commandButton>会产生一个提交按钮，我们在action属性中指定将根据之前定义的login页面流程中前往welcome.jsp页面。
（3）welcome.jsp
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@page contentType="text/html;charset=GB2312"%>
<html>
<head>
<title>第一个 JSF 程序</title>
</head>
<body>
<f:view>
<h:outputText value="#{user.name}"/> 您好！
<h3>欢迎使用 JavaServer Faces！</h3>
</f:view>
</body>
</html>Addition：在html页面中，使用了JSF的EL表达式（Expression Language），这里需要区别JSF的EL表达式以及JSP的EL表达式：
#{expression} //JSF的EL${expression} //JSP的EL
四、附注
1、入门教程： 《JSF入门》简体中文版.pdf
2、最新版本的javadoc API (JavaServer Faces API 2.2):https://javaserverfaces.java.net/nonav/docs/2.2/javadocs/index.html
3、博客学习： http://blog.csdn.net/martinchong/article/details/53844185
这门技术，在官网上的资料比较晦涩，想要学习的网友，可以多去论坛，ITeye就不错。
扫一扫
965
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
