Lerne, wie du eine Musterseite in Dreamweaver aufbaust und Verknüpfungen zu einer Detailseite erstellst.
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.
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.
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.
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.
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.
Hyperlinks zur Detailseite erstellen
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.
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)
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.
?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
?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
Öffne die Detailseite und übergib eine Datensatz-ID (ASP)
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.
Das einfache Dialogfeld „Datensatzgruppe“ bzw. „Datensatz“ wird angezeigt. Falls stattdessen das erweiterte Dialogfeld erscheint, klicke auf Einfach.
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.
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.
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.
Eine Datensatz-ID, die in einem URL-Parameter enthalten ist, der von einer anderen Seite an die aktuelle Seite übergeben wird. Du kannst URL-Parameter auf der anderen Seite mit HTML-Hyperlinks oder mit einem HTML-Formular erstellen. Weitere Informationen findest du unter Formulare verwenden, um Informationen von Benutzern zu sammeln.
Eine für die aktuelle Seite definierte Datensatzgruppe. Das Server-Verhalten extrahiert die Datensatzdetails aus diesem Recordset.Anweisungen findest du unter Recordset definieren, ohne SQL zu schreiben oder Erweiterte Recordsets durch Schreiben von SQL definieren.
Datensatzgruppen-Spalten, die an die Seite gebunden sind. Der spezifische Datensatz muss auf der Seite angezeigt werden.Weitere Informationen findest du unter Text dynamisch machen.
Wenn die andere Seite beispielsweise eine Datensatz-ID-Nummer übermittelt, wähle die Spalte aus, die die Datensatz-ID-Nummern enthält.
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.
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.
Diese Seite wird als Masterseite verwendet.
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.
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.
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.
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.
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.
Diese Option ist standardmäßig ausgewählt; sie wird nicht für alle Server-Modelle angezeigt.
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.
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.
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.
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.
Ähnliche Themen
- Such- und Ergebnisseiten
- Datensatzgruppen ohne manuelle SQL-Eingabe definieren
- Erweiterte Datensatzgruppen durch manuelle SQL-Eingabe definieren
- Dynamische Tabellen erstellen
- Erstellen von Datensatz-Aktualisierungsseiten
- Testserver einrichten
- Dynamischen Inhalt bearbeiten
- Definieren von Quellen für dynamischen Inhalt
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.