在 IBM Rational Application Developer 中如何使用 JavaServer Faces 組件和 Ajax

本文將帶您練習利用 Ajax 和 IBM® Rational® Application Developer 中的關係元組列表（Relational Record List）、下拉列表框（Combo Box）、選項卡面板（Panels-Tabbed），及數據樹（Data Tree）組件，進行天氣預報應用程序的設計和實現所需的操作步驟及編寫代碼的工作。本文還闡述了訪問來自有兩個關係表的 Relational Record List 中元素的技術。

關於本文

本文指導您逐步地使用 Asynchronous JavaScript and XML（AJAX，以下稱爲 Ajax）和 IBM® Rational® Application Developer Version 7.0 進行應用程序的設計和開發。文中包含如何使用各種 Java™Server Faces（JSF）組件連同 Ajax 的實踐技術，並且向您展示瞭如何克服 Relational Record List 中的內嵌緩衝技術。本文闡述瞭如何初始化會話範圍變量，使之顯示出與應用程序啓動時 Combo Box 控件的初始值相對應的數據。

您還將瞭解到向 Web 頁面添加 Tabbed Panel 控件，以及配置 Data Tree，使其與 Relational Record List 一起工作的步驟。文中結尾向您展示了訪問來自包含兩個關係表的 Relational Record List 中的數據元素的技術。

本文沒有詳細介紹實例中用到的所有技術，但如果您想要了解更多，那麼參考資料中引用的一些文章介紹了它們。主要用到的技術是 Ajax、使用了 IBM Enhanced Faces 組件的 JSF，及服務數據對象（service data objects，SDOs）。

背景知識及系統需求

這些指導假設您瞭解 Java™ 語言的基礎知識，但您不需要 Java 方面的擴展經驗。然而，本文假設您基本瞭解 Rational Application Developer 開發環境的使用。本文還假設您基本瞭解 Ajax 和 SDOs。參見 參考資料，獲得更多關於這些技術的信息。

要運行本文中的實例，您的工作站必須安裝了 IBM® Rational® Software Architect 或 Rational Application Developer。本文中使用的 Rational Application Developer 的版本是 7.0。

回頁首

創建 WeatherForecastDB 數據庫

要創建應用程序數據庫，您將完成以下這三個任務：

1. 下載並將 CreateWeatherForecastDatabase.zip 導入到您的工作區。
2. 利用提供的 Java 應用程序創建名爲 WeatherForecastDB 的支持的 Derby 數據庫。
3. 創建到 WeatherForecastDB 數據庫的連接。

下載並導入 Java 工程

天氣預報應用程序使用 Derby 數據庫存儲信息。對於本實例，您將使用 Java 應用程序來創建數據庫。如果您想要了解更多關於如何利用 Rational Application Developer 中的 Data 透視圖手工創建數據庫的信息，請閱讀標題爲“Hello World (Updated): Rational Application Developer V7, Create Java, Web Service, and database applications” 的 IBM® developerWorks® 上的文章（參見 參考資料 中的鏈接）。

要開始，就遵照以下這些步驟：

1. 下載並將 CreateWeatherForecastDatabase.zip 文件保存到您的計算機中（參見 下載）。
2. 在您的桌面上啓動 Rational Application Developer。如果出現了詢問工作區目錄的窗口，輸入 c:/temp/weatherforecast，然後單擊 OK。
3. 如果出現了 Welcome 窗口就將其關閉。
4. 導入 CreateWeatherForecastDatabase.zip 文件：
   1. 在工作平臺中，選擇 Window > Open Perspective > Java 來切換到 Java 透視圖。
   2. 選擇 File > Import > Other > Project Interchange，將工程導入到您的工作區中。
   3. 單擊 Next。
   4. 在 From zip file 旁邊，單擊 Browse，導航到您保存 CreateWeatherForecastDatabase.zip 文件的地方。
   5. 單擊 Select All。
   6. 單擊 Finish。

接下來，爲 Java 工程設置 Java 鏈編路徑。

4. 在 Package Explorer 視圖中右鍵單擊 CreateWeatherForecastDatabase（圖 1）來設置 Java 鏈編路徑，以防在您導入工程時，沒有將其帶過來。

圖 1. 設置 Java 鏈編路徑

5. 選擇 Properties（參見圖 2）。
6. 單擊 Java Build Path。
7. 單擊 Libraries 選項卡。確保添加了 derby.jar 文件的路徑。如果您沒有找到它，那麼您需要通過以下這些步驟手工地添加它：
   1. 單擊 Add External JARs。
   2. 輸入以下路徑：
      C:/Program Files/IBM/SDP70Shared/plugins/com.ibm.datatools.db2.cloudscape.driver_1.0.0.v200610121320/driver/derby.jar
   3. 單擊 Open。
   4. 單擊 OK。

圖 2. derby.jar 文件的路徑

重要的提示：

本文轉自IBM Developerworks中國

      請點擊此處查看全文