了解如何在 Dreamweaver 中建立主版頁面並建立連結到詳細頁面。
Dreamweaver 和更高版本的用戶介面已經簡化。 因此,您在 Dreamweaver 和更高版本中可能會找不到本文所描述的一些選項。 如需詳細資訊,請參閱本文。
關於主要和細節頁面
主版和詳細頁面是用來組織和顯示記錄集資料的頁面集合。這些頁面為您網站的訪客提供概觀和詳細視圖。主版頁面列出所有記錄,並包含指向詳細頁面的連結,這些詳細頁面會顯示每個記錄的其他資訊。
您可以透過插入資料物件在一個操作中建立主版頁面和詳細頁面,或使用伺服器行為以更自訂的方式建置主版和詳細頁面。使用伺服器行為建置主版和詳細頁面時,您首先建立主版頁面來列出記錄,然後從清單新增連結到詳細頁面。
建立主要頁面
開始之前,請確保您已為網站定義資料庫連線。
在「連結」面板 (「視窗 > 連結」) 中,按一下加號 (+) 按鈕,選取「記錄集」,然後選擇選項。如果您要撰寫自己的 SQL 陳述式,請按一下「進階」。
確保記錄集包含建立主版頁面所需的所有表格欄。記錄集還必須包含含有每個記錄唯一索引鍵的表格欄,即記錄 ID 欄。在下列範例中,「代碼」欄包含每個記錄的唯一索引鍵。
一般而言,主版頁面上的記錄集會從資料庫表格中擷取幾個欄,而詳細頁面上的記錄集會從相同表格中擷取更多欄,以提供額外詳細資訊。
記錄集可由使用者在執行階段定義。如需詳細資訊,請參閱 建置搜尋和結果頁面。
將插入點放在您要讓動態表格出現在頁面上的位置。選取「插入 > 資料物件 > 動態資料 > 動態表格」,設定選項,然後按一下「確定」。
如果您不想向使用者顯示記錄 ID,可以從動態表格中刪除該欄。按一下頁面上的任何地方,將焦點移到頁面。將游標移到動態表格中欄的頂部附近,直到欄儲存格以紅色外框顯示,然後按一下選取該欄。按下 Delete 鍵從表格中刪除該欄。
建立細節頁面的連結
建置主版頁面並新增記錄集後,您可建立開啟詳細頁面的連結。然後您修改連結,以傳遞使用者選取的記錄 ID。詳細頁面會使用此 ID 在資料庫中尋找要求的記錄並顯示它。
您使用相同的程序建立連結以更新頁面。結果頁面類似於主版頁面,而更新頁面類似於詳細資料頁面。
開啟詳細資料頁面並傳遞記錄 ID (ColdFusion、PHP)
在動態表格中,所選取文字便會顯示為已連結。 當頁面在伺服器上執行時,連結會套用至每個表格列中的文字。
?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
?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 參數至詳細資料頁面。例如, 如果 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 參數包含記錄 ID 編號,請選取包含記錄 ID 編號的欄位。在前一節討論的範例中,名為 CODE 的記錄集欄位包含與主版頁面傳遞的 URL 參數值符合的值。
從第一個選單旁邊的彈出式選單中,選取等號 (應該已經選定)。
在第三個彈出式選單中,選取「URL 參數」。 主版頁面使用 URL 參數將資訊傳遞到詳細資訊頁面。
在第四個方框中,輸入主版頁面傳遞的 URL 參數名稱。
將主版和詳細資訊頁面上傳到伺服器後,您可以在瀏覽器中開啟主版頁面。在主版頁面上按一下詳細資訊連結後,詳細資訊頁面會開啟並顯示有關所選記錄的更多資訊。
尋找特定記錄並顯示在頁面上 (ASP)
您可以新增伺服器行為,在記錄集中尋找特定記錄,以便在頁面上顯示記錄資料。此伺服器行為僅在使用 ASP 伺服器模型時可用。
包含在由其他頁面傳遞至目前頁面的 URL 參數中的記錄 ID。您可以使用 HTML 超連結或 HTML 表單在其他頁面上建立 URL 參數。如需更多資訊,請參閱使用表單從使用者收集資訊。
為目前頁面定義的資料集。 伺服器行為會從此記錄集中擷取記錄詳細資料。如需說明,請參閱定義記錄集而不撰寫 SQL 或撰寫 SQL 定義進階記錄集。
繫結至頁面的資料集欄。 頁面上必須顯示特定記錄。如需更多資訊,請參閱讓文字動態化。
例如,如果其他頁面傳遞記錄 ID 號碼,請選取包含記錄 ID 號碼的欄。
例如,如果其他頁面用來開啟詳細資料頁面的 URL 是 id=43,請在「符合 URL 參數」方塊中輸入id。
下次瀏覽器要求此頁面時,伺服器行為會讀取其他頁面傳遞的 URL 參數中的記錄 ID,並移至記錄集中的指定記錄。
在一個操作中建置主版和詳細資料頁面
開發網站應用程式時,您可以使用「主版詳細資料頁面集」資料物件快速建置主版和詳細資料頁面。
這個頁面便會成為主要頁面。
請確定記錄集不僅包含主版頁面所需的所有欄,也包含詳細資料頁面所需的所有欄。一般而言,主版頁面上的記錄集會從資料庫表格中擷取少數欄,而詳細資料頁面上的記錄集會從相同表格中擷取更多欄,以提供額外的詳細資料。
根據預設,會選取資料集中的所有欄。 如果您的記錄集包含唯一金鑰欄 (例如recordID),請選取它並按一下減號 (-) 按鈕,這樣它就不會顯示在您的頁面上。
在主版頁面上,記錄集欄會水平排列在表格中。按一下向上鍵會將欄移至左邊;按一下向下鍵會將欄移至右邊。
例如,如果您希望主版頁面上的每個產品名稱都有連結到詳細資料頁面,請選取包含產品名稱的記錄集欄位。
通常會選擇的欄是記錄 ID 編號, 此值會傳遞到詳細資料頁面,以便識別使用者選擇的記錄。
此選項預設為選取狀態;它不會出現在所有伺服器模型中。
預設會選取主版頁面記錄集中的所有欄位。如果記錄集包含唯一索引鍵欄位,例如 recordID,請選取它並按一下「減號 (-)」按鈕,使其不會顯示在詳細資料頁面上。
在詳細資料頁面上,記錄集欄位會垂直排列在表格中。按一下向上鍵會將欄位向上移動;按一下向下鍵會將欄位向下移動。
資料物件會建立詳細資料頁面 (如果您尚未建立) 並將動態內容和伺服器行為新增到主版和詳細資料頁面。
您可以使用 Dreamweaver 頁面設計工具完全自訂每個頁面的配置。您也可以在「伺服器行為」面板中按兩下以編輯伺服器行為。
使用資料物件建立主版和詳細資料頁面後,請使用「伺服器行為」面板 (「視窗」>「伺服器行為」) 來修改資料物件插入到頁面中的各種組成元件。