In Dreamweaver Master- und Detailseiten erstellen

Zuletzt aktualisiert am 25. April 2024

Lerne, wie du eine Musterseite in Dreamweaver aufbaust und Verknüpfungen zu einer Detailseite erstellst.

Anmerkung

Die Benutzeroberfläche wurde in Dreamweaver vereinfacht. Daher kann es sein, dass einige der in diesem Artikel beschriebenen Optionen in Ihrer Version von Dreamweaver nicht vorhanden sind. Weitere Informationen finden Sie in diesem Artikel.

Master- und Detailseiten

Muster- und Detailseiten sind Seitensätze, die zur Organisation und Anzeige von Recordset-Daten verwendet werden.Diese Seiten bieten einem Besucher Ihrer Website sowohl einen Überblick als auch eine detaillierte Ansicht.Die Musterseite listet alle Datensätze auf und enthält Verknüpfungen zu Detailseiten, die zusätzliche Informationen zu jedem Datensatz anzeigen.

Masterseite

Detailseite

Du kannst Muster- und Detailseiten aufbauen, indem du ein Datenobjekt einfügst, um eine Musterseite und Detailseite in einem Vorgang zu erstellen, oder indem du Server-Verhalten verwendest, um die Muster- und Detailseiten auf eine individuell angepasste Weise aufzubauen.Wenn du Server-Verhalten zum Aufbau von Muster- und Detailseiten verwendest, erstellst du zunächst eine Musterseite zur Auflistung der Datensätze und fügst dann Verknüpfungen von der Liste zu den Detailseiten hinzu.

Masterseiten erstellen

Bevor du beginnst, stelle sicher, dass du eine Datenbankverbindung für deinen Bereich definierst.

Um eine leere Seite zu erstellen, wähle Datei > Neu > Leere Seite aus, wähle einen Seitentyp aus und klicke auf Erstellen. Diese Seite wird als Masterseite verwendet.
Definieren Sie eine Datensatzgruppe.

Klicke im Bedienfeld Bindungen (Fenster > Bindungen) auf den Plus-Button (+), wähle Recordset aus und wähle Optionen. Wenn Sie eine eigene SQL-Anweisung eingeben möchten, klicken Sie auf „Erweitert“.

Stelle sicher, dass das Recordset alle Tabellenspalten enthält, die du benötigst, um deine Musterseite zu erstellen.Das Recordset muss auch die Tabellenspalte enthalten, die den eindeutigen Schlüssel jedes Eintrags enthält – das heißt, die Eintrags-ID-Spalte.Im folgenden Beispiel enthält die Spalte Code den eindeutigen Schlüssel jedes Datensatzes.

Für eine Masterseite ausgewählte Spalten der Datensatzgruppe

Typischerweise extrahiert das Recordset auf der Musterseite einige Spalten aus einer Datenbanktabelle, während das Recordset auf der Detailseite mehr Spalten aus derselben Tabelle extrahiert, um zusätzliche Details bereitzustellen.

Das Recordset kann zur Laufzeit vom Anwender definiert werden.Weitere Informationen findest du unter Such- und Ergebnisseiten erstellen.

Fügen Sie eine dynamische Tabelle ein, um die Datensätze anzuzeigen.

Platziere den Einfügepunkt dort, wo die dynamische Tabelle auf der Seite erscheinen soll.Wähle Einfügen > Datenobjekte > Dynamische Daten > Dynamische Tabelle aus, lege die Einstellungen fest und klicke auf OK.

Wenn du Datensatz-IDs nicht für Benutzer anzeigen möchtest, kannst du die Spalte aus der dynamischen Tabelle löschen. Klicke irgendwo auf die Seite, um den Fokus auf die Seite zu setzen. Bewege den Cursor in die Nähe des oberen Bereichs der Spalte in der dynamischen Tabelle, bis die Spaltenzellen rot umrandet sind, und klicke dann, um die Spalte auszuwählen. Drücke Entf, um die Spalte aus der Tabelle zu löschen.

Nach dem Aufbau der Musterseite und dem Hinzufügen des Recordsets erstellst du Links, die die Detailseite öffnen.Du änderst dann die Verknüpfungen, um die IDs der Datensätze zu übertragen, die der Benutzer auswählt. Die Detailseite verwendet diese ID, um den angeforderten Datensatz in der Datenbank zu finden und anzuzeigen.

Anmerkung

Du erstellst Links zum Aktualisieren von Seiten mit demselben Verfahren. Die Ergebnisseite ist ähnlich einer Musterseite, und die Aktualisierungsseite ist ähnlich einer Detailseite.

Öffne die Detailseite und übergib eine Datensatz-ID (ColdFusion, PHP)

Wähle in der dynamischen Tabelle den Content- Platzhalter für Text aus, der als Link dienen soll.
Auf den ausgewählten Platzhalter angewandter Hyperlink.

Klicke im Eigenschafteninspektor auf das Ordnersymbol neben dem Feld Link.
Klicken Sie auf „Durchsuchen“ und wählen Sie die Detailseite aus. Die Detailseite wird im Feld Link im Eigenschafteninspektor angezeigt.

In der dynamischen Tabelle wird der ausgewählte Text als Hyperlink angezeigt. Wenn die Seite auf dem Server läuft, wird der Link auf den Text in jeder Tabellenzeile angewendet.

Wählen Sie in der dynamischen Tabelle auf der Masterseite den Hyperlink aus.
(ColdFusion) Füge im Feld Link im Eigenschafteninspektor folgende Zeichenfolge am Ende der URL hinzu:

?recordID=#recordsetName.fieldName#

Das Fragezeichen teilt dem Server mit, dass ein oder mehrere URL-Parameter folgen. Das Wort recordID ist der Name des URL-Parameters (du kannst dir jeden beliebigen Namen ausdenken). Notiere dir den Namen des URL-Parameters, da du ihn später in der Detailseite verwenden wirst.

Der Ausdruck nach dem Gleichheitszeichen ist der Wert des Parameters. In diesem Fall wird der Wert durch einen ColdFusion-Ausdruck generiert, der eine Datensatz-ID aus dem Recordset zurückgibt. Eine andere ID wird für jede Zeile in der dynamischen Tabelle generiert. Ersetze im ColdFusion-Ausdruck recordsetName durch den Namen deines Recordsets und ersetze fieldName durch den Namen des Feldes in deinem Recordset, das eindeutig jeden Datensatz identifiziert. In den meisten Fällen besteht das Feld aus einer Eintrag-ID-Nummer.Im folgenden Beispiel besteht das Feld aus eindeutigen Standortcodes.

locationDetail.cfm?recordID=#rsLocations.CODE#

Wenn die Seite läuft, werden die Werte des CODE-Feldes des Recordsets in die entsprechenden Zeilen in der dynamischen Tabelle eingefügt. Wenn zum Beispiel der Mietstandort Canberra, Australien, den Code CBR hat, wird folgende URL in der Canberra-Zeile in der dynamischen Tabelle verwendet:

locationDetail.cfm?recordID=CBR

(PHP) Füge im Feld Link im Eigenschafteninspektor folgende Zeichenfolge am Ende der URL hinzu:

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

Das Fragezeichen teilt dem Server mit, dass ein oder mehrere URL-Parameter folgen. Das Wort recordID ist der Name des URL-Parameters (du kannst jeden beliebigen Namen verwenden). Notiere dir den Namen des URL-Parameters, da du ihn später auf der Detailseite verwenden wirst.

Der Ausdruck nach dem Gleichheitszeichen ist der Wert des Parameters. In diesem Fall wird der Wert durch einen PHP- Ausdruck generiert, der eine Datensatz-ID aus dem Recordset zurückgibt. Für jede Zeile in der dynamischen Tabelle wird eine andere ID generiert. Ersetze im PHP-Ausdruck recordsetName durch den Namen deines Recordsets und ersetze fieldName durch den Namen des Feldes in deinem Recordset, das jeden Datensatz eindeutig identifiziert. In den meisten Fällen besteht das Feld aus einer Eintrags-ID-Nummer.Im folgenden Beispiel besteht das Feld aus eindeutigen Standortcodes.

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

Wenn die Seite ausgeführt wird, werden die Werte des CODE-Feldes des Recordsets in die entsprechenden Zeilen der dynamischen Tabelle eingefügt. Wenn der Mietstandort Canberra, Australien, beispielsweise den Code CBR hat, wird die folgende URL in der Canberra-Zeile der dynamischen Tabelle verwendet:

locationDetail.php?recordID=CBR

Speichern Sie die Seite.

Öffne die Detailseite und übergib eine Datensatz-ID (ASP)

Wähle den dynamischen Content aus, der als Link fungieren soll.
Klicke im Bedienfeld Server Behaviors (Fenster > Server Behaviors) auf den Plus-Button (+) und wähle Go to Detail Page aus dem Popup-Menü.
Klicken Sie im Feld „Detailseite“ auf „Durchsuchen“ und wählen Sie die Seitendatei aus.
Gib den Wert an, den du an die Detailseite übergeben möchtest, indem du ein Recordset und eine Spalte aus den Popup-Menüs Recordset und Column auswählst. Normalerweise ist der Wert eindeutig für den Datensatz, wie beispielsweise die eindeutige Schlüssel-ID des Datensatzes.
Übergib bei Bedarf vorhandene Seitenparameter an die Detail- seite, indem du die Optionen URL Parameters oder Form Parameters auswählst.
Klicken Sie auf „OK“.

Ein spezieller Hyperlink umschließt den ausgewählten Text. Wenn der Anwender auf den Link klickt, übergibt das Server Behavior Go To Detail Page einen URL-Parameter mit der Datensatz-ID an die Detailseite. Wenn der URL-Parameter beispielsweise id heißt und die Detailseite customerdetail.asp heißt, sieht die URL etwa folgendermaßen aus, wenn der Anwender auf den Link klickt:

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

Der erste Teil der URL, http://www.mysite.com/customerdetail.asp, öffnet die Detailseite. Der zweite Teil, ?id=43, ist der URL-Parameter. Er teilt der Detailseite mit, welcher Datensatz aufzurufen und anzuzeigen ist. Der Begriff id ist der Name des URL-Parameters und 43 ist sein Wert. In diesem Beispiel enthält der URL-Parameter die ID-Nummer des Datensatzes, 43.

Suche den angeforderten Eintrag und zeige ihn auf der Detailseite an

Um den von der Master-Seite angeforderten Datensatz anzuzeigen, musst du ein Recordset definieren, das einen einzelnen Datensatz enthält, und die Recordset-Spalten an die Detailseite binden.

Schalten Sie auf die Detailseite um. Falls du noch keine Detailseite hast, erstelle eine leere Seite (Datei > Neu).
Klicke im Bedienfeld Bindungen (Fenster > Bindungen) auf den Plus-Button (+) und wähle Datensatz (Abfrage) oder DataSet (Abfrage) aus dem Popup-Menü.

Das einfache Dialogfeld „Datensatzgruppe“ bzw. „Datensatz“ wird angezeigt. Falls stattdessen das erweiterte Dialogfeld erscheint, klicke auf Einfach.

Benenne den Datensatz und wähle eine Datenquelle und die Datenbanktabelle aus, die Daten für deinen Datensatz bereitstellt.
Wähle im Bereich Spalten die Tabellenspalten aus, die in den Datensatz einbezogen werden sollen.

Der Datensatz kann identisch mit oder unterschiedlich von dem Datensatz auf der Musterseite sein.Normalerweise hat ein Detailseiten-Datensatz mehr Spalten, um mehr Details anzuzeigen.

Falls die Datensätze unterschiedlich sind, stelle sicher, dass der Datensatz auf der Detailseite mindestens eine gemeinsame Spalte mit dem Datensatz auf der Musterseite enthält.Die gemeinsame Spalte ist normalerweise die Datensatz-ID-Spalte, kann aber auch das Verknüpfungsfeld verwandter Tabellen sein.

Um nur einige der Tabellenspalten in den Datensatz einzubeziehen, klicke auf Ausgewählt und wähle die gewünschten Spalten aus, indem du sie in der Liste mit Strg-klick (Windows) oder Befehl-klick (Macintosh) markierst.

Vervollständige den Bereich Filter, um den Datensatz zu finden und anzuzeigen, der im URL-Parameter angegeben ist, der von der Musterseite übertragen wird:
  • Wähle aus dem ersten Popup-Menü im Filter- Bereich die Spalte im Datensatz aus, die Werte enthält, die mit dem Wert des URL-Parameters übereinstimmen, der von der Musterseite übertragen wird.Wenn der URL-Parameter beispielsweise eine Datensatz-ID-Nummer enthält, wähle die Spalte mit den Datensatz-ID-Nummern aus. In dem Beispiel aus dem vorherigen Abschnitt enthält die Recordset-Spalte mit dem Namen CODE die Werte, die mit dem Wert des URL-Parameters übereinstimmen, der von der Musterseite übergeben wird.

  • Wähle aus dem Popup-Menü neben dem ersten Menü das Gleichheitszeichen aus (es sollte bereits ausgewählt sein).

  • Wählen Sie im dritten Popupmenü die Option „URL-Parameter“ aus. Die Musterseite verwendet einen URL-Parameter, um Informationen an die Detailseite zu übergeben.

  • Gib in das vierte Feld den Namen des URL-Parameters ein, der von der Musterseite übergeben wird.

Klicken Sie auf „OK“. Die Datensatzgruppe wird im Bedienfeld „Bindungen“ angezeigt.
Verknüpfe die Recordset-Spalten mit der Detailseite, indem du die Spalten im Bindings-Bedienfeld (Fenster > Bindings) auswählst und sie auf die Seite ziehst.

Nachdem du sowohl die Muster- als auch die Detailseiten auf den Server hochgeladen hast, kannst du die Musterseite in einem Browser öffnen. Nach dem Klicken auf einen Detaillink auf der Musterseite öffnet sich die Detailseite mit weiteren Informationen zum ausgewählten Datensatz.

Einen bestimmten Datensatz finden und auf einer Seite anzeigen (ASP)

Du kannst ein Server-Verhalten hinzufügen, das einen bestimmten Datensatz in einem Recordset findet, sodass du die Datensatzdaten auf der Seite anzeigen kannst. Das Server-Verhalten ist nur verfügbar, wenn das ASP-Server-Modell verwendet wird.

Erstellen Sie eine Seite mit den folgenden Eigenschaften:
Füge das Server-Verhalten hinzu, um den durch den URL-Parameter angegebenen Datensatz zu finden, indem du auf den Plus-Button (+) im Bedienfeld Server-Verhalten (Fenster > Server-Verhalten) klickst und Recordset-Paging > Zu bestimmtem Datensatz wechseln auswählst.
Wähle im Popup-Menü Zu Datensatz wechseln in das Recordset aus, das du für die Seite definiert hast.
Wähle im Popup-Menü Spalte wo den Spaltenname aus, der den Wert enthält, den die andere Seite übermittelt.

Wenn die andere Seite beispielsweise eine Datensatz-ID-Nummer übermittelt, wähle die Spalte aus, die die Datensatz-ID-Nummern enthält.

Gib in das Feld URL-Parameter entspricht den Namen des URL-Parameters ein, den die andere Seite übermittelt.

Wenn die andere Seite zum Beispiel die URL id=43 verwendet hat, um die Detailseite zu öffnen, gib id in das Feld URL-Parameter entspricht ein.

Klicken Sie auf „OK“.

Wenn die Seite das nächste Mal von einem Browser angefordert wird, liest das Server-Verhalten die Datensatz-ID im URL-Parameter, den die andere Seite übermittelt hat, und wechselt zum angegebenen Datensatz im Recordset.

Erstelle Master- und Detailseiten in einem Vorgang

Beim Entwickeln von Web-Anwendungen kannst du schnell Master- und Detailseiten mithilfe des Master Detail Page Set-Datenobjekts aufbauen.

Um eine leere dynamische Seite zu erstellen, wähle Datei > Neu > Leere Seite aus, wähle eine dynamische Seite aus der Liste Seitentyp aus und klicke auf Erstellen.

Diese Seite wird als Masterseite verwendet.

Definieren Sie einen Datensatz für die Seite.

Stelle sicher, dass das Recordset nicht nur alle Spalten enthält, die du für die Musterseite benötigst, sondern auch alle Spalten, die du für die Detailseite benötigst. Normalerweise extrahiert das Recordset auf der Musterseite einige Spalten aus einer Datenbanktabelle, während das Recordset auf der Detailseite mehr Spalten aus derselben Tabelle extrahiert, um die zusätzlichen Details bereitzustellen.

Öffne die Musterseite in der Entwurfsansicht und wähle Einfügen > Datenobjekte > Master-Detail-Seitensatz aus.
Stelle im Popup-Menü Recordset sicher, dass das Recordset mit den Datensätzen, die du auf der Musterseite anzeigen möchtest, ausgewählt ist.
Wähle im Bereich Musterseite-Felder die Recordset-Spalten aus, die auf der Musterseite angezeigt werden sollen.

Standardmäßig werden alle Spalten in der Datensatzgruppe ausgewählt. Wenn dein Recordset eine eindeutige Schlüsselspalte wie recordID enthält, wähle sie aus und klicke auf den Minus-Button (-), damit sie nicht auf deiner Seite angezeigt wird.

Um die Reihenfolge zu ändern, in der die Spalten auf der Musterseite angezeigt werden, wähle eine Spalte in der Liste aus und klicke auf die Nach-oben- oder Nach-unten-Taste.

Auf der Musterseite werden die Recordset-Spalten horizontal in einer Tabelle angeordnet.Klicke auf die Nach-oben-Taste, um die Spalte nach links zu verschieben; klicke auf die Nach-unten-Taste, um die Spalte nach rechts zu verschieben.

Im Popup-Menü „Link To Detail From" wählst du die Spalte im Recordset aus, die einen Wert anzeigt, der auch als Link zur Detailseite dient.

Wenn du beispielsweise möchtest, dass jeder Produktname auf deiner Musterseite einen Link zur Detailseite hat, wähle die Recordset-Spalte aus, die die Produktnamen enthält.

Wähle im Pop-up-Menü „Pass Unique Key" die Spalte im Recordset aus, die Werte zur Identifizierung der Datensätze enthält.

In der Regel enthält die ausgewählte Spalte die Datensatz-ID. Dieser Wert wird an die Detailseite weitergegeben, damit sie den vom Anwender gewählten Datensatz identifizieren kann.

Deaktiviere die Option Numerisch, wenn die Spalte mit dem eindeutigen Schlüssel nicht numerisch ist.
Anmerkung

Diese Option ist standardmäßig ausgewählt; sie wird nicht für alle Server-Modelle angezeigt.

Gib die Anzahl der Datensätze an, die auf der Musterseite angezeigt werden sollen.
Im Feld Name der Detailseite klicke auf Durchsuchen und suche die von dir erstellte Detaildatei, oder gib einen Namen ein und lass das Datenobjekt eine für dich erstellen.
Im Bereich „Detailseitenfelder" wähle die Spalten aus, die auf der Detailseite angezeigt werden sollen.

Standardmäßig sind alle Spalten im Datensatz der Musterseite ausgewählt.Falls das Recordset eine eindeutige Schlüsselspalte wie recordID enthält, wähle sie aus und klicke auf den Minus (-) Button, damit sie nicht auf der Detailseite angezeigt wird.

Um die Reihenfolge zu ändern, in der die Spalten auf der Detailseite erscheinen, wähle eine Spalte in der Liste aus und klicke auf die Nach-oben- oder Nach-unten-Taste.

Auf der Detailseite sind die Recordset-Spalten vertikal in einer Tabelle angeordnet.Ein Klick auf die Nach-oben-Taste verschiebt die Spalte nach oben; ein Klick auf die Nach-unten-Taste verschiebt die Spalte nach unten.

Klicken Sie auf „OK“.

Das Datenobjekt erstellt eine Detailseite (falls du noch keine erstellt hast) und fügt dynamische Inhalte und Server-Behaviors zu sowohl der Master- als auch der Detailseite hinzu.

Passe das Layout der Master- und Detailseiten an deine Bedürfnisse an.

Du kannst das Layout jeder Seite vollständig anpassen, indem du die Dreamweaver-Seitendesign-Tools verwendest.Du kannst auch die Server-Behaviors bearbeiten, indem du im Server Behaviors Bedienfeld darauf doppelklickst.

Nach dem Erstellen von Master- und Detailseiten mit dem Datenobjekt verwendest du das Server Behaviors Bedienfeld (Fenster > Server Behaviors), um die verschiedenen Bausteine zu ändern, die das Datenobjekt in die Seiten einfügt.