JSF入门实例--简明版

 

---

 

史上最简单的JSF 入门实例。

公司用jsf框架开发，寡人只好学JSF.以下为最简明教程。

1.下载jar包

官方网址：http://java.sun.com/javaee/javaserverfaces/download.html

说明：建议下：JavaServer Faces v1.1 Specification Final Release  ，这个版本比较稳定。

2. 搭建目录环境

要点：在WEB-INF目录下新建faces-config.xml.并把JSF解压目录下的所有jar包加入工程lib目录下。如果用MyEclipse的，直接可以生成。

3. 编写配置文件

1.========web.xml

<? xml version="1.0" encoding="UTF-8" ?>
< web-app  xmlns ="http://java.sun.com/xml/ns/j2ee"  xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance"  version ="2.4"  xsi:schemaLocation ="http://java.sun.com/xml/ns/j2ee   http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" >
   < 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 > 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.faces </ welcome-file >
   </ welcome-file-list >
  
</ web-app >

2.========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 >
     < navigation-rule >
         < from-view-id > /index.jsp </ from-view-id >
         < navigation-case >
             < from-outcome > login </ from-outcome >  
             < to-view-id > /index.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 >

4. 编写代码

1.========onlyfun.caterpillar.UserBean

package  onlyfun.caterpillar;

  public   class  UserBean  ... {
    private String name;

    public void setName(String name) ...{
        this.name = name;
    }

    public String getName() ...{
        return 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:outputText  value ="#{user.name}" />  
         < h:form >   
             < h3 ></ h3 >
            请输入您的名称:  < h:inputText  value ="#{user.name}" />< p >
                 < h:commandButton  value ="送出"  action ="login" />
         </ h:form >  
     </ f:view >
  </ body >
  </ html >  

5. 大功告成

测试:http://localhost:8080/jsf/index.faces