在 Dreamweaver 中建立記錄刪除頁面

上次更新時間 2024年4月25日

了解如何在 Dreamweaver 中建立刪除記錄頁面,讓用戶能夠刪除資料庫中的記錄。

備註

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

關於記錄刪除頁面

您的應用程式可以包含一組頁面 讓使用者刪除資料庫中的記錄。這些頁面通常 包含搜尋頁面、結果頁面和刪除頁面。刪除 頁面通常是與結果頁面配合使用的詳細資料頁面。 搜尋和結果頁面讓使用者擷取記錄,而刪除頁面讓使用者確認和刪除記錄。

建立搜尋和結果頁面後,您可以在結果頁面上新增連結以開啟刪除頁面,然後建置刪除頁面來顯示記錄和「提交」按鈕。

搜尋要刪除的記錄

當使用者要刪除記錄時,必須 先在資料庫中找到該記錄。因此,您需要搜尋和結果頁面來與刪除頁面配合使用。使用者 在搜尋頁面中輸入搜尋條件,並在結果頁面上選取記錄。當使用者按一下記錄時,刪除 頁面會開啟並在 HTML 表單中顯示記錄。

建立搜尋和結果頁面後, 您必須在結果頁面上建立連結以開啟刪除頁面。 然後您要修改連結來傳遞使用者要刪除的記錄 ID。刪除頁面使用此 ID 來尋找和顯示記錄。

在結果頁面上,透過按一下最後一個表格欄位,然後選取「修改」>「表格」>「插入列或欄」,即可在用來顯示記錄的表格中建立欄位。
選取「欄」選項和「在目前欄後」 選項,然後按一下「確定」。

便會有一欄新增至表格中。

在新建立的表格欄中,於包含動態內容預留位置的列中輸入字串 Delete。請確定您在標籤式重複區域內輸入字串。

您也可以插入含有用於刪除的文字或符號的影像。

選取 Delete 字串以對其套用 連結。
在「屬性」檢視器中,在「連結」方塊中輸入刪除頁面。您可以輸入任何檔案名稱。

在「連結」方塊外按一下後,Delete 字串 會在表格中顯示為連結。如果您使用「即時視圖」,可以看到連結套用到每個表格列中的同一文字。

選取結果頁面上的「刪除」連結。
(ColdFusion) 在「屬性」檢視器的「連結」方塊中, 在 URL 結尾新增下列字串:

?recordID=#recordsetName.fieldName#

問號 會告知伺服器後面的內容是一個或多個 URL 參數。recordID 這個詞是 URL 參數的名稱 (您可以自訂任何名稱)。請記下 URL 參數的名稱 因為稍後您會在刪除頁面中用到它。

等號 後面的運算式是參數的值。在這種情況下,該值是由 ColdFusion 運算式產生,該運算式會從記錄集傳回記錄 ID。動態表格的每一列都會產生不同的 ID。在 ColdFusion 運算式中,將 recordsetName 取代為 您記錄集的名稱,並將 fieldName 取代為 記錄集中可唯一識別 每筆記錄的欄位名稱。在大多數情況下,該欄位會包含記錄 ID 編號。在下列範例中,欄位是由唯一位置碼所構成的:

confirmDelete.cfm?recordID=#rsLocations.CODE#

當頁面執行時,記錄集的 CODE 欄位值會被插入動態表格中對應的列。例如,如果 澳洲坎培拉的租賃地點代碼為 CBR,則會在 動態表格的坎培拉列中使用以下 URL:

confirmDelete.cfm?recordID=CBR

(PHP) 在屬性檢視器的「連結」欄位中,在 URL 結尾加入以下字串:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

問號 告訴伺服器後面接的是一個或多個 URL 參數。recordID 這個詞是 URL 參數的名稱 (您可以任意命名)。請記下 URL 參數的名稱,因為您稍後會在刪除頁面中用到它。

等號 後面的運算式是參數的值。在這種情況下, 該值是由 PHP 運算式產生,該運算式會從記錄集傳回記錄 ID。動態表格的每一列都會產生不同的 ID。在 PHP 運算式中,將 recordsetName 取代為 您記錄集的名稱,並將 fieldName 取代為 記錄集中可唯一識別 每筆記錄的欄位名稱。在大多數情況下,該欄位會包含記錄 ID 編號。在以下範例中,該欄位包含唯一的地點 代碼:

confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

當 頁面執行時,記錄集的 CODE 欄位值會插入 動態表格中對應的列。例如,如果 澳洲坎培拉的租賃地點代碼為 CBR,則會在 動態表格的坎培拉列中使用以下 URL:

confirmDelete.php?recordID=CBR

(ASP) 在「屬性」檢視器的「連結」欄位中,在 URL 結尾新增 以下字串:

?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>

問號 告知伺服器後面是一個或多個 URL 參數。recordID 這個字是 URL 參數的名稱 (您可以編造任何喜歡的名稱)。請記住 URL 參數的名稱, 因為稍後您會在刪除頁面中使用它。

等號 後面的運算式是參數的值。在此情況下, 值是由 ASP 運算式所生成,該運算式會從記錄集傳回記錄 ID。動態表格中的每個列 都會生成不同的 ID。在 ASP 運算式中,將 recordsetName 取代為 您記錄集的名稱,並將 fieldName 取代為 記錄集中能唯一識別 每筆記錄的欄位名稱。在大多數情況下,欄位會包含記錄 ID 編號。在以下範例中,欄位包含唯一的位置代碼:

confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>

當 頁面執行時,記錄集 CODE 欄位的值會插入 動態表格中對應的列。例如,如果澳洲坎培拉的租車據點代碼為 CBR,則在動態表格的坎培拉列中會使用以下 URL:

confirmDelete.asp?recordID=CBR

儲存頁面。
在結果頁面上,於用來顯示記錄的表格中建立欄位,方法是按一下表格最後一欄內部,然後選取「修改」>「表格」>「插入列或欄」。
選取「欄」選項和「目前欄之後」 選項,然後按一下「確定」。

便會有一欄新增至表格中。

在新建立的表格欄中,在 包含動態內容預留位置的列中輸入 Delete 字串。請確定您 在標籤重複區域內輸入字串。

您也可以插入包含代表刪除之文字或符號的影像。

選取 Delete 字串以將 連結套用至該字串。
在「伺服器行為」面板 (「視窗」> 「伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「前往詳細資料頁面」。
在「詳細資料頁面」方塊中,按一下「瀏覽」並找到刪除 頁面。
在「傳遞 URL 參數」方塊中,指定您的 參數名稱,例如 recordID。

您可以任意命名,但請記住此名稱,因為稍後在刪除頁面中會用到。

從「記錄集」和「欄位」彈出選單中選取記錄集和欄位, 指定您要傳遞到刪除頁面的值。通常此值對記錄而言是唯一的,例如 記錄的唯一索引鍵 ID。
選取「URL 參數」選項。
按一下「確定」。

特殊的連結便會包圍選取的文字。 當使用者 按一下連結時,「移至詳細資料頁面」伺服器行為會傳遞一個 包含記錄 ID 的 URL 參數到指定的刪除頁面。 例如,如果 URL 參數名為 recordID 且刪除頁面名為 confirmdelete.asp,當使用者按一下連結時,URL 類似如下所示:

http://www.mysite.com/confirmdelete.asp?recordID=43

URL 的第一部分 http://www.mysite.com/confirmdelete.asp 會開啟刪除頁面。第二部分 ?recordID=43 是 URL 參數。這個參數會告訴刪除頁面所要尋找和顯示的記錄, recordID 一詞是 URL 參數的名稱,43 是其 值。在此範例中,URL 參數包含記錄的 ID 編號 43。

建立刪除頁面

完成列出記錄的頁面後, 切換到刪除頁面。刪除頁面會顯示記錄並 詢問使用者是否確定要刪除。當使用者 按一下表單按鈕確認操作時,網頁應用程式 會從資料庫中刪除記錄。

建置此頁面包括 建立 HTML 表單、擷取要在表單中顯示的記錄、在表單中顯示記錄,以及新增從資料庫刪除記錄的邏輯。擷取和顯示記錄包括 定義記錄集來保存單一記錄(使用者想要刪除的記錄),並將記錄集欄位繫結到表單。

備註

刪除頁面一次只能包含一個記錄編輯伺服器行為。例如,您無法將「插入記錄」或「更新 記錄」伺服器行為新增到刪除頁面。

建立 HTML 表單來顯示 記錄

建立頁面並將其儲存為您在上一節 指定的刪除頁面。

您在上一節建立「刪除」 連結時已指定刪除頁面。第一次儲存檔案時 使用此名稱(例如 deleteConfirm.cfm)。

在頁面上插入 HTML 表單(「插入」> 「表單」>「表單」)。
在表單中新增隱藏表單欄位。

必須有隱藏表單欄位來儲存 URL 參數傳遞的記錄 ID。若要新增隱藏欄位,請將插入點 放在表單中,並選取「插入」>「表單」> 「隱藏欄位」。

新增按鈕至表單中。

使用者會按一下按鈕來確認並刪除 顯示的記錄。若要新增按鈕,請將插入點放在 表單中,並選取「插入」>「表單」>「按鈕」。

以您想要的任何方式增強頁面的設計並儲存。

擷取使用者想要刪除的記錄

在「繫結」面板 (「視窗」>「繫結」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「記錄集 (查詢)」。

簡單「資料集」對話方塊便會出現。 如果顯示進階記錄集對話框,請按一下「簡單」。

為記錄集命名,並選取一個資料來源和包含使用者可以刪除之記錄的資料庫資料表。
在「欄」區域中,選取您想要在頁面上顯示的資料表欄 (記錄欄位)。

若只要顯示記錄的部分欄位,請按一下「已選取」,然後按住 Ctrl 鍵並按一下 (Windows) 或按住 Command 鍵並按一下 (Macintosh) 從清單中選擇所需的欄位。

請確定包含記錄 ID 欄位,即使您不會顯示它也一樣。

完成「篩選器」區段,如下所示,以尋找並顯示結果頁面傳遞之 URL 參數中指定的記錄:
  • 在「篩選器」區域的第一個彈出式選單中,選取資料集的欄,這個欄的值必須符合具有「刪除」連結的頁面所傳送的 URL 參數值。 例如,如果 URL 參數中含有記錄 ID 編號,則應選取含有記錄 ID 編號的欄。 在前一節所討論的範例中,稱為 CODE 的資料集欄包含的值,與含有「刪除」連結的頁面所傳送的 URL 參數值相符。

  • 在第一個選單旁的彈出式選單中,選取等號 (如果尚未選取)。

  • 在第三個彈出式選單中,選取「URL 參數」。 具有「刪除」連結的頁面會使用 URL 參數將資訊傳送到刪除頁面。

  • 在第四個方塊中,輸入含「刪除」連結的頁面所傳送的 URL 參數名稱。

     

資料集對話方塊
資料集對話方塊

按一下「確定」。

資料集會在「繫結」面板中出現。

顯示使用者想要刪除的記錄

在「繫結」面板中選取記錄集欄 (記錄欄位),然後將它們拖曳至刪除頁面。

請確定您在表單邊界內插入此唯讀動態內容。如需在頁面中插入動態內容的更多資訊,請參閱 讓文字變為動態

接下來,您必須將記錄 ID 欄繫結至隱藏的表單欄位。

請確定已啟用「不可見元素」(「檢視」>「視覺輔助」>「不可見元素」),然後按一下代表隱藏表單欄位的黃色盾牌圖示。

便會選取隱藏表單欄位。

在「屬性」檢視窗中,按一下「值」方塊旁邊的閃電圖示。
在「動態資料」對話框中,選取記錄集中的記錄 ID 欄。

在下列範例中,記錄 ID 欄 CODE 包含唯一的商店代碼。

記錄 ID 欄已選取
記錄 ID 欄已選取

按一下「確定」並儲存這個頁面。
完成的刪除頁面
完成的刪除頁面

新增刪除記錄的邏輯

在刪除頁面上顯示選取的記錄之後,您必須在頁面中新增邏輯,當使用者按一下「確認刪除」按鈕時,從資料庫中刪除記錄。您可以使用「刪除記錄」伺服器行為快速且輕鬆地新增此邏輯。

新增伺服器行為以刪除記錄 (ColdFusion、PHP)

請確定 ColdFusion 或 PHP 刪除頁面已在 Dreamweaver 中開啟。
在「伺服器行為」面板 (「視窗」>「伺服器行為」) 中,按一下加號 (+) 按鈕,然後選取「刪除記錄」。
在「首先檢查是否已定義變數」方塊中,請確定已選取「主要索引鍵值」。

稍後在對話方塊中指定主索引鍵值。

在「連線」或「資料來源」(ColdFusion) 彈出式選單中,選取資料庫的連線,讓伺服器行為可以連線至受影響的資料庫。
在「表格」快顯選單中,選取包含要刪除記錄的資料庫表格。
在「主要索引鍵欄」快顯選單中,選取包含記錄 ID 的表格欄。

「刪除記錄」伺服器行為會在此欄中搜尋符合項目。該欄應包含與您繫結至頁面上隱藏表單欄位的記錄集欄相同的記錄 ID 資料。

如果記錄 ID 是數值,請選取「數值」選項。

(PHP) 在「主要索引鍵值」快顯選單中,選取頁面上包含記錄 ID 的變數,用於識別要刪除的記錄。

變數是由隱藏表單欄位所建立。 它與隱藏欄位的名稱屬性同名,並且是表單或 URL 參數,這取決於表單的方法屬性。

在「刪除後,前往」方塊或「成功時,前往」方塊中,指定從資料庫表格刪除記錄後要開啟的頁面。

您可以指定包含給使用者簡短成功訊息的頁面,或列出其餘記錄的頁面,讓使用者可以確認記錄已刪除。

刪除記錄對話方塊
刪除記錄對話方塊

按一下「確定」儲存工作。

新增伺服器行為以刪除記錄 (ASP)

確保 ASP 刪除頁面在 Dreamweaver 中開啟。
在「伺服器行為」面板中 (「視窗」>「伺服器行為」),按一下加號 (+) 按鈕,然後選取「刪除記錄」。
在「連線」快顯選單中,選取資料庫連線,讓伺服器行為可以連線到受影響的資料庫。

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

在「從表格刪除」快顯選單中,選取包含要刪除記錄的資料庫表格。
在「從中選取記錄」快顯選單中,指定包含要刪除記錄的記錄集。
在「唯一索引鍵欄」快顯選單中,選取索引鍵欄 (通常是記錄 ID 欄) 以識別資料庫表格中的記錄。

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

在「透過提交刪除」快顯選單中,指定具有「提交」按鈕的 HTML 表單,該按鈕會將刪除指令傳送到伺服器。
在「刪除後,前往」方塊中,指定從資料庫表格刪除記錄後要開啟的頁面。

您可以指定包含給使用者簡短成功訊息的頁面,或列出其餘記錄的頁面,讓使用者可以確認記錄已刪除。

按一下「確定」儲存工作。

測試刪除頁面

將搜尋、結果和刪除頁面上傳到您的網頁伺服器,開啟瀏覽器並搜尋要刪除的測試記錄。

當您按一下結果頁面上的「刪除」連結時,應該會出現刪除頁面。

按一下「確認」按鈕從資料庫刪除記錄。
透過再次搜尋該記錄來確認記錄已刪除。記錄應該不再出現在結果頁面中。