建立 Faces 應用程式 - 概觀

雖然您可以利用多種 Web 技術來建立動態 Web 應用程式,但 JavaServer Faces 使您能夠輕易建立表格架構的應用程式。許多視圖可讓您輕易在 Web 應用程式中實作 JavaServer Faces 技術: 「頁面資料」視圖(顯示所定義的資料來源)、「選用區」視圖中的「Faces 元件」抽屜 (可讓您輕易新增 UI 元件及定義頁面的所有資料來源), 以及「選用區」視圖中的資料抽屜(可讓您定義新的資料來源,並將 JavaBean™ 和關聯式記錄清單之類的資料元件拖曳到頁面中)。

以下是建立 Faces 應用程式的主要步驟:

  1. 建立動態 Web 專案。Web 專案是所有 Web 應用程式資源的儲存器。(請注意,Faces JSP 檔可能包含在 J2EE 1.3 或 J2EE 1.4 動態 Web 專案中。) 如果您將任何 Faces 資源新增至 Web 專案中,系統就會自動啟用 Faces 工具。
    註: 僅當您的目標是 WebSphere® Application Server 5.1 版或 6.0 版時,才可使用「服務資料物件」(SDO) 資料存取組織架構來存取關聯式資料庫。如果您嘗試使用 SDO,系統會提示您使用正確的伺服器做為應用程式的目標。 如果應用程式的目標為不同的伺服器,您應該使用 Data Access Bean 做為資料存取方法。
  2. 在該專案中建立 Faces JSP 檔。 Faces JSP 檔會變成動態 Web 專案中的一個網頁。
  3. 將資料元件新增至 Faces JSP 檔。請將「選用區」視圖「資料」抽屜中的某個元件拖曳至網頁中。 您可以新增一般資料元件(如:Java™ Bean 或 Web 服務),也可以新增關聯式資料庫記錄。
    • 您可以使用兩種關聯式記錄元件:
      • 單一關聯式記錄:這個元件會傳回單一關聯式記錄,且記錄的內容通常會連結到輸入或輸出元件。
      • 關聯式記錄清單:這個元件會傳回一份關聯式記錄清單,並可連結到資料表或其他元件。 它也可以顯示 JavaBean 陣列中的元素,並可連結到 JavaBean 陣列。
      使用關聯式記錄和關聯式記錄清單的好處,是您可以擷取、建立、更新或刪除關聯式資料庫中的資訊,且可以選擇性地連結這則資訊來提供給一般使用者。
    • 如果您要使用 Java Bean 或 Web 服務,請從「頁面資料」視圖或選用區上的「資料」抽屜中拖曳這些項目。
    依預設,當您從選用區新增資料元件時,會發生兩件事:
    • 會定義資料來源(並出現在「頁面資料」視圖中)。
    • 適當的 Faces 元件會新增至頁面供已定義的資料來源使用。

      這些 Faces 元件會連結到定義的資料來源。比方說,如果使用關聯式記錄清單,則可能會在網頁中新增資料表。 如果使用關聯式記錄,可能會在網頁中新增元件表。 關聯式記錄中的每個欄位用表格中的一列來表示。 每一列所包含的元件會隨著新增的資料類型及使用者想要如何在網頁內使用關聯式記錄而不同(也就是建立、更新或顯示)。

  4. 您可以從選用區將其他 Faces 元件拖曳到頁面上來繼續設計頁面。您可以放置輸入欄位、指令按鈕、超鏈結、標籤畫面和媒體播放程式等元件。
    註: 支援下列瀏覽器來顯示 Faces 元件: Microsoft® Internet Explorer 5.5 或更新版本、 Mozilla 1.3 或更新版本,或是 Netscape 6.1 或更新版本。
  5. 編輯每一個元件的內容。當您將焦點移至 Page Designer 的「設計」或「程式碼」頁面中的某個元件時,「內容」視圖會顯示這個元件可用的內容。如果您直接從選用區新增 Faces 元件, 您可以將該元件連結到其「內容」視圖中已定義的資料來源。
  6. 使用「快速編輯」視圖來新增 Scripted 事件到網頁上。比方說,您可以將動作指派給 Faces JSP 檔中的 Faces 元件。
  7. 當您使用 Faces 元件來開發頁面時,請定期測試 JSP 檔。 因為 Faces 元件使用動態資料,所以您應該在伺服器中執行以便預覽。 預覽頁面(位於 Faces JSP 檔底端的標籤上)的正確性不高。
  8. 在伺服器中執行 Web 專案。 在「專案瀏覽器」中,用滑鼠右鍵按一下該檔案,再選擇執行 > 在伺服器中執行。請參閱伺服器文件來瞭解更多 Web 應用程式的測試和部署。
在執行時期,會產生 HTML 和表單標示。部署好 Web 應用程式之後,使用者就可以直接從 Web 應用程式存取及操作資料。

如果要進一步瞭解如何在 Faces 網頁中顯示動態資訊, 請進行下列指導教學:

指導教學:利用 JavaServer Faces 在網頁中顯示動態資訊

如果要檢視關於 Faces Web 應用程式的一些限制,請參閱限制:Faces JSP 應用程式

相關概念
Faces 元件
JavaServer Faces
Faces 元件的資料存取
使用「服務資料物件」(SDO) 的資料存取
相關工作
部署使用「服務資料物件」(SDO) 的 Web 專案
Web 應用程式的目標伺服器
檢視 Faces JSP 檔的頁面程式碼
相關參考
Faces 屬性參照

相關資訊

Web 應用程式圖解和 Web 圖解編輯器

使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.