註解:

Dreamweaver CC (含) 以後版本的使用者介面已經簡化了。因此,您在 Dreamweaver CC 和更新版本中可能會找不到本文所描述的一些選項。如需詳細資訊,請參閱本文

關於建立記錄插入頁面

您的應用程式中可以包含讓使用者在資料庫中插入新記錄的頁面。

插入頁面是由兩個建置組塊構成的:

  • 讓使用者輸入資料的 HTML 表單

  • 更新資料庫的「插入記錄」伺服器行為

    當使用者在表單上按一下「送出」時,伺服器行為會將記錄插入資料庫表格中。

    您可以使用「記錄插入表單」資料物件,一次加入這些建置組塊,也可以使用 Dreamweaver 表單工具和「伺服器行為」面板分別加入。

註解:

插入頁面每次只能包含一種編輯記錄的伺服器行為。例如,您無法將「更新記錄」或「刪除記錄」伺服器行為同時加入插入頁面。

依區塊個別建立插入頁面

您也可以使用表單工具和伺服器行為來建立插入頁面。

在插入頁面中加入 HTML 表單

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

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

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

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

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

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

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

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

加入可將記錄插入資料庫表格的伺服器行為 (ColdFusion)

  1. 在「伺服器行為」面板 (「視窗>伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「插入記錄」。
  2. 從「送出值來源」彈出式選單中選取表單。
  3. 在「資料來源」彈出式選單中,選取資料庫的連線。
  4. 輸入使用者名稱和密碼。
  5. 在「插入表格」彈出式選單中,選取要插入記錄的資料庫表格。
  6. 指定要插入記錄的資料庫欄,從「值」彈出式選單中選取要插入記錄的表單物件,然後從「送出為」彈出式選單中選取表單物件的資料類型。

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

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

  7. 在「插入後,請前往」方塊中,輸入將記錄插入表格之後要開啟的頁面,或是按下「瀏覽」按鈕瀏覽到檔案。
  8. 按一下「確定」。

    Dreamweaver 會在頁面中加入伺服器行為,讓使用者以填寫 HTML 表單後按下「送出」按鈕的方式,在資料庫表格中插入記錄。

加入可將記錄插入資料庫表格的伺服器行為 (ASP)

  1. 在「伺服器行為」面板 (「視窗>伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「插入記錄」。
  2. 在「連線」彈出式選單中,選取與資料庫的連線。

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

  3. 在「插入表格」彈出式選單中,選取要插入記錄的資料庫表格。
  4. 在「插入後,請前往」方塊中,輸入將記錄插入表格之後要開啟的頁面,或是按一下「瀏覽」以瀏覽到檔案。
  5. 在「數值來源」彈出式選單中,選取用來輸入資料的 HTML 表單。

    Dreamweaver 會自動選取頁面上的第一個表單。

  6. 指定要插入記錄的資料庫欄,從「值」彈出式選單中選取要插入記錄的表單物件,然後從「送出為」彈出式選單中選取表單物件的資料類型。

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

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

  7. 按一下「確定」。

    Dreamweaver 會在頁面中加入伺服器行為,讓使用者以填寫 HTML 表單後按下「送出」按鈕的方式,在資料庫表格中插入記錄。

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

加入可將記錄插入資料庫表格的伺服器行為 (PHP)

  1. 在「伺服器行為」面板 (「視窗>伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「插入記錄」。
  2. 從「送出值來源」彈出式選單中選取表單。
  3. 在「連線」彈出式選單中,選取與資料庫的連線。
  4. 在「插入表格」彈出式選單中,選取要插入記錄的資料庫表格。
  5. 指定要插入記錄的資料庫欄,從「值」彈出式選單中選取要插入記錄的表單物件,然後從「送出為」彈出式選單中選取表單物件的資料類型。

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

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

  6. 在「插入後,請前往」方塊中,輸入將記錄插入表格之後要開啟的頁面,或是按下「瀏覽」按鈕瀏覽到檔案。
  7. 按一下「確定」。

    Dreamweaver 會在頁面中加入伺服器行為,讓使用者以填寫 HTML 表單後按下「送出」按鈕的方式,在資料庫表格中插入記錄。

在一次作業中建立插入頁面

  1. 在「設計」檢視中開啟頁面,然後選取「插入>資料物件>插入記錄>記錄插入表單精靈」。
  2. 在「連線」彈出式選單中,選取與資料庫的連線。如果需要定義連線,請按一下「定義」。
  3. 在「插入表格」彈出式選單中,選取要插入記錄的資料庫表格。
  4. 如果您使用 ColdFusion,請輸入使用者名稱和密碼。
  5. 在「插入後,請前往」方塊中輸入當記錄插入表格之後要開啟的頁面,或是按一下「瀏覽」按鈕瀏覽到檔案。
  6. 在「表單欄位」區域中指定要加入插入頁面之 HTML 表單中的表單物件,以及各表單物件要更新的資料庫表格欄。

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

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

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

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

    註解:

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

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

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

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

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策