JSF(Java Server Faces)学习日记

选择自 lessoft 的 Blog

1概述:

    JSF(Java Server Faces)是基于MVC模式的新一代web framework,是一套JCP支持的新一代web开发规范,各个厂商可以定义自己的JSF实现,使开发更加容易.

JSF具有一下优点: (1)基于MVC,可以有效的将数据显示与业务逻辑分开处理.(2)有功能强大丰富的web开发组件,可以可视化的设计开发web应用程序.(3)事件驱动,这是JSF比较重要的特点,这种机制大大减少了开发时间,提高了开发效率.

2.配置

    JSF是一个标准的web framework,是以Servlet为调度核心,因此,如果想正常运行JSF程序,必须把JSF作为servlet来运行,后缀名为:.faces,示例代码如下(web.xml):

  <context-param>

    <param-name>javax.faces.CONFIG_FILES</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>0</load-on-startup>

  </servlet>

  <servlet-mapping>

    <servlet-name>Faces Servlet</servlet-name>

    <url-pattern>*.faces</url-pattern>

  </servlet-mapping>

也需要把JSF的几个库文件(jsf-*.jar)放到web应用程序的lib下.

JSF是作为Servlet来运行,也有自己的配置文件,就是上面param所指定的faces-config.xml,这个文件中配置了JSF正确运行需要的一些信息,包括managed-bean(将JSF web页面中需要的bean以managed的方式配置起来,这样,就可以在web 页面中直接调用该bean 的属性和方法),navigation-rule(JSF页面之间的流转/调度配置)…….

JSF程序在web页面中也表现为custom tab,也就是说,JSF也跟strtus一样,有自己的一套tab library,它通过解析这些tag来实现对JSF程序的控制.目前,JSF有2套tab:jsf_core.tld和html_basic.tld,从名字上可以看出来,第一个主要是核心JSF程序使用的tag,包括view(所有的JSF程序都必须有的tag),loadBundle(资源相关),validator(校验相关)等等.第二个是web页面设计相关的的一些html组件tag,这些组件,可以组成普通或者复杂的web应用程序.

这里提一下,JSF最主要的特性之一,事件驱动,就是通过html组件来体现的,在定义了一个按钮(commandButton)以后,只要定义一下它的action,就可以直接的将这个动作映射到后台的某个managed-bean的某个方法上,这样,大大减少了原来中间层的javascript调用,也就缩短了开发时间,并且,也减少了中间出错的几率.



3.最简单的例子

    想迅速了解JSF的运行机制以及使用JSF,我试着做一个最简单的例子,来观察JSF的运行.例子的基本想法是:两个基本的jsp页面(基于JSF的,也就是说,要引入JSF的tag lib),一个后台的Bean,Bean中有一个示例的可以调用的方法.在第一个页面中,有一个按钮,将按钮的action对应到Bean中的方法(通过faces-config.xml的managed-bean来定义),这样,当点击按钮的时候,调用该方法,并且,页面跳转到第二个web页面(通过faces-config.xml的navigation-rule来定义).

    通过一番紧张的配置,写代码,查错,改错……,例子终于可以正确运行,达到了我想预期的目标,具体各个文件可能如下:

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> demo </managed-bean-name>

        <managed-bean-class> com.doublebridge.sm.web.bean.DemoBean </managed-bean-class>

    <managed-bean-scope> request </managed-bean-scope>

    </managed-bean>

    <navigation-rule>

       <navigation-case>

           <description>Add a new user</description>

           <from-outcome>addUser</from-outcome>

           <to-view-id>/userDetail.jsp</to-view-id>

       </navigation-case>

    </navigation-rule>

</faces-config>



两个jsp页面分别为userList.jsp和userDetail.jsp,上面的配置文件意思就是说,当我调用到”addUser”action的时候,页面就跳转到userDetail.jsp.定义的demo是DemoBean的实例,是由JSF来初始化,在web页面中直接调用即可.

userList.jsp

    这个文件中,会有这样一块儿代码:

    <f:view>

       <h:form id="UserListForm" rendered="true">

              <h:outputText>[tag outputText]</h:outputText>

              <h:commandButton value="Exec Add User" rendered="true" action="#{demo.addUser}" id="btnAddUser" image="images/BuyBtn.gif" type="submit"/>

       </h:form>

    </f:view>    

    定义了JSF页面需要的最基本的view,html-form和一个command button,通过点击这个command button 来调用后台的demo.addUser方法,来实现真正的业务逻辑.这个过程中,我么不必考虑JSF是如何把这个demo.addUser对应到后台的方法上的,只要写这样对应写,就可以了.

    userDetail.jsp

    如果写都可以了.这个例子中,userDetail.jsp只是一个流转点.

    DemoBean.java

package com.doublebridge.sm.web.bean;

public class DemoBean {



    public String addUser(){

        System.out.println("exec addUser");

        return "addUser";

    }

   

}





    注意:这里该方法要定义为String类型,返回的字符串就是在faces-config.xml中定义的navigation-rule -> navigation-case - > from-outcome,JSF也就是通过这个来找到userDetail.jsp页面进行调度的.

    通过这个例子,我们可以大致明白了JSF的一些基本原来和运行方式,接下来,我们就可以仔细研究每个html控件的方法和属性,以及jsf-core中其它的一些tag,能够带给我们的好处了.



注意事项:

1.Jboss4.03SP1自己带了MyFaces的实现,所以,当我们自己的实现是

Reference Implementation的时候,会与Jboss出现冲突,所以,需要删除(Rename)一些文件,tomcat5.5下jsf-lib目录.