< 上一個課程 | 下一個課程 >

單元 2:新增進階特性

在本單元中,您將學到如何利用進階特性來修改網頁的格式、 新增特性讓使用者將檔案上載到資料庫、設定規則來自動將使用者導向特定頁面, 以及將一些管理工作自動化,例如產生索引鍵。

學習目標

本單元教您以更強大的方式來使用資料庫的資料。在這個單元中,您將執行下列動作:
  • 在網頁中格式化資料庫記錄
  • 新增元件以允許從網頁上將檔案上載到資料庫
  • 自動在頁面之間導覽
  • 自動執行一些資料庫管理作業

所需時間

完成本單元約需 1 小時 30 分鐘。 如果您決定要在操作指導教學時探索動態網站的其他項目,您可能需要花較長的時間來完成。

必備條件

如果已完成「單元 1:建立含資料連線的網頁」,請跳過此必備條件小節的其他部分, 直接開始第 2.1 課:格式化資料表

如果您在本指導教學中跳過單元 1,直接從單元 2 開始, 則必須先匯入所需的資源、設定目標伺服器及設定資料庫連線。

若要匯入所需的資源:
  1. 匯入專案。切換至 Web 視景 (視窗 > 開啟視景 > Web)。
  2. 在 Web 視景的「專案瀏覽器」視圖中,請確定 ClassifiedsTutorial 專案如下圖所示:
    「專案瀏覽器」視圖。
若要設定目標伺服器:
  1. 在 Web 視景的「專案瀏覽器」視圖中,用滑鼠右鍵按一下 ClassifiedsTutorial,再選取內容
  2. 在內容清單中,按一下伺服器
  3. 在「預設伺服器」清單中,選取您要的預設伺服器。按一下套用
  4. 在內容清單中,按一下目標執行時期
  5. 在「執行時期」清單中,按一下對應於您選取的伺服器的執行時期。按一下確定
如果您要使用的伺服器不在目標執行時期清單中,請關閉工作台,並安裝您要使用的伺服器。 安裝伺服器之後,請依指示來設定目標伺服器。
註: 如果在「預設伺服器」清單中看不到任何伺服器,但您已安裝伺服器執行時期,則可能需要配置伺服器。 若要配置伺服器,請執行下列動作:
  1. 用滑鼠右鍵按一下 all_records.jsp 檔案,然後選取執行身份 > 在伺服器中執行
  2. 選擇手動定義新的伺服器
  3. 選取您已安裝的伺服器。
  4. 遵循精靈的指示來配置伺服器。第一次在伺服器中執行時可能會發生錯誤。 若要修正錯誤,請依上述來設定目標伺服器,在「伺服器」視圖中重新啟動伺服器,然後在瀏覽器中重新載入網頁。
回顧先前描述的目標伺服器設定步驟,即可發現預設伺服器就是您剛配置的伺服器。 如果伺服器已安裝但未配置,則不會出現在可供您選擇預設目標的伺服器清單中。

如需將 SDO 部署在 WebSphere® Application Servers 以外的伺服器的相關資訊,請參閱說明主題:將 SDO 部署在非 WAS 伺服器上

若要設定資料庫連線:
  1. 在「專案瀏覽器」視圖中,用滑鼠右鍵按一下 ClassifiedsTutorial, 選取內容。這時會開啟「ClassifiedsTutorial 的內容」視窗。
  2. 按一下「JDBC 連線」。
  3. 在「JDBC 連線」內容中,按一下新建。這時會開啟「新建 JDBC 連線」視窗。
  4. 按一下建立新的連線 ,再按下一步
  5. 選取資料庫管理程式清單中,展開 Derby,再選取 10.1
  6. 在「資料庫位置」欄位中,按一下瀏覽, 選取 <workspace_location>\ClassifiedsTutorial\WebContent\\database, 其中,<workspace_location> 是現行工作區的目錄。 按一下確定,關閉「瀏覽資料夾」視窗。
  7. 「類別位置」欄位中,鍵入實作 JDBC 驅動程式類別的 JAR 位置, 或按一下瀏覽,從檔案系統中選取位置。 選擇 JAR 檔的位置之後,請按一下開啟
  8. 您可能需要輸入「使用者 ID」才能存取資料庫。不需要密碼。「新建資料庫連線」精靈應該看起來如下:
    「新建資料庫連線」視窗。
  9. 在「新建 JDBC 連線」精靈中,按一下完成。這時會回到「ClassifiedsTutorial 的內容」視窗。
  10. 按一下配置專案的資料庫連線。 這時會開啟「JDBC 連線內容」視窗。
  11. 在「執行時期連線詳細資料」區段旁邊按一下編輯。 選取使用驅動程式管理員連線做為執行時期連線類型。 按一下完成,再按一下確定

您可以瀏覽指導教學 Web 專案中的檔案。如果要開啟檔案,請在「專案瀏覽器」視圖中,按兩下該檔案。 如需檢視網頁關係的地圖式簡報,請在「專案瀏覽器」中按兩下網站導覽

本範例的大部分工作會用到下列檔案:
all_records.jsp
這是網站的首頁。將顯示資料庫中的每個分類廣告。
new_record.jsp
這個頁面會建立新的分類廣告。
update_record.jsp
這個頁面會在資料庫中變更廣告的詳細資料或刪除廣告。
classifiedTemplate.jtpl
這是網站頁面的範本。內含的元素有表格及每一頁都有的「歡迎使用分類廣告」灰色橫幅等。 這個頁面在灰色橫幅下還有兩個導覽標籤,可回到首頁和跳至新建分類廣告頁面。

本模組的課程

< 上一個課程 | 下一個課程 >