使用手冊 取消

在 Dreamweaver 中建立記錄刪除頁面

 

 

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

註解:

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

關於記錄刪除頁面

您的應用程式中可以包含一組讓使用者刪除資料庫記錄的頁面。這些頁面通常是由搜尋頁面、結果頁面及刪除頁面所組成。刪除頁面通常為細節頁面,常會搭配結果頁面使用。搜尋及結果頁面可讓使用者擷取記錄,而刪除頁面則可讓使用者確認並刪除記錄。

建立搜尋及結果頁面之後,請在結果頁面上加入可開啟刪除頁面的連結,然後建立會顯示記錄和「送出」按鈕的刪除頁面。

搜尋要刪除的記錄

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

建立搜尋及結果頁面之後,您必須在結果頁面上建立連結以開啟刪除頁面,然後修改連結以傳送使用者所要刪除的記錄 ID。刪除頁面會使用這個 ID 來尋找並顯示這筆記錄。

  1. 在結果頁面中,按一下最後一個表格欄內部,然後選取「修改>表格>插入列或欄」,以建立表格中用來顯示記錄的欄。
  2. 選取「欄」選項以及「在現在的欄之後」選項,然後按一下「確定」。

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

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

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

  4. 選取 Delete 字串以套用連結。
  5. 在「屬性」檢視窗的「連結」方塊中輸入刪除頁面。您可以輸入任何檔案名稱。

    在「連結」方塊外按一下之後,Delete 字串便會在表格中顯示為連結。如果您啟用「即時檢視」,就可以看到連結已套用到表格中各列的相同文字上。

  6. 選取結果頁面上的「刪除」連結。
  7. (ColdFusion) 在「屬性」檢視窗的「連結」方塊中,將下列字串加在 URL 的結尾處:
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#

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

    等號後面的運算式是參數的值。在這種情況下,值是由會從資料集傳回記錄 ID 的 ColdFusion 運算式所產生的。動態表格中的每一列都會產生不同的 ID。在 ColdFusion 運算式中,請用資料集的名稱來取代 recordsetName,再使用資料集中唯一識別各筆記錄的欄位名稱來取代 fieldName。大部分情況下,欄位會由記錄 ID 編號所構成。在下列範例中,欄位是由唯一位置碼所構成的:

    confirmDelete.cfm?recordID=#rsLocations.CODE#
    confirmDelete.cfm?recordID=#rsLocations.CODE#
    confirmDelete.cfm?recordID=#rsLocations.CODE#

    頁面執行時,會將資料集的 CODE 欄位值插入動態表格的對應列中。例如,如果澳洲坎培拉 (租賃位置) 的代碼是 CBR,那麼便會在動態表格的「坎培拉」列中使用下列 URL:

    confirmDelete.cfm?recordID=CBR
    confirmDelete.cfm?recordID=CBR
    confirmDelete.cfm?recordID=CBR
  8. 在「屬性」檢視窗的「連結」欄位中,將下列字串加在 URL 的結尾處:
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>

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

    等號後面的運算式是參數的值。在這種情況下,值是由會從資料集傳回記錄 ID 的 PHP 運算式所產生的。動態表格中的每一列都會產生不同的 ID。在 PHP 運算式中,請用資料集的名稱來取代 recordsetName,再用資料集中可唯一識別各筆一記錄的欄位名稱來取代 fieldName。大部分情況下,欄位會由記錄 ID 編號所構成。在下列範例中,欄位是由唯一位置碼所構成的:

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

    頁面執行時,會將資料集的 CODE 欄位值插入動態表格的對應列中。例如,如果澳洲坎培拉 (租賃位置) 的代碼是 CBR,那麼便會在動態表格的「坎培拉」列中使用下列 URL:

    confirmDelete.php?recordID=CBR
    confirmDelete.php?recordID=CBR
    confirmDelete.php?recordID=CBR
  9. (ASP) 在「屬性」檢視窗的「連結」欄位中,將下列字串加在 URL 的結尾處:
    ?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>
    ?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>
    ?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>

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

    等號後面的運算式是參數的值。在這種情況下,值是由會從資料集傳回記錄 ID 的 ASP 運算式所產生的。動態表格中的每一列都會產生不同的 ID。在 ASP 運算式中,請用資料集的名稱來取代 recordsetName,再用資料集中可唯一識別各筆記錄的欄位名稱來取代 fieldName。大部分情況下,欄位會由記錄 ID 編號所構成。在下列範例中,欄位是由唯一位置碼所構成的:

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

    頁面執行時,會將資料集的 CODE 欄位值插入動態表格的對應列中。例如,如果澳洲坎培拉 (租賃位置) 的代碼是 CBR,那麼便會在動態表格的「坎培拉」列中使用下列 URL:

    confirmDelete.asp?recordID=CBR
    confirmDelete.asp?recordID=CBR
    confirmDelete.asp?recordID=CBR
  10. 儲存頁面。
  1. 在結果頁面中,按一下最後一個表格欄內部,然後選取「修改>表格>插入列或欄」,以建立表格中用來顯示記錄的欄。
  2. 選取「欄」選項以及「在現在的欄之後」選項,然後按一下「確定」。

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

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

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

  4. 選取 Delete 字串以套用連結。
  5. 在「伺服器行為」面板 (「視窗 > 伺服器行為」) 中,按一下加號 (+) 按鈕,再從彈出式選單中選取「前往細節頁面」。
  6. 在「細節頁面」方塊中,按一下「瀏覽」以尋找刪除頁面。
  7. 在「傳遞 URL 參數」方塊中,指定參數的名稱,例如 recordID。

    您可以依喜好編造任何名稱,不過必須將該名稱記下來,因為稍後會在刪除頁面中用到它。

  8. 從「資料集」彈出式選單中選取資料集,再從「欄」彈出式選單中選取欄,以指定要傳送至刪除頁面的值。每一筆記錄通常都會有一個唯一的值,例如記錄的唯一索引鍵 ID。
  9. 選取「URL 參數」選項。
  10. 按一下「確定」。

    特殊的連結便會包圍選取的文字。當使用者按一下此連結時,「前往細節頁面」伺服器行為就會將含有記錄 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 表單

  1. 建立一個頁面,並將它儲存成前一節中所指定的刪除頁面。

    您在前一節中建立「刪除」連結時,指定了刪除頁面。請在第一次儲存檔案時,使用這個名稱 (例如,deleteConfirm.cfm)。

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

    如果要儲存 URL 參數所傳送的記錄 ID,就需要隱藏表單欄位。若要新增隱藏欄位,請將插入點放在表單中,然後選取「插入>表單>隱藏欄位」。

  4. 新增按鈕至表單中。

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

  5. 請視需要加強頁面的設計,然後儲存它。

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

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

    簡單「資料集」對話方塊便會出現。如果出現的是進階「資料集」對話方塊,請按一下「簡單」。

  2. 命名該資料集,然後選取含有使用者可刪除之記錄的資料來源與資料庫表格。
  3. 在「欄」區域中,選取您想要在頁面上顯示的表格欄 (記錄欄位)。

    若只想要顯示某些記錄欄位,請按一下「已選取」,然後在清單中使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 以選取您要的欄位。

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

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

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

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

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

       

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

  5. 按一下「確定」。

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

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

  1. 選取「繫結」面板中的資料集欄 (記錄欄位),然後拖曳到刪除頁面。

    請確認此唯讀的動態內容都插入於表單的邊界之內。如需有關在頁面中插入動態內容的詳細資訊,請參閱讓文字呈現動態效果

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

  2. 確定已開啟「隱藏元素」(「檢視>視覺輔助>隱藏元素」),然後按一下代表隱藏表單欄位的黃色盾形圖示。

    便會選取隱藏表單欄位。

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

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

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

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

新增刪除記錄的邏輯

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

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

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

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

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

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

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

  7. (PHP) 在「主索引鍵值」彈出式選單中,選取頁面上含有識別所要刪除之記錄的記錄 ID 變數。

    變數是由隱藏表單欄位所建立。它的名稱與隱藏欄位的名稱屬性相同,不是表單就是 URL 參數,視表單的方法屬性而定。

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

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

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

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

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

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

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

  4. 在「從表格刪除」彈出式選單中,選取含有您要刪除記錄的資料庫表格。
  5. 在「選取記錄來源」彈出式選單中,指定含有要刪除記錄的資料集。
  6. 在「唯一索引鍵欄」彈出式選單中選取索引鍵欄 (通常是記錄 ID 欄),以識別資料庫表格中的記錄。

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

  7. 在「送出時刪除」彈出式選單中,指定包含「送出」按鈕 (可將刪除命令傳送至伺服器) 的 HTML 表單。
  8. 在「刪除後,請前往」方塊中,指定從資料庫表格中刪除記錄之後要開啟的頁面。

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

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

測試刪除頁面

  1. 上傳搜尋、結果和刪除頁面到網頁伺服器,然後開啟瀏覽器,並搜尋要刪除的可處置測試記錄。

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

  2. 按一下「確認」按鈕,從資料庫中刪除記錄。
  3. 再次搜尋記錄,以確認該記錄已被刪除。記錄應該不會再出現於結果頁面中。

更快、更輕鬆地獲得協助

新的使用者?