如何理解JSF應用

本篇內容介紹了“如何理解JSF應用”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

JavaServer Pages(JSF) 在 Java 的 WEB 編程中已經被認為是下一個重大的事件。通過 JSF ，你可以在網頁上使用 WEB 組件，來捕獲用戶行為產生的事件。不遠的將來，Java 工具將支持這個技術，開發 WEB 應用程序將與我們現在開發 SWING 程序類似：拖放控件、寫事件偵聽器。本文是一個 JSF 的簡要介紹，并且提供一個 JSF 的例子，用來展示 JSF 的事件驅動特性。要理解本文，您需要對 servlets, JSP, JavaBeans, 與標簽庫有一定的理解。

首先，一個 JSF應用就是一個 servlet/JSP 應用。它有一個配置描述符，有 JSP 頁面、客戶定制標簽、靜態資源等等。不同的是，JSF應用是事件驅動的。你通過寫一個事件偵聽類來決定應用程序的行為。以下建立一個 JSF應用所需要的幾個步驟：
1、建立 JSP 頁面，用 JSF 組件包裝 HTML 元素。
2、寫一個 JavaBean 用來保持用戶輸入與組件數據的狀態。
3、寫一個事件偵聽器來決定當某事件發生時應該有什么反映，比如用戶點擊了一個按鈕或者提交了表單。JSF 支持兩個事件：ActionEvent 與 valueChangeEvent 。ActionEvent 是針對用戶提交表單與點擊按鈕的，而 valueChangeEvent 是當一個 JSF 組件改變了時觸發。

現在，讓我們來看一下 JSF 動作的細節。

JSF 怎樣工作

JSP 頁面是 JSF 應用的用戶接口。每個頁面包括一些 JSF 組件用來描述 WEB 控件，如表單、輸入框、按鈕等等。組件可以嵌入另一個組件中，正如輸入框可以在表單中。每個 JSP 頁面就這樣表示為組件樹。JaveBeans 從用戶的請求中獲取數據并存儲。

這是有意思的部分：每當用戶做任何事情，如點擊按鈕或者提交表單，都有事件產生。然后事件消息通過 HTTP 傳到服務器。在服務器端，是一個配置了叫做 Faces servlet 的特殊 servlet 的 WEB 容器。Faces servlet(javax.faces.webapp.FacesServlet)是所有 JSF應用的引擎。每個 JSF應用在 WEB 容器中都有獨立的 Faces servlet 。另一個重要的對象是 javax.faces.context.FacesContext , 它包括了所有關于當前用戶請求的必要信息。

Faces servlet 的后臺處理是相當復雜的。然而你沒有必要了解這些細節，只需要記住：Faces servlet 為 JSP 頁面創建了組件樹，對組件樹的控制又對應著事件。Faces servlet 知道怎么去創建組件樹，因為它已經訪問了當前應用中所有的 JSP 頁面。Faces servlet 還會創建一個 Event 對象，并把它傳遞給所有注冊過的偵聽器。你可以通過與當前請求相對應的 FacesContext 得到這個頁面的組件樹。

客戶端瀏覽器上 WEB 控件產生的事件，被包含在一個 HTTP 請求中，放在一起還有如瀏覽器類型、請求地址等其它信息。因此，所有需要 Faces servlet 處理的請求必須指向這個 servlet 。那你怎樣通過調用 Faces servelt 來處理每個 HTTP 請求呢？很容易，只需要在配置描述符里用一個 servlet-mapping 元素把一個特殊的 URL 式樣映射到 Faces servlet。通常，你會用到 /faces/* 樣式，如下所示：

1. <!-- Faces Servlet --> 

2. <servlet> 

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

4. <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> 

5. <load-on-startup>1</load-on-startup> 

6. </servlet> 

7. <!-- Faces Servlet Mapping --> 

8. <servlet-mapping> 

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

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

11. </servlet-mapping> 

請求地址必須包含有在 <url-pattern> 元素中描述的樣式。這個要求不容易達到。另外也需要注意的是 <servlet> 元素，它包含 Faces servlet ，有一個 <load-on-startup> 元素，用來確是否應用程序***次啟動時 servlet 是否加載。

為了捕獲組件產生的事件，你需要為這個組件寫一個偵聽器，并把它注冊給這個組件。通過在表示組件的客戶端標簽中嵌入 <action_listener> 元素能做到這一點。例如，為了讓一個名叫 jsfApp.MyActionListener 的事件偵聽器，來捕獲一個名叫 submitButton 的命令按鈕產生的事件，在你的 JSP 頁面中寫如下的代碼即可：

1. <h:command_button id="submitButton" label="Add" commandName="submit" > 

2. <f:action_listener type="jsfApp.MyActionListener" /> 

3. </h:command_button> 

一個 action listener 必須實現 javax.faces.event.ActionListener 接口，而一個 value-changed listener 必須實現 java.faces.event.valueChangedLister 接口。下面讓我們來創建一個簡單的 JSF應用，以展現 JSF 是怎么樣事件驅動的。

一個簡單的JSF應用

我們將創建一個簡單的應用，它可以實現對二個數字相加。為了運行這個應用，你需要準備 TOMCAT5 與 JSF v1.0 EA4(包含在 Java Web Services Developer Pack (JWSDP) 1.2中)。這個應用程序包括：
◆adder.jsp　JSP 頁面。
◆NumberBean 存放用戶數據的 JavaBean
◆MyActionListener 事件偵聽器
◆web.xml 配置描述文件

為了使這個應用能正常工作，還需要幾個 jar 文件，包括 JSF 標準實現與其它類庫。如果你安裝了 JWSDP 1.2，你就可以在 jsflib 目錄下找到所需要的這些文件。把這些 .jar 文件拷貝到 WEB-INF/lib 目錄下。下面是整個的 .jar 與 .tld 文件列表：
◆jsf-api.jar 包含有 Faces servlet 與其它相關 javax.faces 包下面的類
◆jfs-ri.jar 是 JSF 的參考實現
◆jstl_el.jar
◆standard.jar
此外，一個 JSF應用還需要如下的類庫，它們是 Apache Jakarta 項目的一部分：
◆commons-beanutils.jar
◆commons-digester.jar
◆commons-logging.jar is

以下的幾小段討論這個 JSF 示例的每個部分。***的一小段，“編譯與運行”，解釋 JSF應用怎么樣運行。
創建目錄結構
首先為你的 JSF應用創建一個目錄結構。在 TOMCAT 中，它在 webapps 目錄下。“圖1”描述了叫做 myJSFApp 的應用程序的目錄結構。
寫配置描述符
與其它的 servlet/JSP 應用一樣，這個應用程序也需要一個配置描述文件。

1. <?xml version="1.0"?> 

2. <!DOCTYPE web-app PUBLIC  

3. "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"  

4. "http://java.sun.com/dtd/web-app_2_3.dtd";;> 

5. <web-app> 

6. <!-- Faces Servlet --> 

7. <servlet> 

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

9. <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> 

10. <load-on-startup> 1 </load-on-startup> 

11. </servlet> 

12. <!-- Faces Servlet Mapping --> 

13. <servlet-mapping> 

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

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

16. </servlet-mapping> 

17. </web-app> 

在這個配置描述文件中有二個部分。 <servlet> 元素注冊 Faces servlet ， <servlet-mapping> 元素聲明任何包含有 /faces/ 式樣的請求地址，必須傳遞給 Faces servlet 。

創建 JSP 頁面一個叫做 adder.jsp 的 JSP 頁面提供用戶接口

1. <%@ taglib uri="http://java.sun.com/jsf/html";; prefix="h" %> 

2. <%@ taglib uri="http://java.sun.com/jsf/core";; prefix="f" %> 

3. <html> 

4. <head> 

5. <title>Add 2 numbers</title> 

6. </head> 

7. <body> 

8. <jsp:useBean id="NumberBean" class="jsfApp.NumberBean" scope="session" /> 

9. <f:use_faces><br /> 

10. <h:form id="addForm" formName="addForm" ><br /> 

11. First Number:<br /> 

12. 　<h:input_number id="firstNumber" valueRef="NumberBean.firstNumber" /><br /> 

13. 　 Second Number:  

14. 　<h:input_number id="secondNumber" valueRef="NumberBean.secondNumber" /><br /> 

15. Result:  

16. 　<h:output_number id="output" valueRef="NumberBean.result"/><br> 

17. 　<h:command_button id="submitButton" label="Add" commandName="submit" > 

18. <f:action_listener type="jsfApp.MyActionListener" /> 

19. 　</h:command_button> 

20. </h:form> 

21. </f:use_faces> 

22. </body> 

23. </html> 

我們首先定義了倆個標簽，它用到 JSF 的兩個標簽庫：html 與 core 。這倆個標簽庫的定義可以在 jsf-ri.jar 文件中找到，所以你不用為它擔心。它們的前綴分別是 h / f 。

1. <%@ taglib uri="http://java.sun.com/jsf/html";; prefix="h" %> 

2. <%@ taglib uri="http://java.sun.com/jsf/core";; prefix="f" %> 

3. <jsp:useBean> 這個動作元素定義 NumberBean JavaBean 為 session scope 。  

4. <jsp:useBean id="NumberBean" class="jsfApp 

“如何理解JSF應用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！