使用手冊 取消

在 Dreamweaver 中建立更新記錄頁面

 

 

註解:

Dreamweaver 和更高版本的用戶介面已經簡化。因此,您在 Dreamweaver 和更高版本中可能會找不到本文所描述的一些選項。如需詳細資訊,請參閱本文

關於記錄更新頁面

您的應用程式中可以包含讓使用者更新資料庫表格中現有記錄的一組頁面。這些頁面通常是由搜尋頁面、結果頁面及更新頁面所組成。搜尋及結果頁面讓使用者擷取記錄,更新頁面則讓使用者修改記錄。

搜尋要更新的記錄

使用者要更新記錄之前,必須先在資料庫中找到該記錄。因此,您必須為更新頁面搭配搜尋頁面與結果頁面。使用者在搜尋頁面中輸入搜尋準則,並選取結果頁面中的記錄。當使用者按一下結果頁面中的記錄時,更新頁面便會開啟,並以 HTML 表單顯示記錄。

建立搜尋及結果頁面之後,您必須在結果頁面上建立連結以開啟更新頁面,然後修改連結以傳送使用者所選記錄的 ID。更新頁面會使用這個 ID 在資料庫中尋找要求的記錄,然後顯示它。

您可以使用相同的程序來開啟更新頁面,並傳送您用於「開啟細節頁面並傳遞記錄 ID」的記錄 ID。如需詳細資訊,請參閱建立細節頁面的連結

擷取要更新的記錄

當結果頁面將識別所要更新記錄的記錄 ID 傳送至更新頁面後,更新頁面必須讀取參數、從資料庫表格擷取記錄,然後將它暫時儲存在資料集內。

  1. 在 Dreamweaver 中建立頁面,然後儲存它。

    此頁面將會成為更新頁面。

  2. 在「繫結」面板 (「視窗>繫結」) 中,按一下加號 (+) 按鈕,並選取「資料集」。

    如果出現的是進階對話方塊,請按一下「簡單」。進階對話方塊有一個可以輸入 SQL 陳述式的文字區域;簡單對話方塊則沒有。

  3. 為資料集命名,並使用「連線」與「表格」彈出式選單,指定您要更新資料的位置。
  4. 按一下「已選取」並選取索引鍵欄 (通常是記錄 ID 欄) 以及包含要更新資料的欄。
  5. 設定「篩選器」區域,讓索引鍵欄的值等於結果頁面所傳送的對應 URL 參數值。

    這種篩選器會建立僅包含結果頁面所指定記錄的資料集。例如,如果索引鍵資料欄中包含名為 PRID 的記錄 ID 資訊;而結果頁面傳送了與 URL 參數對應、名為 id 的記錄 ID,則「篩選器」區域應該看起來如下列範例:

    篩選器區域

  6. 按一下「確定」。

    當使用者在結果頁面中選取記錄時,更新頁面會產生僅包含選取記錄的資料集。

依區塊個別完成更新頁面

更新頁面中有三個建置組塊:

  • 可從資料庫表格擷取記錄的已篩選資料集
  • 可供使用者修改記錄資料的 HTML 表單
  • 可更新資料庫表格的「更新記錄」伺服器行為

    您可以分別使用表單工具與「伺服器行為」面板,在更新頁面中加入最後兩個基本的建置組塊。

在更新頁面中加入 HTML 表單

  1. 建立頁面 (「檔案>開新檔案>空白頁面」)。這個頁面會成為您的更新頁面。
  2. 使用 Dreamweaver 設計工具配置頁面。
  3. 將插入點放在您要表單出現的位置,然後選取「插入>表單>表單」,以加入 HTML 表單。

    網頁上便會建立空白的表單。您可能必須啟用「隱藏元素」(「檢視>視覺輔助>隱藏元素」),才能看見表單的邊界 (以紅色細線表示)。

  4. 要為 HTML 表單命名時,請按一下「文件」視窗底部的 <form> 標籤以選取表單,然後開啟「屬性」檢視窗 (「視窗 > 屬性」) 並在「表單名稱」方塊中輸入名稱。

    您不需要針對當使用者按下「送出」按鈕時表單傳送記錄資料的方式與位置,來指定表單的 actionmethod 屬性。「更新記錄」伺服器行為會為您設定這些屬性。

  5. 在資料庫表格中每一個要更新的欄中加入表單物件,如文字欄位 (「插入>表單>文字欄位」)。

    這些表單物件將用來輸入資料。通常用來輸入資料的是文字欄位,但您也可以使用選單、選項或是選項按鈕。

    每一個表單物件應該有對應欄 (在之前定義的記錄集中)。唯一的例外是唯一索引鍵欄,這個欄位沒有對應的表單物件。

  6. 在表單中新增「送出」按鈕 (「插入>表單>按鈕」)。

    如果要更改「送出」按鈕上的標籤,請選取按鈕,開啟「屬性」檢視窗 (「視窗 > 屬性」),在「標籤」方塊中輸入新的值。

在表單中顯示記錄

  1. 請確定已定義資料集,以保存使用者所要更新的記錄。

加入更新資料庫表格的伺服器行為

  1. 在「伺服器行為」面板 (「視窗>伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「更新記錄」。

    「更新記錄」對話方塊便會出現。

  2. 從「送出值來源」彈出式選單中選取表單。
  3. 在「資料來源」或「連線」彈出式選單中,選取資料庫的連線。
  4. 輸入使用者名稱和密碼。
  5. 在「更新表格」彈出式選單中,選取含有您要更新記錄的資料庫表格。
  6. (ColdFusion、PHP) 指定要更新的資料庫欄,從「值」彈出式選單選取要更新資料庫欄的表單物件,再由「送出為」彈出式選單中選取表單物件的資料類型。如果要將此欄指定為主索引鍵,請選取「主索引鍵」。

    資料類型是資料庫表格欄所要接受的資料種類 (文字、數字、Boolean 選項值)。

    對表單中每一個表單物件重複這個程序。

  7. (ASP) 在「選取記錄來源」彈出式選單中,指定含有 HTML 表單所顯示記錄的資料集。在「唯一索引鍵欄」彈出式選單中選取索引鍵欄 (通常是記錄 ID 欄),以識別資料庫表格中的記錄。如果值為數字,請選取「數值」選項。索引鍵欄通常只能接受數值,但有時候也可以接受文字值。
  8. 在「更新後,請前往」或「如果成功,請前往」方塊中,輸入要在更新表格記錄後開啟的頁面,或是按一下「瀏覽」按鈕瀏覽到檔案。
  9. (ASP) 指定要更新的資料庫欄,從「值」彈出式選單中選取要更新資料庫欄的表單物件,然後從「送出為」彈出式選單中選取表單物件的資料類型。資料類型是資料庫表格欄所要接受的資料種類 (文字、數字、Boolean 選項值)。對表單中每一個表單物件重複這個程序。
  10. 按一下「確定」。

    Dreamweaver 會在頁面中加入伺服器行為,讓使用者在修改 HTML 表單中顯示的資訊之後按下「送出」按鈕,以更新資料庫表格中的記錄。

    若要編輯伺服器行為,請開啟「伺服器行為」面板 (「視窗 > 伺服器行為」),再按兩下「更新記錄」行為。

在一次作業中完成更新頁面

更新頁面中有三個建置組塊:

  • 可從資料庫表格擷取記錄的已篩選資料集

  • 可供使用者修改記錄資料的 HTML 表單

  • 可更新資料庫表格的「更新記錄」伺服器行為

您可以使用「記錄更新表單」資料物件,一次加入更新頁面的最後兩個建置組塊。這個資料物件會在頁面中加入 HTML 表單以及「更新記錄」伺服器行為。

在使用資料物件之前,您的網路應用程式必須能識別要更新的記錄,且更新頁面必須要能擷取這筆記錄。

資料物件在頁面中加入建置組塊之後,您就可以使用 Dreamweaver 設計工具自訂您要的表單,或使用「伺服器行為」面板編輯「更新記錄」伺服器行為。

註解:

更新頁面中一次只能存在一種編輯記錄的伺服器行為。例如,您無法在更新頁面中新增「插入記錄」或「刪除記錄」伺服器行為。

  1. 在「設計」檢視中開啟頁面,然後選取「插入>資料物件>更新記錄>記錄更新表單精靈」。

    「記錄更新表單」對話方塊便會出現。

  2. 在「連線」彈出式選單中,選取與資料庫的連線。

    如果需要定義連線,請按一下「定義」按鈕。

  3. 在「更新表格」彈出式選單中,選取含有要更新記錄的資料庫表格。
  4. 在「選取記錄來源」彈出式選單中,指定含有 HTML 表單所顯示記錄的資料集。
  5. 在「唯一索引鍵欄」彈出式選單中選取索引鍵欄 (通常是記錄 ID 欄),以識別資料庫表格中的記錄。

    如果值為數字,請選取「數值」選項。索引鍵欄通常只接受數值,但有時候也可以接受文字值。

  6. 在「更新後,請前往」方塊中,輸入表格中的記錄更新之後要開啟的頁面。
  7. 在「表單欄位」區域中,指定每一個表單物件應更新的資料庫表格欄。

    依預設值,Dreamweaver 會為資料庫表格中的每一欄建立一個表單物件。如果資料庫會自動為每一筆新建立的記錄產生唯一索引鍵 ID,請在清單中選取表單物件,然後按一下減號 (-) 按鈕,將對應於索引鍵欄的表單物件移除。這樣可以防止表單的使用者輸入已經存在的 ID 數值。

    如果要變更 HTML 表單上的表單物件的順序,可以在清單中選取表單物件,再按一下對話框右邊的向上或向下鍵。

  8. 如果要指定各資料輸入欄位出現在 HTML 表單上的方式,請按下「表單欄位」表格中的某一列,並在表格下方的方塊中輸入下列資訊:
    • 在「標籤」方塊中輸入要顯示在資料輸入欄位旁邊的說明標籤。根據預設,Dreamweaver 會在標籤中顯示表格欄的名稱。

    • 在「顯示為」彈出式選單中,選擇將做為資料輸入欄位的表單物件。您可以選取「文字欄位」、「文字區域」、「選單」、「核取方塊」、「選項按鈕群組」和「文字」。如果要輸入唯讀資料,請選擇「文字」。您也可以選取「密碼欄位」、「檔案欄位」和「隱藏欄位」。

    註解:

    隱藏欄位都是插入於表單的末端。

    • 在「送出為」彈出式選單中,選取資料庫表格可接受的資料格式。例如,如果表格欄只接受數字資料,請選擇「數值」。
    • 設定表單物件的屬性。依選取做為資料輸入欄位的表單物件而異,您會有不同的選項。您可以為文字欄位、文字區域以及文字輸入初始值。使用選單與選項按鈕群組時,必須開啟另一個對話方塊才能設定屬性。使用選項時,可選擇「已選取」或「取消選取」選項。  
  9. 選取其他「表單欄位」列並輸入標籤、「顯示成」值和「送出為」值,以設定其他表單物件的屬性。

    使用選單與選項按鈕群組時,必須開啟另一個對話方塊才能設定屬性。如果要使用選項,請對選項定義目前記錄值與某個指定值的比較,以決定在顯示記錄時,選項的狀態為已選取或取消選取。

  10. 按一下「確定」。

    Dreamweaver 會在頁面中加入 HTML 表單以及「更新記錄」伺服器行為。

    資料物件會在頁面中新增 HTML 表單與「更新記錄」伺服器行為。表單物件會先配置在基本的表格中,您可以使用 Dreamweaver 頁面設計工具自訂這個表格 (請確定所有表單物件都放置在表單的邊界內)。

    若要編輯伺服器行為,請開啟「伺服器行為」面板 (「視窗 > 伺服器行為」),再按兩下「更新記錄」行為。

表單元素屬性選項

「表單元素屬性」對話方塊是用來設定在頁面上讓使用者更新資料庫中記錄的表單元素選項。

  1. 依您計畫建立表單元素的方式,選取「手動」或是「資料庫來源」。
  2. 按一下加號 (+) 按鈕,以新增元素。
  3. 輸入元素的標籤及數值。
  4. 如果您要在瀏覽器開啟頁面時,或是在表單中顯示記錄時選取特定元素,請在「選取的值等於」方塊中輸入與元素數值相同的值。

    您可以輸入靜態數值,或是按下閃電圖示,再從資料來源清單中選取動態數值來指定動態數值。不論是哪一種狀況,您指定的數值必須與其中一個元素的數值相符。

更快、更輕鬆地獲得協助

新的使用者?