在 Dreamweaver 中建立主要和細節頁面

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

了解如何在 Dreamweaver 中建立主版頁面並建立連結到詳細頁面。

備註

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

關於主要和細節頁面

主版和詳細頁面是用來組織和顯示記錄集資料的頁面集合。這些頁面為您網站的訪客提供概觀和詳細視圖。主版頁面列出所有記錄,並包含指向詳細頁面的連結,這些詳細頁面會顯示每個記錄的其他資訊。

主要頁面

細節頁面

您可以透過插入資料物件在一個操作中建立主版頁面和詳細頁面,或使用伺服器行為以更自訂的方式建置主版和詳細頁面。使用伺服器行為建置主版和詳細頁面時,您首先建立主版頁面來列出記錄,然後從清單新增連結到詳細頁面。

建立主要頁面

開始之前,請確保您已為網站定義資料庫連線。

若要建立空白頁面,請選取「檔案 > 新增 > 空白頁面」,選取頁面類型,然後按一下「建立」。這個頁面便會成為主要頁面。
定義資料集。

在「連結」面板 (「視窗 > 連結」) 中,按一下加號 (+) 按鈕,選取「記錄集」,然後選擇選項。如果您要撰寫自己的 SQL 陳述式,請按一下「進階」。

確保記錄集包含建立主版頁面所需的所有表格欄。記錄集還必須包含含有每個記錄唯一索引鍵的表格欄,即記錄 ID 欄。在下列範例中,「代碼」欄包含每個記錄的唯一索引鍵。

在主要頁面中選取的資料集欄

一般而言,主版頁面上的記錄集會從資料庫表格中擷取幾個欄,而詳細頁面上的記錄集會從相同表格中擷取更多欄,以提供額外詳細資訊。

記錄集可由使用者在執行階段定義。如需詳細資訊,請參閱 建置搜尋和結果頁面

插入動態表格以顯示記錄。

將插入點放在您要讓動態表格出現在頁面上的位置。選取「插入 > 資料物件 > 動態資料 > 動態表格」,設定選項,然後按一下「確定」。

如果您不想向使用者顯示記錄 ID,可以從動態表格中刪除該欄。按一下頁面上的任何地方,將焦點移到頁面。將游標移到動態表格中欄的頂部附近,直到欄儲存格以紅色外框顯示,然後按一下選取該欄。按下 Delete 鍵從表格中刪除該欄。

建置主版頁面並新增記錄集後,您可建立開啟詳細頁面的連結。然後您修改連結,以傳遞使用者選取的記錄 ID。詳細頁面會使用此 ID 在資料庫中尋找要求的記錄並顯示它。

備註

您使用相同的程序建立連結以更新頁面。結果頁面類似於主版頁面,而更新頁面類似於詳細資料頁面。

開啟詳細資料頁面並傳遞記錄 ID (ColdFusion、PHP)

在動態表格中,選取將作為連結之文字的內容預留位置。
連結會套用到選取的預留位置。

在屬性檢查器中,按一下「連結」方塊旁邊的資料夾圖示。
瀏覽並選取細節頁面。 詳細資料頁面會出現在屬性檢查程式的「連結」方塊中。

在動態表格中,所選取文字便會顯示為已連結。 當頁面在伺服器上執行時,連結會套用至每個表格列中的文字。

在主要頁面上,選取動態表格中的連結。
(ColdFusion) 在屬性檢查程式的「連結」方塊中,在 URL 的結尾加入下列字串:

?recordID=#recordsetName.fieldName#

問號會告訴伺服器後面接著一個或多個 URL 參數。「recordID」這個字是 URL 參數的名稱 (您可以任意命名)。記下 URL 參數的名稱,因為您稍後會在詳細資料頁面中使用它。

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

locationDetail.cfm?recordID=#rsLocations.CODE#

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

locationDetail.cfm?recordID=CBR

(PHP) 在屬性檢查程式的「連結」欄位中,在 URL 的結尾加入下列字串:

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

問號會告訴伺服器後面接著一個或多個 URL 參數。字詞 recordID 是 URL 參數的名稱 (您可以使用任何您喜歡的名稱)。記下 URL 參數的名稱,因為您稍後會在詳細資料頁面中使用該名稱。

等號後的表達式是參數的值。在此情況下,值是由 PHP 表達式產生的,該表達式會從記錄集傳回記錄 ID。動態表格中的每一列都會產生不同的 ID。在 PHP 表達式中, 將 recordsetName 替換為 您記錄集的名稱,並將 fieldName 替換為 您記錄集中可唯一識別 每筆記錄的欄位名稱。在多數情況下,該欄位會包含記錄 ID 編號。在下列範例中,該欄位包含唯一的位置 代碼。

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

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

locationDetail.php?recordID=CBR

儲存頁面。

開啟詳細資料頁面並傳遞 記錄 ID (ASP)

選取要當作 連結的動態內容。
在「伺服器行為」面板 (「視窗」>「伺服器 行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單 中選擇「移至詳細資料頁面」。
在「細節頁面」方塊中,按一下「瀏覽」以尋找頁面。
透過從「記錄集」和「欄」彈出式選單中選擇記錄集和欄,指定您要傳遞至詳細資料頁面的值。通常該值對記錄而言是唯一的,例如 記錄的唯一金鑰 ID。
如有需要,透過選擇「URL 參數」或「表單參數」選項, 將現有頁面參數傳遞至詳細資料 頁面。
按一下「確定」。

特殊的連結便會包圍選取的文字。 當使用者 按一下連結時,「移至詳細資料頁面」伺服器行為會傳遞 包含記錄 ID 的 URL 參數至詳細資料頁面。例如, 如果 URL 參數稱為 id,而詳細資料頁面稱為 customerdetail.asp,當使用者 按一下連結時,URL 看起來像下列範例:

http://www.mysite.com/customerdetail.asp?id=43

URL 的 第一部分 http://www.mysite.com/customerdetail.asp 開啟詳細資料頁面。而第二個部分的 ?id=43 則是一個 URL 參數。 這個參數會告訴細節頁面所要尋找和顯示的記錄, 術語 id 是 URL 參數的名稱,而 43 是其值。在此 範例中,URL 參數包含記錄的 ID 編號 43。

在詳細資料頁面上尋找並顯示 請求的記錄

為了顯示主版頁面請求的記錄,您必須定義記錄集以容納單一記錄,並將記錄集欄位繫結至詳細資料頁面。

切換至細節頁面。 若您還沒有詳細資料頁面,請建立空白頁面 (檔案 > 新增)。
在「繫結」面板 (視窗 > 繫結) 中,按一下加號 (+) 按鈕,然後從快顯選單中選取「記錄集 (問題)」或「資料集 (問題)」。

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

為記錄集命名,然後選取資料來源和將為記錄集提供資料的資料庫表格。
在「欄」區域中,選取要包含在記錄集中的表格欄。

記錄集可以與主版頁面上的記錄集相同或不同。通常詳細資料頁面記錄集有更多欄位以顯示更多詳細資訊。

如果記錄集不同,請確保詳細資料頁面上的記錄集至少包含一個與主版頁面上記錄集相同的欄。共同欄通常是記錄 ID 欄,但也可以是相關表格的聯結欄位。

若要僅包含表格的部分欄位在記錄集中,請按一下「已選取」,然後在清單中按住 Control 鍵並按一下 (Windows) 或按住 Command 鍵並按一下 (Macintosh) 來選擇所需的欄位。

完成「篩選器」區段以尋找並顯示主版頁面所傳遞 URL 參數指定的記錄:
  • 從「篩選器」區域的第一個快顯選單中,選取記錄集中包含符合主版頁面所傳遞 URL 參數值的欄。例如,如果 URL 參數包含記錄 ID 編號,請選取包含記錄 ID 編號的欄位。在前一節討論的範例中,名為 CODE 的記錄集欄位包含與主版頁面傳遞的 URL 參數值符合的值。

  • 從第一個選單旁邊的彈出式選單中,選取等號 (應該已經選定)。

  • 在第三個彈出式選單中,選取「URL 參數」。 主版頁面使用 URL 參數將資訊傳遞到詳細資訊頁面。

  • 在第四個方框中,輸入主版頁面傳遞的 URL 參數名稱。

按一下「確定」。 資料集會在「繫結」面板中出現。
透過在「繫結」面板 (「視窗」>「繫結」) 中選取欄位並將其拖曳到頁面上,將記錄集欄位繫結到詳細資訊頁面。

將主版和詳細資訊頁面上傳到伺服器後,您可以在瀏覽器中開啟主版頁面。在主版頁面上按一下詳細資訊連結後,詳細資訊頁面會開啟並顯示有關所選記錄的更多資訊。

尋找特定記錄並顯示在頁面上 (ASP)

您可以新增伺服器行為,在記錄集中尋找特定記錄,以便在頁面上顯示記錄資料。此伺服器行為僅在使用 ASP 伺服器模型時可用。

建立具有下列必要項目的頁面:
新增伺服器行為以尋找 URL 參數所指定的記錄,方法是按一下「伺服器行為」面板 (視窗 > 伺服器行為) 上的加號 (+) 按鈕,然後選取「記錄集分頁」>「移至特定記錄」。
在「移至記錄位置」快顯選單中,選取您為頁面定義的記錄集。
在「Where Column」快顯選單中,選取包含其他頁面所傳遞值的欄。

例如,如果其他頁面傳遞記錄 ID 號碼,請選取包含記錄 ID 號碼的欄。

在「符合 URL 參數」方塊中,輸入其他頁面所傳遞的 URL 參數名稱。

例如,如果其他頁面用來開啟詳細資料頁面的 URL 是 id=43,請在「符合 URL 參數」方塊中輸入id

按一下「確定」。

下次瀏覽器要求此頁面時,伺服器行為會讀取其他頁面傳遞的 URL 參數中的記錄 ID,並移至記錄集中的指定記錄。

在一個操作中建置主版和詳細資料頁面

開發網站應用程式時,您可以使用「主版詳細資料頁面集」資料物件快速建置主版和詳細資料頁面。

若要建立空白動態頁面,請選取「檔案」>「新增」>「空白頁面」,從「頁面類型」清單中選取動態頁面,然後按一下「建立」。

這個頁面便會成為主要頁面。

定義頁面的資料集。

請確定記錄集不僅包含主版頁面所需的所有欄,也包含詳細資料頁面所需的所有欄。一般而言,主版頁面上的記錄集會從資料庫表格中擷取少數欄,而詳細資料頁面上的記錄集會從相同表格中擷取更多欄,以提供額外的詳細資料。

在「設計」檢視中開啟主版頁面,然後選取「插入」>「資料物件」>「主版詳細資料頁面集」。
在「記錄集」快顯選單中,確定已選擇包含您要在主版頁面上顯示之記錄的記錄集。
在「主版頁面欄位」區域中,選取要在主版頁面上顯示的記錄集欄。

根據預設,會選取資料集中的所有欄。 如果您的記錄集包含唯一金鑰欄 (例如recordID),請選取它並按一下減號 (-) 按鈕,這樣它就不會顯示在您的頁面上。

若要變更欄在主版頁面上出現的順序,請在清單中選取欄,然後按一下向上或向下鍵。

在主版頁面上,記錄集欄會水平排列在表格中。按一下向上鍵會將欄移至左邊;按一下向下鍵會將欄移至右邊。

在「連結至詳細資料來源」快顯選單中,選取記錄集中的欄,此欄會顯示值,同時也會做為詳細資料頁面的連結。

例如,如果您希望主版頁面上的每個產品名稱都有連結到詳細資料頁面,請選取包含產品名稱的記錄集欄位。

在「傳遞唯一索引鍵」彈出選單中,選取記錄集內包含識別記錄值的欄位。

通常會選擇的欄是記錄 ID 編號, 此值會傳遞到詳細資料頁面,以便識別使用者選擇的記錄。

如果唯一索引鍵欄位不是數值,請取消選取「數值」選項。
備註

此選項預設為選取狀態;它不會出現在所有伺服器模型中。

指定要在主版頁面上顯示的記錄數目。
在「詳細資料頁面名稱」方塊中,按一下「瀏覽」並找出您建立的詳細資料頁面檔案,或輸入名稱並讓資料物件為您建立一個。
在「詳細資料頁面欄位」區域中,選取要在詳細資料頁面上顯示的欄位。

預設會選取主版頁面記錄集中的所有欄位。如果記錄集包含唯一索引鍵欄位,例如 recordID,請選取它並按一下「減號 (-)」按鈕,使其不會顯示在詳細資料頁面上。

若要變更欄位在詳細資料頁面上的顯示順序,請在清單中選取欄位並按一下向上鍵或向下鍵。

在詳細資料頁面上,記錄集欄位會垂直排列在表格中。按一下向上鍵會將欄位向上移動;按一下向下鍵會將欄位向下移動。

按一下「確定」。

資料物件會建立詳細資料頁面 (如果您尚未建立) 並將動態內容和伺服器行為新增到主版和詳細資料頁面。

自訂主版和詳細資料頁面的配置以符合您的需求。

您可以使用 Dreamweaver 頁面設計工具完全自訂每個頁面的配置。您也可以在「伺服器行為」面板中按兩下以編輯伺服器行為。

使用資料物件建立主版和詳細資料頁面後,請使用「伺服器行為」面板 (「視窗」>「伺服器行為」) 來修改資料物件插入到頁面中的各種組成元件。