開始之前,您必須先完成練習 1.3:測試網站。
在這個練習中,您將建立一個頁面,讓使用者建立新的分類廣告以及將它們公佈在資料庫中。 首先,您將建立一個關聯式記錄來代表資料庫中的新記錄,之後,您將在頁面中建立記錄的視覺化來作為一組輸入欄位。
如果出現警告訊息,指出無法建立資料庫連線,就表示在測試網站之後,伺服器保持執行中。 如果出現這個情況,請按一下每個對話框中的取消,再依照練習 1.3:測試網站中的停止伺服器所說明來停止伺服器。
「新增關聯式記錄」視窗應該看起來如下:
「配置資料控制項」頁面可協助您自訂關聯式記錄的視覺化。 比方說,您可以變更輸入表單的直欄、欄位標籤和「送出」按鈕。 這些步驟完成之後,頁面中會有一份能夠完整運作的輸入表單。
如果要重新命名為了輸入欄位而產生的標籤,請按一下標籤直欄中的標籤。 這時滑鼠圖示會變成游標,您可以輸入新文字。
現在,「新增關聯式記錄」視窗應該看起來如下:
這份表單有一個「錯誤訊息」欄位。 這不表示專案有錯誤;這個欄位標示使用者送出表單而發生錯誤時,用來顯示錯誤的位置。
當送出您的輸入表單時,頁面會將新記錄自動加到資料庫中。 您可以將「公佈新清單」按鈕設計成會返回 all_records.jsp 頁面,以便立即檢視資料庫中的新記錄。如果要這麼做,請遵循下列步驟:
「快速編輯」視圖通常會出現在工作台的中下方,在「內容」視圖旁的標籤中。 如果您找不到「快速編輯」視圖,請移至功能表列,按一下視窗 > 顯示視圖 > 快速編輯。
「快速編輯」視圖是一個上下文相關的 Java 編輯器,可協助您編寫 Faces 元件的事件。 現在,「快速編輯」視圖包含用來處理資料庫中之新記錄的產生的程式碼,如下所示:
由於 ID 直欄是 ADS 表格中的主鍵,因此,您不能新增表格中已有 ID 值的記錄。在模組 2 中,您將知道如何使用自動產生索引鍵為每筆新記錄自動建立新的未用索引鍵。
到時候,您必須在這個頁面中輸入未用的 ID 號碼來新增新的記錄。資料庫所檢附的記錄使用 1 至 22 的 ID 號碼,因此,您可以輸入 22 以上的任何號碼作為主鍵。 如果您輸入多筆記錄,請確定沒有重複的索引鍵。
頁面中的輸入表單是一組已連結至您建立的關聯式記錄的 JavaServer Faces 輸入欄位。 請回想一下,您先前建立了關聯式記錄來代表資料庫 ADS 表格中的新記錄。連結是可用來將 JavaServer Faces 輸入元件鏈結至關聯式記錄直欄的方法。
當您建立關聯式記錄時,精靈會自動將它的所有直欄連結至頁面中的輸入欄位。 如果您要手動變更,您可以將其他直欄連結至其他輸入欄位。 如果要將關聯式記錄中的直欄連結至輸入欄位,請從「頁面資料」視圖將直欄拖曳至欄位中。 您可以在表單中刪除再重建說明輸入欄位來嘗試這個程序。進一步學習「頁面資料」視圖。
下列步驟用來說明輸入欄位的概念以及連結程序;不過,這個指導教學中的這些步驟是選用的。 如果您不要這麼做,請移至練習 1.5:建立更新頁面。
這個資料格中現在有一個輸入欄位,但其中沒有 {ID} 或 {TITLE} 之類的文字,因為這個輸入欄位沒有連結至任何直欄。
現在,您可以建立和修改您自己的 JavaServer Faces 輸入表單。現在您已準備好開始進行練習 1.5:建立更新頁面。