- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
了解如何在 Dreamweaver 中建立刪除記錄頁面,讓用戶能夠刪除資料庫中的記錄。
Dreamweaver 和更高版本的用戶介面已經簡化。因此,您在 Dreamweaver 和更高版本中可能會找不到本文所描述的一些選項。如需詳細資訊,請參閱本文。
關於記錄刪除頁面
您的應用程式中可以包含一組讓使用者刪除資料庫記錄的頁面。這些頁面通常是由搜尋頁面、結果頁面及刪除頁面所組成。刪除頁面通常為細節頁面,常會搭配結果頁面使用。搜尋及結果頁面可讓使用者擷取記錄,而刪除頁面則可讓使用者確認並刪除記錄。
建立搜尋及結果頁面之後,請在結果頁面上加入可開啟刪除頁面的連結,然後建立會顯示記錄和「送出」按鈕的刪除頁面。
搜尋要刪除的記錄
使用者要刪除記錄之前,必須先在資料庫中找到該記錄。因此,您必須為刪除頁面搭配搜尋頁面與結果頁面。使用者在搜尋頁面中輸入搜尋準則,並選取結果頁面中的記錄。當使用者按一下記錄時,刪除頁面便會開啟,上面會以 HTML 表單顯示記錄。
建立刪除頁面的連結
建立搜尋及結果頁面之後,您必須在結果頁面上建立連結以開啟刪除頁面,然後修改連結以傳送使用者所要刪除的記錄 ID。刪除頁面會使用這個 ID 來尋找並顯示這筆記錄。
手動建立連結
-
在結果頁面中,按一下最後一個表格欄內部,然後選取「修改>表格>插入列或欄」,以建立表格中用來顯示記錄的欄。
-
選取「欄」選項以及「在現在的欄之後」選項,然後按一下「確定」。
便會有一欄新增至表格中。
-
在新建立的表格欄中,於包含動態內容預留位置的列中輸入字串 Delete。請確定您是在標籤重複區域內輸入該字串。
您也可以插入代表刪除文字或符號的影像。
-
選取 Delete 字串以套用連結。
-
在「屬性」檢視窗的「連結」方塊中輸入刪除頁面。您可以輸入任何檔案名稱。
在「連結」方塊外按一下之後,Delete 字串便會在表格中顯示為連結。如果您啟用「即時檢視」,就可以看到連結已套用到表格中各列的相同文字上。
-
選取結果頁面上的「刪除」連結。
-
(ColdFusion) 在「屬性」檢視窗的「連結」方塊中,將下列字串加在 URL 的結尾處:
?recordID=#recordsetName.fieldName#
問號會告訴伺服器,後面接的是一或多個 URL 參數。recordID 是 URL 參數的名稱 (您可以依喜好命名)。記下 URL 參數的名稱,因為稍後會在刪除頁面中用到它。
等號後面的運算式是參數的值。在這種情況下,值是由會從資料集傳回記錄 ID 的 ColdFusion 運算式所產生的。動態表格中的每一列都會產生不同的 ID。在 ColdFusion 運算式中,請用資料集的名稱來取代 recordsetName,再使用資料集中唯一識別各筆記錄的欄位名稱來取代 fieldName。大部分情況下,欄位會由記錄 ID 編號所構成。在下列範例中,欄位是由唯一位置碼所構成的:
confirmDelete.cfm?recordID=#rsLocations.CODE#
頁面執行時,會將資料集的 CODE 欄位值插入動態表格的對應列中。例如,如果澳洲坎培拉 (租賃位置) 的代碼是 CBR,那麼便會在動態表格的「坎培拉」列中使用下列 URL:
confirmDelete.cfm?recordID=CBR
-
在「屬性」檢視窗的「連結」欄位中,將下列字串加在 URL 的結尾處:
?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']; ?>
頁面執行時,會將資料集的 CODE 欄位值插入動態表格的對應列中。例如,如果澳洲坎培拉 (租賃位置) 的代碼是 CBR,那麼便會在動態表格的「坎培拉」列中使用下列 URL:
confirmDelete.php?recordID=CBR
-
(ASP) 在「屬性」檢視窗的「連結」欄位中,將下列字串加在 URL 的結尾處:
?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)%>
頁面執行時,會將資料集的 CODE 欄位值插入動態表格的對應列中。例如,如果澳洲坎培拉 (租賃位置) 的代碼是 CBR,那麼便會在動態表格的「坎培拉」列中使用下列 URL:
confirmDelete.asp?recordID=CBR
-
儲存頁面。
以視覺化方式建立連結 (僅適用於 ASP)
-
在結果頁面中,按一下最後一個表格欄內部,然後選取「修改>表格>插入列或欄」,以建立表格中用來顯示記錄的欄。
-
選取「欄」選項以及「在現在的欄之後」選項,然後按一下「確定」。
便會有一欄新增至表格中。
-
在新建立的表格欄中,於包含動態內容預留位置的列中輸入字串 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,就需要隱藏表單欄位。若要新增隱藏欄位,請將插入點放在表單中,然後選取「插入>表單>隱藏欄位」。
-
新增按鈕至表單中。
使用者會按一下按鈕確認,然後刪除顯示的記錄。若要新增按鈕,請將插入點放在表單中,然後選取「插入>表單>按鈕」。
-
請視需要加強頁面的設計,然後儲存它。
擷取使用者想要刪除的記錄
-
在「繫結」面板 (「視窗>繫結」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「資料集 (查詢)」。
簡單「資料集」對話方塊便會出現。如果出現的是進階「資料集」對話方塊,請按一下「簡單」。
-
命名該資料集,然後選取含有使用者可刪除之記錄的資料來源與資料庫表格。
-
在「欄」區域中,選取您想要在頁面上顯示的表格欄 (記錄欄位)。
若只想要顯示某些記錄欄位,請按一下「已選取」,然後在清單中使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 以選取您要的欄位。
即使您不要顯示記錄 ID 欄位,也請確定會包含它。
-
依照下列方法完成「篩選器」區段,以尋找和顯示結果頁面所傳送 URL 參數中指定的記錄:
在「篩選器」區域的第一個彈出式選單中,選取資料集的欄,這個欄的值必須符合具有「刪除」連結的頁面所傳送的 URL 參數值。例如,如果 URL 參數中含有記錄 ID 編號,則應選取含有記錄 ID 編號的欄。在前一節所討論的範例中,稱為 CODE 的資料集欄包含的值,與含有「刪除」連結的頁面所傳送的 URL 參數值相符。
在第一個選單旁的彈出式選單中,選取等號 (如果尚未選取)。
在第三個彈出式選單中,選取「URL 參數」。具有「刪除」連結的頁面會使用 URL 參數將資訊傳送到刪除頁面。
在第四個方塊中,輸入含「刪除」連結的頁面所傳送的 URL 參數名稱。
-
按一下「確定」。
資料集會在「繫結」面板中出現。
顯示使用者想要刪除的記錄
-
選取「繫結」面板中的資料集欄 (記錄欄位),然後拖曳到刪除頁面。
請確認此唯讀的動態內容都插入於表單的邊界之內。如需有關在頁面中插入動態內容的詳細資訊,請參閱讓文字呈現動態效果。
接下來,您必須繫結記錄 ID 欄和隱藏表單欄位。
-
確定已開啟「隱藏元素」(「檢視>視覺輔助>隱藏元素」),然後按一下代表隱藏表單欄位的黃色盾形圖示。
便會選取隱藏表單欄位。
-
在「屬性」檢視窗中,按一下「值」方塊旁的閃電圖示。
-
在「動態資料」對話方塊中,選取資料集中的記錄 ID 欄。
在下列範例中,記錄 ID 欄 (即 CODE) 包含商店唯一代碼。
-
按一下「確定」並儲存這個頁面。
新增刪除記錄的邏輯
在刪除頁面上顯示所選取的記錄之後,必須在頁面中新增邏輯,讓使用者在按下「確認刪除」按鈕後,便能刪除資料庫中的記錄。您可以利用「刪除記錄」伺服器行為,輕鬆快速地新增此邏輯。
新增會刪除記錄的伺服器行為 (ColdFusion、PHP)
-
確定已在 Dreamweaver 中開啟 ColdFusion 或 PHP 刪除頁面。
-
在「伺服器行為」面板 (「視窗 > 伺服器行為」) 中,按一下加號 (+) 按鈕,然後選取「刪除記錄」。
-
在「先檢查是否定義了變數為」方塊中,確定已選取「主索引鍵值」。
稍後在對話方塊中指定主索引鍵值。
-
在「連線」或「資料來源」(ColdFusion) 彈出式選單中,選取資料庫的連線,讓伺服器行為可以連線到受影響的資料庫。
-
在「表格」彈出式選單中,選取含有將要刪除記錄的資料庫表格。
-
在「主索引鍵欄」彈出式選單中,選取含有記錄 ID 的表格欄。
「刪除記錄」伺服器行為將會在此欄中搜尋相符的記錄。此欄中包含的記錄 ID 資料,應與您繫結到頁面中的隱藏表單欄位的資料集欄相同。
如果記錄 ID 是數字,請選取「數值」選項。
-
(PHP) 在「主索引鍵值」彈出式選單中,選取頁面上含有識別所要刪除之記錄的記錄 ID 變數。
變數是由隱藏表單欄位所建立。它的名稱與隱藏欄位的名稱屬性相同,不是表單就是 URL 參數,視表單的方法屬性而定。
-
在「刪除後,請前往」或「如果成功,請前往」方塊中,指定從資料庫表格中刪除記錄後所要開啟的頁面。
您可以指定含有給使用者的簡短成功訊息的頁面,或是列出剩餘記錄的頁面,讓使用者可以確認記錄已經刪除。
-
按一下「確定」儲存工作。
新增會刪除記錄的伺服器行為 (ASP)
-
確定已在 Dreamweaver 中開啟 ASP 刪除頁面。
-
在「伺服器行為」面板 (「視窗 > 伺服器行為」) 中,按一下加號 (+) 按鈕,然後選取「刪除記錄」。
-
在「連線」彈出式選單中,選取資料庫的連線,讓伺服器行為可以連線到受影響的資料庫。
如果需要定義連線,請按一下「定義」按鈕。
-
在「從表格刪除」彈出式選單中,選取含有您要刪除記錄的資料庫表格。
-
在「選取記錄來源」彈出式選單中,指定含有要刪除記錄的資料集。
-
在「唯一索引鍵欄」彈出式選單中選取索引鍵欄 (通常是記錄 ID 欄),以識別資料庫表格中的記錄。
如果值為數字,請選取「數值」選項。索引鍵欄通常只接受數值,但有時候也可以接受文字值。
-
在「送出時刪除」彈出式選單中,指定包含「送出」按鈕 (可將刪除命令傳送至伺服器) 的 HTML 表單。
-
在「刪除後,請前往」方塊中,指定從資料庫表格中刪除記錄之後要開啟的頁面。
您可以指定含有給使用者的簡短成功訊息的頁面,或是列出剩餘記錄的頁面,讓使用者可以確認記錄已經刪除。
-
按一下「確定」儲存工作。
測試刪除頁面
-
上傳搜尋、結果和刪除頁面到網頁伺服器,然後開啟瀏覽器,並搜尋要刪除的可處置測試記錄。
當您按一下結果頁面上的「刪除」連結時,刪除頁面應該便會出現。
-
按一下「確認」按鈕,從資料庫中刪除記錄。
-
再次搜尋記錄,以確認該記錄已被刪除。記錄應該不會再出現於結果頁面中。