溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何理解JSF應用

發(fā)布時間:2021-06-16 11:41:20 來源:億速云 閱讀:103 作者:chen 欄目:編程語言

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

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

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

現(xiàn)在,讓我們來看一下 JSF 動作的細節(jié)。

JSF 怎樣工作


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

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

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

客戶端瀏覽器上 WEB 控件產(chǎn)生的事件,被包含在一個 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 是否加載。

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

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

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

  3. </h:command_button> 

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

一個簡單的JSF應用


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

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

以下的幾小段討論這個 JSF 示例的每個部分。***的一小段,“編譯與運行”,解釋 JSF應用怎么樣運行。
創(chuàng)建目錄結構
首先為你的 JSF應用創(chuàng)建一個目錄結構。在 TOMCAT 中,它在 webapps 目錄下?!皥D1”描述了叫做 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 。

創(chuàng)建 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應用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網(wǎng)站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI