首先要到JSF官網上下載參考實例，并將其lib目錄下的jar文件復制到你的應用程序/WEB-INF/lib目錄下。
這里我已經下載好了，在示例src的lib目錄下可以找到。
需要一下檔案：
jsf-impl.jar
jsf-api.jar
commons-digester.jar
commons-collections.jar
commons-beanutils.jar
jstl.jar
standard.jar
配置Web應用程式的web.xml
<?xml
version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID"
version="2.4"
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">
<description>JSF Test</description>
<display-name>JSF Test</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>
例如請求是/index.faces的話，則實際上會喚起/index.jsp網頁
|
|
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>
寫一個簡單的JavaBean：
具體程序參看示例程序：jsfTest\src\test\UserBean.java，編譯好之后放置在/WEB-INF/classes下。
再登入網頁/pages/index.jsp，使用者填入名稱并送出表單，在/pages/welcome.jsp中顯示Bean中的使用者名稱與歡迎訊息。
定義一個/WEB-INF/faces-config.xml，
如下：
<!-- bean定義 -->
<managed-bean>
<managed-bean-name>user</managed-bean-name>
<managed-bean-class>test.UserBean</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
關于javaBean的幾種管理，在下面會有詳細的說明。
|
|
</managed-bean>
<!-- 畫面轉移 -->
<navigation-rule>
<from-view-id>/pages/index.jsp</from-view-id>
<navigation-case>
<from-outcome>success</from-outcome>
<to-view-id>/pages/welcome.jsp</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>failure</from-outcome>
<to-view-id>/pages/index.jsp</to-view-id>
</navigation-case>
</navigation-rule>
配置文件：
<navigation-rule>設定，以決定在符合的條件成立時，該連結至哪一個頁
在<navigation-rule>中的<from-view-id>是個選擇性的定義，它規定了來源頁面的條件
<navigation-case>中定義各種導覽條件
<from-outcome>定義當表單結果符合的條件
在<managed-bean>中我們可以統一管理我們的Bean，我們設定Bean物件的存活范圍是session，也就是使用者開啟瀏覽器與程式互動過程中都存活。
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=utf-8"%>
<html>
<head>
<title>第一個JSF程序</title>
</head>
<body>
<f:view>
<h:form>
<h3>請輸入您的名稱</h3>
名稱: <h:inputText
value="#{user.name}"/><p>
<h:commandButton value="送出" action="success"/>
</h:form>
</f:view>
</body>
</html>
將程序放入到Tomcat中啟動，敲入http://localhost:8080/jsfDemo/pages/index.faces就可以顯示歡迎頁面了。