練習 2.1:匯入必要的資源

如果您從模組 2 開始這個指導教學的作業(沒有先執行模組 1),您必須先匯入必要的資源。

如果您已完成模組 1:建立含資料連線的網頁,且您已有在這個模組中建立的網站,則不需要完成這個練習。 您可以開始執行練習 2.2:格式化資料表

匯入專案範例檔案

顯示說明文件

這個指導教學的基本網頁和範例資料庫都併在 ZIP 檔中。 這些步驟會帶您開啟這個 ZIP 檔,以便使用這些頁面和這個資料庫。 如果您已完成這個指導教學的模組 1,就不需要解壓縮這個檔案。

  1. 從功能表列中,選取檔案 > 匯入。這時會開啟「匯入」視窗。
  2. 選取匯入程式碼之下,按一下專案交換
  3. 下一步。這時會開啟「匯入專案交換內容」視窗。
  4. 來源 zip 檔旁邊,按一下瀏覽,然後導覽至下列目錄:<installdir>/rwd/eclipse/plugins/com.ibm.etools.webtools.tutorial.doc/resources, 其中 <installdir> 是您的安裝目錄。
  5. 選取 module2.zip 作為匯入目標,按一下開啟
  6. 按一下全選
  7. 按一下完成。 這時精靈會將專案匯入工作區中。 您可能不會立即見到它,因為您必須在 Web 視景中,才能正確見到這個專案。

切換至 Web 視景

顯示說明文件

Web 視景是這個指導教學要用的視景。 請遵循下列步驟來切換至 Web 視景:

  1. 從功能表列中,選取視窗 > 開啟視景 > 其他。這時會開啟「選取視景」對話框。
  2. 按一下 Web
  3. 按一下確定。這時您是在 Web 視景中。現在,您可以在「專案瀏覽器」視圖中見到您的新專案及其資源。
    匯入 PI 檔之後的專案瀏覽器

設定動態 Web 專案的目標伺服器

顯示說明文件

您可以利用 WebSphere Application Server 6.0 版或 WebSphere Application Server 5.1 版來執行這個指導教學。 您可以選擇您規劃要充分運用的伺服器,或其他專案所用的伺服器。 不論您選擇哪部伺服器,這個指導教學的運作方式都相同,但整個指導教學必須保持使用相同的伺服器。

  1. 在「專案瀏覽器」視圖中,展開企業應用程式
  2. 用滑鼠右鍵按一下 ClassifiedsTutorialEAR,再按一下蹦現功能表中的內容。這時會開啟「內容」視窗。
  3. 在「內容」視窗左側中,按一下伺服器
  4. 目標執行時期清單中,選取這個指導教學要用的伺服器。您可以選取 WebSphere Application Server 6.0 版WebSphere Application Server 5.1 版

    重要事項:請記住您選擇的伺服器。稍後的練習需要這項資訊。

  5. 按一下確定

    如果您要使用的伺服器不在目標執行時期清單中,或任何一部伺服器都不在這份清單中,請遵循這些步驟來安裝伺服器:

    1. 關閉工作台。
    2. 執行 Rational Software Development Platform 安裝程式。
    3. 從安裝功能表中,選擇安裝您要使用之伺服器的選項。
    4. 在安裝伺服器時,開啟工作台。
    5. 用滑鼠右鍵按一下 ClassifiedsTutorialEAR,再按一下蹦現功能表中的內容
    6. 在「內容」視窗左側中,按一下伺服器
    7. 目標執行時期清單中,選取這個指導教學要用的伺服器。您可以選取 WebSphere Application Server 6.0 版WebSphere Application Server 5.1 版
    8. 按一下確定

設定資料庫連線

顯示說明文件

您剛匯入的專案交換檔包括這個指導教學所需要的範例資料庫,以及這個練習結束時所列出的網頁。 在使用這個資料庫之前,您必須先將網頁連接到資料庫,告訴頁面在哪裡找到電腦中的資料庫。 請遵循下列步驟來將網頁連接到資料庫:

  1. 在「專案瀏覽器」視圖中,展開動態 Web 專案 > ClassifiedsTutorial > WebContent
  2. WebContent 資料夾中,按兩下 all_records.jsp 檔。這時會在編輯器中開啟這個網頁。
  3. 在「頁面資料」視圖中,按兩下 all_recordlist(服務資料物件)。這時會開啟「配置 SDO 記錄清單」視窗。

    「頁面資料」視圖通常在工作台的左下角。如果您找不到「頁面資料」視圖,請按一下視窗 > 顯示視圖 > 頁面資料,這時它便會出現。

  4. 在「配置 SDO 記錄清單」視窗中,按一下連線標籤。
  5. 按一下新建。這時會開啟「新建連線」視窗。
  6. 按一下建立新 DB 連線。這時會開啟「新建資料庫連線」視窗。
  7. 選取選擇資料庫管理程式和 JDBC 驅動程式,再按下一步
  8. 按一下最上面的瀏覽按鈕。這是在資料庫位置旁的瀏覽按鈕。這時會開啟「瀏覽資料夾」視窗
  9. 選取資料庫目錄之下,導覽至下列目錄:<workspace-folder>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database,其中 <workspace-folder> 是您目前在工作的工作區所在的目錄。
  10. 按一下 database 資料夾,再按一下確定
  11. 您不需要新增使用者 ID 或密碼來存取資料庫。「新建資料庫連線」視窗應該看起來如下:

    「新建資料庫連線」視窗
  12. 按一下完成。這時您會返回「新建連線」視窗。
  13. 在「新建連線」視窗中,按一下完成。您將會返回「配置 SDO 記錄清單」視窗。
  14. 按一下關閉

關於這個指導教學所用的檔案

現在,您可以瀏覽指導教學 Web 專案中的檔案。 如果要開啟檔案,請在「專案瀏覽器」視圖中,按兩下它。 另外,您也可以在「專案瀏覽器」視圖中按兩下 .website-config 圖示來查看頁面關係的對映表示法。

這個網站的目的是用類似報紙的方式來顯示分類廣告,每個檔案都有一個角色來協助完成這個目標。 專案中有許多資源(如影像、程式檔和配置檔),但下列五個檔案最重要,它們是專案中的實際網頁:

現在您已準備好開始進行練習 2.2:格式化資料表

讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.