顯示資料庫記錄

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

備註

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

關於資料庫記錄

顯示資料庫記錄涉及擷取儲存在資料庫或其他內容來源中的資訊，並將該資訊轉譯至網頁。Dreamweaver 提供許多顯示動態內容的方法，並提供數個內建伺服器行為，讓您既能增強動態內容的呈現效果，也能讓使用者更容易搜尋和導覽從資料庫傳回的資訊。

資料庫和其他動態內容來源為您提供更強大的功能和彈性，讓您能夠搜尋、排序和檢視大量資訊網站商店。當您需要儲存大量資訊，然後以有意義的方式擷取和顯示該資訊時，使用資料庫來儲存網站內容是合理的做法。Dreamweaver 為您提供數個工具和預先建立的行為，協助您有效擷取和顯示儲存在資料庫中的資訊。

伺服器行為和格式化元素

Dreamweaver 提供下列伺服器行為和格式化元素，讓您能夠增強動態資料的顯示效果：

格式

讓您將不同類型的數值、貨幣、日期/時間和百分比值套用至動態文字。

例如，如果記錄集中項目的價格顯示為 10.989，您可以選取 Dreamweaver「貨幣 - 2 位小數」格式，將頁面上的價格顯示為美金 10.99 元。這個格式會使用兩個小數位數來顯示數字。如果數字的小數位數超過兩位，資料格式會將數字四捨五入至最接近的小數。如果數字沒有小數位數，資料格式會加入小數點和兩個零。

重複區域

伺服器行為讓您顯示從資料庫查詢傳回的多個項目，並讓您指定每頁要顯示的記錄數。

資料集導覽

伺服器行為讓您插入導覽元素，允許使用者移至記錄集傳回的下一組或上一組記錄。例如，如果您選擇使用「重複區域」伺服器物件每頁顯示 10 筆記錄，而記錄集傳回 40 筆記錄，您可以一次導覽 10 筆記錄。

資料集狀態列

伺服器行為讓您包含計數器，向使用者顯示他們在記錄集合中的位置相對於傳回記錄的總數。

顯示區域

伺服器行為讓您根據目前顯示記錄的相關性，選擇顯示或隱藏頁面上的項目。例如，如果使用者已導覽至記錄集中的最後一筆記錄，您可以隱藏下一筆連結，並只顯示上一筆記錄連結。

將版面與排版元素套用至動態資料

Dreamweaver 的強大功能是能夠在結構化頁面中呈現動態資料，並使用 HTML 和 CSS 套用字體排印格式。若要在 Dreamweaver 中將格式套用至動態資料，請使用 Dreamweaver 格式工具來格式化表格和動態資料的預留位置。從資料來源插入資料時，它會自動採用您指定的字型、段落和表格格式。

導覽資料庫記錄集結果

記錄集導覽連結讓使用者從一筆記錄移至下一筆記錄，或從一組記錄移至下一組記錄。例如，在設計頁面一次顯示五筆記錄後，您可能想要加入下一筆或上一筆等連結，讓使用者顯示接下來或之前的五筆記錄。

您可以建立四種類型的導覽連結來瀏覽記錄集：第一筆、上一筆、下一筆和最後一筆。單次頁面可以包含任意數量的這些連結，只要它們都能在單次記錄集上運作。您無法新增連結來瀏覽同一頁面上的第二個記錄集。

資料集導覽連結必須要有下列動態元素：

一個可供導覽的資料集
頁面中要用來顯示記錄的動態內容
頁面上的文字或影像，作為可點按的導覽列
用於導覽記錄集的「移動到記錄」伺服器行為集
您可以使用「記錄導覽列」伺服器物件來新增後兩個元素，或者也可以使用設計工具和「伺服器行為」面板分別新增它們。

建立資料集導覽列

您可以使用「記錄集導覽列」伺服器行為，在單次操作中建立記錄集導覽列。伺服器物件會將下列建置區塊新增至頁面：

含有文字或影像連結的 HTML 表格
一組「移到」伺服器行為
一組「顯示區域」伺服器行為

文字版的「資料集導覽列」外觀如下：

在頁面中置入導覽列之前，請檢查確定該頁面含有所要導覽的資料集，以及要用來顯示記錄的頁面版面。

當您在頁面中放置了導覽列之後，就可以使用設計工具，依據您個人的喜好來自訂該導覽列。您也可以在「伺服器行為」面板中按兩下「移到」和「顯示區域」伺服器行為，以編輯這兩項伺服器行為。

Dreamweaver 會建立內含文字或影像連結的表格，可讓使用者點選以導覽所選取的資料集內容。顯示資料集中的第一筆記錄時，會隱藏第一頁和上一頁的連結或影像。顯示資料集中的最後一筆記錄時，則會隱藏下一頁和最後一頁的連結或影像。

您可以使用設計工具和「伺服器行為」面板來自訂導覽列的版面。

在「設計」檢視中，將插入點置於頁面上您要讓導覽列出現的位置。

顯示「記錄集導覽列」對話框 (「插入」> 「資料物件」>「記錄集分頁」>「記錄集導覽列」)。

從「記錄集」下拉式選單中選取您要導覽的記錄集。

從「顯示方式」區段，選取要在頁面上顯示導覽連結的格式，然後按一下「確定」。

文字

將文字連結放置在頁面上。

影像

包含圖形影像做為連結。 Dreamweaver 使用自己的影像檔案。您可以在將列置入頁面後，用自己的影像檔案取代這些影像。

自訂資料集導覽列

您可以建立自己的記錄集導覽列，使用比記錄集導覽列伺服器物件所建立的簡單表格更複雜的配置和格式化樣式。

若要建立您自己的資料集導覽列，您必須：

使用文字或影像建立導覽連結
將這些連結放在設計檢視的頁面中
為每個導覽連結指定個別的伺服器行為

本區段說明如何將個別伺服器行為指派給導覽連結。

建立伺服器行為並將其指定給導覽連結

在「設計」檢視中，選取頁面上您要用作記錄導覽連結的文字字串或影像。

開啟「伺服器行為」面板 (「視窗」>「伺服器行為」)，然後按一下加號 (+) 按鈕。

從彈出式選單中選取「記錄集分頁」；然後從列出的伺服器行為中選取適合該連結的伺服器行為。

如果記錄集包含大量記錄，當使用者按一下連結時，「移至最後一筆記錄」伺服器行為可能需要很長時間才能執行。

在「記錄集」彈出式選單中，選取包含記錄的記錄集，然後按一下「確定」。

這時已將伺服器行為指派給導覽連結。

設定「移至」(伺服器行為) 對話框選項

新增可讓使用者在記錄集中導覽各筆記錄的連結。

如果您未在頁面上選取任何項目，請從彈出式選單中選取連結。

選取包含要分頁瀏覽記錄的記錄集，然後按一下「確定」。

備註

如果記錄集包含大量記錄，當使用者按一下連結時，「移至最後一筆記錄」伺服器行為可能需要很長時間才能執行。

導覽列設計工作

建立自訂導覽列時，請先使用 Dreamweaver 頁面設計工具建立其視覺呈現。您不必為文字字串或影像建立連結，Dreamweaver 會為您建立一個。

您要建立導覽列的頁面必須包含要導覽的記錄集。簡單的記錄集導覽列可能看起來像這樣，包含使用影像或其他內容元素建立的連結按鈕：

將記錄集新增至頁面並建立導覽列後，您必須將個別的伺服器行為套用至每個導覽元素。例如，典型的記錄集導覽列包含下列連結的對應呈現，並具備適當的行為：

導覽連結	伺服器行為
前往第一頁	移到第一頁
前往上一頁	移到上一頁
前往下一頁	移到下一頁
前往最後一頁	移到最後一頁

根據記錄集結果顯示和隱藏區域

您也可以指定根據記錄集是否為空來顯示或隱藏區域。如果記錄集為空 (例如，沒有找到符合查詢的記錄)，您可以顯示訊息，告知使用者沒有傳回記錄。這在建立依賴使用者輸入搜尋詞彙來執行查詢的搜尋頁面時特別有用。同樣，如果連接到資料庫時有問題，或如果使用者的使用者名稱和密碼與伺服器識別的不符合，您可以顯示錯誤訊息。

「顯示區域」伺服器行為包括：

如果資料集是空的，即顯示
如果資料集不是空的，即顯示
如果是第一頁，即顯示
如果不是第一頁，即顯示
如果是最後一頁，即顯示
如果不是最後一頁，即顯示

在設計檢視中，選取頁面上要顯示或隱藏的區域。

在「伺服器行為」面板 (「視窗」>「伺服器行為」) 中，按一下加號 (+) 按鈕。

從彈出式選單中選取「顯示區域」，選取其中一個列出的伺服器行為，然後按一下「確定」。

顯示多筆資料集結果

「重複區域」伺服器行為可讓您在頁面內顯示記錄集的多筆記錄。任何動態資料選擇都可以變成重複區域。不過，最常見的區域是表格、表格列或一系列表格列。

在設計檢視中，選取包含動態內容的區域。

選擇可以是任何內容，包括表格、表格列，甚至是一段文字。

若要精確選取頁面上的區域，您可以在文件視窗的左角使用標記選擇器。例如，如果區域是表格列，請在頁面上按一下列內部，然後按一下標記選擇器中最右邊的 <tr> 標記來選取表格列。

選取「視窗」>「伺服器行為」來顯示「伺服器行為」面板。

按一下加號 (+) 按鈕，然後選取「重複區域」。

從快顯選單中選取要使用的記錄集名稱。

選取每頁要顯示的記錄數量，然後按一下「確定」。

在「文件」視窗中，重複區域周圍會出現細線、分頁式灰色外框。

在屬性面板中修改重複區域

透過變更以下任何選項來修改選取的重複區域：

重複區域的名稱。
為重複區域提供記錄的記錄集。
顯示的記錄數目
當您選取新選項時，Dreamweaver 會更新頁面。

重複使用 PHP 資料集

如需重複使用 PHP 記錄集的教學課程，請參閱 David Powers 的教學課程：如何在多個重複區域中重複使用 PHP 記錄集？

建立動態表格

下列範例說明如何將重複區域伺服器行為套用至表格列，並指定每頁顯示九筆記錄。該列本身顯示四筆不同的記錄：城市、州/省、街道地址和郵遞區號。

若要建立如前一個範例中的表格，您必須建立包含動態內容的表格，並將重複區域伺服器行為套用至包含動態內容的表格列。當頁面由應用程式伺服器處理時，該列會重複顯示重複區域伺服器物件中指定的次数，每個新列中插入不同的記錄。

請執行下列其中一項作業以插入動態表格：

選取「插入」>「資料物件」>「動態資料」>「動態表格」以顯示「動態表格」對話框。
從「插入」面板的「資料」類別中，按一下「動態資料」按鈕，然後從快顯選單中選取「動態表格」圖示。

從「資料集」彈出式選單中選取資料集。

指定每一個頁面中所要顯示的記錄筆數。

(選用) 輸入表格邊框、儲存格邊距和儲存格間距的值。

「動態表格」對話框會保留您為表格邊框、儲存格邊距和儲存格間距輸入的值。

備註

如果您在進行需要多個相同外觀動態表格的專案，請輸入表格配置值，以進一步簡化頁面開發。插入表格後，您可以使用表格屬性檢測器調整這些值。

按一下「確定」。

表格和其相關聯記錄集中定義的動態內容佔位符會插入到頁面中。

在此範例中，記錄集包含四個欄：AUTHORID、FIRSTNAME、LASTNAME 和 BIO。表格的標題列會填入每個欄的名稱。您可以使用任何描述性文字編輯標題，或將其替換為代表性影像。

建立記錄計數器

記錄計數器為使用者在瀏覽記錄集時提供參考點。記錄計數器通常會顯示傳回的記錄總數，以及目前正在檢視的記錄。例如，如果記錄集傳回 40 個個體記錄，每頁顯示 8 筆記錄，第一頁的記錄計數器會顯示「顯示第 1 至 8 筆記錄，共 40 筆」。

在為頁面建立記錄計數器之前，您必須為頁面建立記錄集、適當的頁面配置以包含動態內容，然後建立記錄集導覽列。

建立簡單記錄計數器

記錄計數器讓使用者知道自己在指定記錄集中的位置，以及相對於傳回記錄總數的位置。因此，記錄計數器是非常有用的行為，可大幅提升網頁的可用性。

使用「記錄集導覽狀態」伺服器物件建立簡單的記錄計數器。此伺服器物件會在頁面上建立文字項目以顯示目前的記錄狀態。您可以使用 Dreamweaver 頁面設計工具自訂記錄計數器。

將插入點置於您想要插入記錄計數器的位置。

選取「插入」>「資料物件」>「顯示記錄計數」>「記錄集導覽狀態」，從「記錄集」彈出式選單中選取記錄集，然後按一下「確定」。

「記錄集導覽狀態」伺服器物件會插入類似下列範例的文字記錄計數器：

在即時檢視中檢視時，計數器會類似下列範例：

建立記錄計數器並將其新增至頁面

在「插入記錄集導覽狀態」對話框中，選取要追蹤的記錄集，然後按一下「確定」。

建立自訂記錄計數器

您使用個別記錄計數行為來建立自訂記錄計數器。建立自訂記錄計數器讓您能夠建立超越記錄集導覽狀態伺服器物件插入的簡單單列表格的記錄計數器。您可以透過多種創意方式排列設計元素，並對每個元素套用適當的伺服器行為。

記錄計數伺服器行為包括：

顯示起始記錄編號
顯示結束記錄編號
顯示記錄總數

在為頁面建立自訂記錄計數器之前，您必須先為頁面建立記錄集、適當的頁面配置以包含動態內容，以及記錄集導覽列。

此範例建立類似於「簡單記錄計數器」範例中的記錄計數器。在此範例中，無襯線字型的文字代表將插入頁面中的記錄計數預留位置。此範例中的記錄計數器顯示如下：

顯示記錄 StartRow 至 EndRow，共 RecordSet.RecordCount 筆。

在「設計」檢視中，在頁面上輸入計數器的文字。您可以使用任意文字，例如：

顯示記錄至，共筆。

將插入點置於文字字串的結尾處。

開啟「伺服器行為」面板（「視窗」> 「伺服器行為」）。

按一下左上角的加號 (+) 按鈕，然後按一下「顯示記錄計數」。在此子選單中，選取「顯示記錄總數」。「顯示記錄總數」行為已插入到頁面中，並在插入點位置插入了一個預留位置。現在文字字串會變成下列所示：

顯示記錄到共 {Recordset1.RecordCount} 筆。

將插入點放在 records 一詞後面，然後從「伺服器行為」>「加號 (+)」按鈕 >「記錄計數」面板中選取「顯示起始記錄計數編號」。現在文字字串會變成下列所示：

顯示記錄 {StartRow_Recordset1} 到共 {Recordset1.RecordCount} 筆。

現在將插入點放在 thru 和 of 詞之間，然後從「伺服器行為」>「加號 (+)」按鈕 >「記錄計數」面板中選取「顯示起始記錄計數編號」。現在文字字串會變成下列所示：

顯示記錄 {StartRow_Recordset1} 到 {EndRow_Recordset1}，共 {Recordset1.RecordCount} 筆。

透過在即時視圖中檢視頁面來確認計數器功能正確；計數器類似於以下範例：

顯示第 1 到 8 筆記錄，共 40 筆

如果結果頁面有導覽連結可移至下一組記錄，按一下該連結會將記錄計數器更新為以下內容：

顯示記錄 9 到 16 共 40 筆。

使用預先定義的資料格式

Dreamweaver 包含數個預定義的資料格式，您可以套用到動態資料元素。資料格式樣式包括日期和時間、貨幣、數值和百分比格式。

將資料格式套用至動態內容

選取「文件」視窗中的動態內容預留位置。

選取「視窗」>「綁定」以顯示「綁定」面板。

按一下「格式」欄中的向下鍵按鈕。

如果您沒有看到向下鍵，請展開面板。

從「格式」彈出選單中，選取您要的資料格式類別。

確保資料格式適合您要格式化的資料類型。例如，「貨幣」格式只有在動態資料包含數值資料時才有效。請注意，您無法將多種格式套用到同一資料。

透過在即時檢視中預覽頁面，確認格式套用正確。

自訂資料格式

在「設計」檢視中開啟包含動態資料的頁面。

選取您要為其建立自訂格式的動態資料。

您所選動態文字所屬的繫結資料項目會在「繫結」面板 (「視窗＞繫結」) 中反白標示。面板會顯示所選取項目的兩個欄：「繫結」和「格式」。如果沒有看到「格式」欄，請展開「繫結」面板來顯示它。

在「綁定」面板中，按一下「格式」欄中的向下箭頭以展開可用資料格式的彈出選單。

如果沒有看到向下箭頭，請將「繫結」面板多展開一點。

從彈出式選單中選取「編輯格式清單」。

完成對話框，然後按一下「確定」。

a. 從清單中選取格式，然後按一下「編輯」。

b.在「貨幣」、「數字」或「百分比」對話框中變更以下任何參數，然後按一下「確定」。

小數點後所要顯示的數字數目
是否要在分數之前加上前置的數字零
決定負值是否要使用括號或負號來表示
是否要使用群組位數

c.若要刪除資料格式，請在清單中按一下該格式，然後按一下減號 (-) 按鈕。

建立資料格式 (僅限 ASP)