【JavaEE】The Introduce of 'JSF'

一、是什么？

       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？

     1、对比JSF和JSP
     （1）JSP是一种构建动态Web应用的组件技术；
     （2）JSF是一种构建动态Web应用的框架技术。

        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       3、配置web应用程序的web.xml文件，使用JSF时，所有请求通过FacesServlet来处理，web.xml定义如下：
<?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>       在上面的定义中，我们将所有.faces 的请求交由 FaceServlet 来处理，FaceServlet 会唤起相对的.jsp 网页，例如请求是/index.faces 的话，则实际上会唤起/index.jsp 网页，完成以上的配置，就可以开始使用 JSF 了。

       此时，完成了项目的创建，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;
}
}       这个Bean将存贮使用者的名称，编译好之后放置在/WEB-INF/classes下

       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>        在<navigation-rule>中，我们定义了页面流程，当请求来自<from-viewid>中指定的页面，并且指定了<navigation-case>中的<from-outcome>为login时，则会将请求导向至<to-view-id>所指定的页面。在<managed-bean>中我们可以统一管理我们的Bean， 我们设定Bean对象的存活范围是session，也就是使用者开启浏览器与程序互动过程中都存活。接下来要告诉网页设计人员的信息是，他们可以使用的Bean名称，即<managed-bean-name>中设定的名称，以及上面所定义的页面流程。

       （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>        在<html>之前使用了JSF的core与html标签库，core是有关于UI组件的处理，而html则是有关于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>        之后，通过配置你的tomcat，就可以进行访问了，注意，url的末尾，不是index.jsp，而是index.faces。
         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就不错。