如果您從模組 2 開始這個指導教學的作業(沒有先執行模組 1),您必須先匯入必要的資源。
如果您已完成模組 1:建立含資料連線的網頁,且您已有在這個模組中建立的網站,則不需要完成這個練習。
您可以開始執行練習 2.2:格式化資料表。
匯入專案範例檔案
這個指導教學的基本網頁和範例資料庫都併在 ZIP 檔中。
這些步驟會帶您開啟這個 ZIP 檔,以便使用這些頁面和這個資料庫。
如果您已完成這個指導教學的模組 1,就不需要解壓縮這個檔案。
- 從功能表列中,選取檔案 > 匯入。這時會開啟「匯入」視窗。
- 在選取匯入程式碼之下,按一下專案交換。
- 按下一步。這時會開啟「匯入專案交換內容」視窗。
- 在來源 zip 檔旁邊,按一下瀏覽,然後導覽至下列目錄:<installdir>/rwd/eclipse/plugins/com.ibm.etools.webtools.tutorial.doc/resources, 其中 <installdir> 是您的安裝目錄。
- 選取 module2.zip 作為匯入目標,按一下開啟。
- 按一下全選。
- 按一下完成。
這時精靈會將專案匯入工作區中。
您可能不會立即見到它,因為您必須在 Web 視景中,才能正確見到這個專案。
切換至 Web 視景
Web 視景是這個指導教學要用的視景。
請遵循下列步驟來切換至 Web 視景:
- 從功能表列中,選取視窗 > 開啟視景 > 其他。這時會開啟「選取視景」對話框。
- 按一下 Web。
- 按一下確定。這時您是在 Web 視景中。現在,您可以在「專案瀏覽器」視圖中見到您的新專案及其資源。
設定動態 Web 專案的目標伺服器
您可以利用 WebSphere Application Server 6.0 版或 WebSphere Application Server 5.1 版來執行這個指導教學。
您可以選擇您規劃要充分運用的伺服器,或其他專案所用的伺服器。
不論您選擇哪部伺服器,這個指導教學的運作方式都相同,但整個指導教學必須保持使用相同的伺服器。
- 在「專案瀏覽器」視圖中,展開企業應用程式。
- 用滑鼠右鍵按一下 ClassifiedsTutorialEAR,再按一下蹦現功能表中的內容。這時會開啟「內容」視窗。
- 在「內容」視窗左側中,按一下伺服器。
- 從目標執行時期清單中,選取這個指導教學要用的伺服器。您可以選取 WebSphere Application Server 6.0 版或 WebSphere Application Server 5.1 版。
重要事項:請記住您選擇的伺服器。稍後的練習需要這項資訊。
- 按一下確定。
如果您要使用的伺服器不在目標執行時期清單中,或任何一部伺服器都不在這份清單中,請遵循這些步驟來安裝伺服器:
- 關閉工作台。
- 執行 Rational Software Development Platform 安裝程式。
- 從安裝功能表中,選擇安裝您要使用之伺服器的選項。
- 在安裝伺服器時,開啟工作台。
- 用滑鼠右鍵按一下 ClassifiedsTutorialEAR,再按一下蹦現功能表中的內容。
- 在「內容」視窗左側中,按一下伺服器。
- 從目標執行時期清單中,選取這個指導教學要用的伺服器。您可以選取 WebSphere Application Server 6.0 版或 WebSphere Application Server 5.1 版。
- 按一下確定。
設定資料庫連線
您剛匯入的專案交換檔包括這個指導教學所需要的範例資料庫,以及這個練習結束時所列出的網頁。
在使用這個資料庫之前,您必須先將網頁連接到資料庫,告訴頁面在哪裡找到電腦中的資料庫。
請遵循下列步驟來將網頁連接到資料庫:
- 在「專案瀏覽器」視圖中,展開動態 Web 專案 > ClassifiedsTutorial > WebContent。
- 在 WebContent 資料夾中,按兩下 all_records.jsp 檔。這時會在編輯器中開啟這個網頁。
- 在「頁面資料」視圖中,按兩下 all_recordlist(服務資料物件)。這時會開啟「配置 SDO 記錄清單」視窗。
「頁面資料」視圖通常在工作台的左下角。如果您找不到「頁面資料」視圖,請按一下視窗 > 顯示視圖 > 頁面資料,這時它便會出現。
- 在「配置 SDO 記錄清單」視窗中,按一下連線標籤。
- 按一下新建。這時會開啟「新建連線」視窗。
- 按一下建立新 DB 連線。這時會開啟「新建資料庫連線」視窗。
- 選取選擇資料庫管理程式和 JDBC 驅動程式,再按下一步。
- 按一下最上面的瀏覽按鈕。這是在資料庫位置旁的瀏覽按鈕。這時會開啟「瀏覽資料夾」視窗
- 在選取資料庫目錄之下,導覽至下列目錄:<workspace-folder>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database,其中 <workspace-folder> 是您目前在工作的工作區所在的目錄。
- 按一下 database 資料夾,再按一下確定。
您不需要新增使用者 ID 或密碼來存取資料庫。「新建資料庫連線」視窗應該看起來如下:
- 按一下完成。這時您會返回「新建連線」視窗。
- 在「新建連線」視窗中,按一下完成。您將會返回「配置 SDO 記錄清單」視窗。
- 按一下關閉。
關於這個指導教學所用的檔案
現在,您可以瀏覽指導教學 Web 專案中的檔案。
如果要開啟檔案,請在「專案瀏覽器」視圖中,按兩下它。
另外,您也可以在「專案瀏覽器」視圖中按兩下 .website-config
圖示來查看頁面關係的對映表示法。
這個網站的目的是用類似報紙的方式來顯示分類廣告,每個檔案都有一個角色來協助完成這個目標。
專案中有許多資源(如影像、程式檔和配置檔),但下列五個檔案最重要,它們是專案中的實際網頁:
- all_records.jsp
這是網站的首頁。它會顯示資料庫中的每個分類廣告。
- filtered_records.jsp
這個頁面的運作方式如同搜尋結果頁面,只會顯示使用者所選種類的記錄。
- new_record.jsp
這個頁面會建立新的分類廣告。
- update_record.jsp
這個頁面會變更資料庫中某個廣告的詳細資料,或將它刪除。
- template.jtpl
這是網站頁面的範本。
它包括表格之類的元素,以及每個頁面中的灰色「歡迎使用分類廣告」橫幅。
這個頁面在灰色橫幅之下,還有兩個導覽標籤通往首頁和新的分類廣告頁面。
現在您已準備好開始進行練習 2.2:格式化資料表。