在本單元中,您將學到如何利用進階特性來修改網頁的格式、
新增特性讓使用者將檔案上載到資料庫、設定規則來自動將使用者導向特定頁面,
以及將一些管理工作自動化,例如產生索引鍵。
必備條件
如果已完成「單元 1:建立含資料連線的網頁」,請跳過此必備條件小節的其他部分,
直接開始第 2.1 課:格式化資料表。
如果您在本指導教學中跳過單元 1,直接從單元 2 開始,
則必須先匯入所需的資源、設定目標伺服器及設定資料庫連線。
若要匯入所需的資源:
- 匯入專案。切換至 Web 視景
()。
- 在 Web 視景的「企業瀏覽器」視圖中,請確定 ClassifiedsTutorial 專案如下圖所示:
若要設定目標伺服器:
- 在 Web 視景的「企業瀏覽器」視圖中,用滑鼠右鍵按一下
ClassifiedsTutorial,然後選取內容
- 在內容清單中,按一下伺服器。
- 在「預設伺服器」清單中,選取您要的預設伺服器。按一下套用。
- 在內容清單中,按一下目標執行時期。
- 在「執行時期」清單中,按一下對應於您選取的伺服器的執行時期。按一下確定。
註: 如果在「預設伺服器」清單中看不到任何伺服器,但您已安裝伺服器執行時期,則可能需要配置伺服器。
若要配置伺服器,請執行下列動作:
- 用滑鼠右鍵按一下 all_records.jsp 檔案,然後選取。
- 選擇手動定義新的伺服器。
- 選取您已安裝的伺服器。
- 遵循精靈的指示來配置伺服器。第一次在伺服器中執行時可能會發生錯誤。
若要修正錯誤,請依上述來設定目標伺服器,在「伺服器」視圖中重新啟動伺服器,然後在瀏覽器中重新載入網頁。
回顧先前描述的目標伺服器設定步驟,即可發現預設伺服器就是您剛配置的伺服器。
如果伺服器已安裝但未配置,則不會出現在可供您選擇預設目標的伺服器清單中。
若要設定資料庫連線:
- 在「企業瀏覽器」視圖中,用滑鼠右鍵按一下 ClassifiedsTutorial,
然後選取內容。這時會開啟「ClassifiedsTutorial 的內容」視窗。
- 按一下「JDBC 連線」。
- 在「JDBC 連線」內容中,按一下新建。
這時會開啟「設定檔瀏覽」對話框。
- 在設定檔瀏覽對話框中,按一下新建。
這時會開啟「新建連線設定檔」對話框。
- 在連線設定檔類型清單中選取 Derby,
然後按下一步。這時會開啟「建立連線設定檔」對話框。
- 在「名稱」欄位中,鍵入 DerbyDB,
選取啟動時自動連線,然後按下一步。
- 在「驅動程式」欄位中,選取 Derby 10.2 - 內嵌式 JDBC 驅動程式預設值。
- 在「資料庫位置」欄位中,按一下瀏覽,
選取 <workspace_location>\ClassifiedsTutorial\WebContent\database,其中,<workspace_location> 是現行工作區的目錄。
按一下確定。
- 您可能需要輸入「使用者 ID」才能存取資料庫。不需要密碼。
提示: 任何使用者 ID 都有效。
- 在「新建 Derby 連線設定檔」精靈中,按一下完成。
- 在「設定檔瀏覽」對話框中,按一下 DerbyDB,
然後按一下確定。
您可以瀏覽指導教學 Web 專案中的檔案。
若要開啟檔案,請在「企業瀏覽器」視圖中按兩下該檔案。
如需檢視頁面關係的地圖式呈現方式,請在「企業瀏覽器」中按兩下網站導覽。
本範例的大部分工作會用到下列檔案:
- all_records.jsp
- 這是網站的首頁。將顯示資料庫中的每個分類廣告。
- new_record.jsp
- 這個頁面會建立新的分類廣告。
- update_record.jsp
- 這個頁面會在資料庫中變更廣告的詳細資料或刪除廣告。
- classifiedTemplate.jtpl
- 這是網站頁面的範本。內含的元素有表格及每一頁都有的「歡迎使用分類廣告」灰色橫幅等。
這個頁面在灰色橫幅下還有兩個導覽標籤,可回到首頁和跳至新建分類廣告頁面。