開始之前,您必須先完成練習 1.1:匯入必要的資源。
這個指導教學中的網站利用動態網頁來存取資料庫之類的資料來源,並將這些資料來源的資訊顯示在頁面中。 在這個練習中,您將設定 all_records.jsp 頁面來顯示資料庫中的所有分類廣告。 在之後的練習中,您要將其他頁面連接到資料庫,以便建立新的分類廣告、編輯舊的分類廣告,以及顯示過濾的廣告清單。
這個指導教學使用兩個利用 Java Server Faces 將頁面連接到資料庫的元件:關聯式記錄和關聯式記錄清單。這些元件代表資料庫中的資料,因此,資料能夠在頁面中顯示成資料表或一般 HTML 表格的形式。
這些元件使用 Data Access JavaBean;進一步學習 Data Access Bean 或進一步學習 JavaServer Faces 或 Faces 元件。
關聯式記錄只會連接到資料庫中的一筆記錄。在這個情況下,關聯式記錄代表範例資料庫中的單一分類廣告。 您可以利用關聯式記錄來建立新記錄、編輯現有的記錄,或刪除舊記錄。
關聯式記錄清單會連接到資料庫中的多筆記錄。在這個情況下,關聯式記錄清單代表範例資料庫中從兩個分類廣告以至於所有分類廣告的任何位置。 您可以利用關聯式記錄清單來顯示所有記錄或記錄選項。
在這些步驟中,您將建立一份關聯式記錄清單來代表資料庫中的所有分類廣告。 之後,您將連接到資料庫以及選取存放關聯式記錄清單中之所需資訊的表格。 最後,您會將這個關聯式記錄清單顯示在資料表的頁面上。
系統也可能提示您儲存 all_records.jsp 檔。若是如此,請按一下確定。
這時會開啟「新增關聯式記錄清單」視窗。
關聯式記錄清單和關聯式記錄名稱必須符合變數名稱的 Java 標準命名慣例(比方說,它們不能包含任何空格)。
當已選取新增資料控制項,精靈就會建立一個資料表,以將記錄清單顯示在頁面中。否則,精靈只會建立記錄清單,不會用任何表示法來將該資料顯示在頁面中。目前是由精靈來建立預設資料表,您稍後再加以自訂。「新增關聯式記錄清單」視窗應該看起來如下:
這時會開啟新建連線對話框。 請注意,連線名稱欄位會自動移入 ClassifiedsTutorial_Con1 這個名稱。
您必須告訴記錄清單,要在哪裡找到它所要呈現的資料。 這是利用新建資料庫連線視窗來完成的。 在這個情況下,您要指定您在上一個練習中匯入之檔案所包括的 Cloudscape 資料庫。 建立好之後,整個網站都會使用這個連線,因此,在指導教學中,您只需要執行這個動作一次。
<workspace>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database
其中 <workspace> 是包含您目前所在之工作區的目錄。
您不需要新增使用者 ID 或密碼來存取資料庫。 「新建資料庫連線」精靈看起來應該像下面這樣:
您已建立好 Cloudscape 資料庫連線,現在,您必須選擇要呈現的表格或記錄清單。「新增關聯式記錄清單」精靈會顯示資料庫中的表格。 在這個指導教學中,您多半會使用 W5SAMPLE.ADS 表格。
現在,「頁面資料」視圖會顯示 ADS 表格中的直欄清單,all_records.jsp 檔會將這個資料的視覺化包含在資料表中。 現在,預設資料表含有太多資訊。 在這個指導教學中,您只需要顯示每個分類廣告的標題、說明、種類、價格和電話號碼。 請遵循下列步驟來修剪和重組資料表:
「內容」視圖通常在工作台的中下方。 如果您找不到「內容」視圖,請移至功能表列,按一下視窗 > 顯示視圖 > 內容。
這時頁面應該看起來如下:
直欄的次序不適合分類廣告。 下列次序比較有意義:
在下一個練習(練習 1.3:測試網站)中,您會見到這個頁面在真實 Web 伺服器中的外觀。
資料表和 JavaServer Faces 元件有許多格式化選項。 部分選項會涵蓋在下一個模組(模組 2:新增進階特性)中。 您也可以在頁面中,自行探索各種 JavaServer Faces 元件(如資料表和個別輸出元件)的「內容」視圖。
現在您已準備好開始進行練習 1.3:測試網站。