Datensatz-Aktualisierungsseiten in Dreamweaver erstellen

Erstellen Sie in Dreamweaver eine Seite, und speichern Sie sie.

Die Seite wird zu Ihrer neuen Aktualisierungsseite.

Klicken Sie im Bedienfeld „Bindungen“ („Fenster“ > „Bindungen“) auf die Schaltfläche mit dem Pluszeichen (+) und wählen Sie die Option „Datensatzgruppe“.

Wird das erweiterte Dialogfeld geöffnet, klicken Sie auf „Einfach“. Das erweiterte Dialogfeld enthält im Gegensatz zum einfachen Dialogfeld einen Textbereich zur Eingabe von SQL-Anweisungen.

Benennen Sie die Datensatzgruppe und geben Sie über die Popup-Menüs „Verbindung“ und „Tabelle“ an, wo sich die zu aktualisierenden Daten befinden.

Klicken Sie auf „Ausgewählt“ und wählen Sie eine Schlüsselspalte (in der Regel die Datensatz-ID-Spalte) sowie die Spalten aus, die die zu aktualisierenden Daten enthalten.

Konfigurieren Sie den Bereich „Filter“ so, dass der Wert Ihrer Schlüsselspalte dem Wert des URL-Parameters entspricht, der von der Ergebnisseite übermittelt wurde.

Ein solcher Filter erstellt eine Datensatzgruppe, die nur den auf der Ergebnisseite angegebenen Datensatz enthält. Wenn Ihre Schlüsselspalte beispielsweise Datensatz-ID-Informationen enthält und „PRID“ heißt und die Ergebnisseite die entsprechenden Datensatz-ID-Informationen in einem URL-Parameter mit dem Namen id übermittelt, sollte der Bereich „Filter“ folgendermaßen aussehen:

Klicken Sie auf „OK“.

Wenn der Besucher einen Datensatz auf der Ergebnisseite auswählt, generiert die Aktualisierungsseite eine Datensatzgruppe, die nur den ausgewählten Datensatz enthält.

Erstellen Sie eine Seite („Datei“ > „Neu“ > „Leere Seite“). Die Seite wird zu Ihrer neuen Aktualisierungsseite.

Erstellen Sie das Layout der Seite mit den Dreamweaver-Entwurfswerkzeugen.

Fügen Sie ein HTML-Formular hinzu, indem Sie die Einfügemarke an die gewünschte Position setzen und die Option „Einfügen“ > „Formular“ > „Formular“ wählen.

Daraufhin wird ein leeres Formular auf der Seite erstellt. Eventuell müssen Sie die unsichtbaren Elemente aktivieren („Ansicht“ > „Visuelle Hilfsmittel“ > „Unsichtbare Elemente“), damit die Formularränder durch schmale rote Linien angezeigt werden.

Benennen Sie das HTML-Formular. Klicken Sie dazu unten im Dokumentfenster auf das Tag form, um das Formular auszuwählen, öffnen Sie dann den Eigenschafteninspektor („Fenster“ > „Eigenschaften“) und geben Sie den Namen im Feld „Formularname“ ein.

Es ist nicht erforderlich, die Attribute action oder method festzulegen, um das Formular anzuweisen, wie und wohin die Datensatzdaten geschickt werden sollen, wenn der Benutzer auf die Schaltfläche zum Senden klickt. Diese Attribute werden vom Serververhalten „Datensatz aktualisieren“ automatisch festgelegt.

Fügen Sie für alle Spalten, die in der Datenbanktabelle aktualisiert werden sollen, ein Formularobjekt wie beispielsweise ein Textfeld hinzu („Einfügen“ > „Formular“ > „Textfeld“).

Die Formularobjekte sind für die Dateneingabe vorgesehen. Meistens werden zu diesem Zweck Textfelder verwendet, Sie können jedoch auch Menüs, Kontrollkästchen und Optionsschalter einfügen.

Die Datensatzgruppe, die Sie in einem früheren Schritt definiert haben, sollte eine Spalte für jedes Formularobjekt enthalten. Eine Ausnahme bildet die Spalte für eindeutige Schlüssel, zu der kein Formularobjekt gehören sollte.

Fügen Sie dem Formular eine Schaltfläche zum Senden hinzu („Einfügen“ > „Formular“ > „Schaltfläche“).

Auf Wunsch können Sie die Beschriftung der Schaltfläche zum Senden ändern. Wählen Sie dazu die Schaltfläche aus, öffnen Sie den Eigenschafteninspektor („Fenster“ > „Eigenschaften“) und geben Sie im Feld „Beschriftung“ einen neuen Wert ein.

Stellen Sie sicher, dass Sie eine Datensatzgruppe für den Datensatz definiert haben, der aktualisiert werden soll.

Weitere Informationen finden Sie im Abschnitt Zu aktualisierende Datensätze abrufen.

Verbinden Sie jedes Formularobjekt mit Daten aus der Datensatzgruppe, wie in den folgenden Themen beschrieben:

• Dynamischen Inhalt in HTML-Textfeldern anzeigen

• HTML-Kontrollkästchen dynamisch im Voraus aktivieren

• HTML-Optionsschalter dynamisch im Voraus aktivieren

• Dynamisches HTML-Formularmenü einfügen oder ändern

• Vorhandene HTML-Formularmenüs dynamisch gestalten

Klicken Sie im Bedienfeld „Serververhalten“ („Fenster“ > „Serververhalten“) auf die Schaltfläche mit dem Pluszeichen (+) und wählen Sie im Popup-Menü die Option „Datensatz aktualisieren“.

Das Dialogfeld „Datensatz aktualisieren“ wird angezeigt.

Wählen Sie im Popup-Menü „Werte senden aus“ ein Formular aus.

Wählen Sie im Popup-Menü „Datenquelle“ oder „Verbindung“ eine Verbindung zu der Datenbank aus.

Geben Sie bei Bedarf Ihren Benutzernamen und Ihr Kennwort ein.

Wählen Sie im Popup-Menü „Tabelle aktualisieren“ die Datenbanktabelle mit dem Datensatz aus, den Sie gerade aktualisieren.

(ColdFusion, PHP) Geben Sie eine zu aktualisierende Datenbankspalte an und wählen Sie im Popup-Menü „Wert“ das Formularobjekt aus, das den Datensatz aktualisiert. Wählen Sie im Popup-Menü „Senden als“ einen Datentyp für das Formularobjekt aus und wählen Sie die Option „Primärschlüssel“ aus, wenn Sie diese Spalte als Primärschlüssel kennzeichnen möchten.

Beim Datentyp handelt es sich um die Datenart, die von der Spalte in der Datenbanktabelle erwartet wird (Text, numerisch, boolesche Werte).

Wiederholen Sie die Prozedur für jedes Formularobjekt im Formular.

(ASP) Geben Sie im Popup-Menü „Datensatz auswählen in“ die Datensatzgruppe mit dem Datensatz an, der im HTML-Formular angezeigt wird. Wählen Sie im Popup-Menü „Spalte für eindeutigen Schlüssel“ eine Schlüsselspalte aus (in der Regel die Datensatz-ID-Spalte), um den Datensatz in der Datenbanktabelle zu finden. Wählen Sie die Option „Numerisch“, wenn der Wert eine Zahl ist. In Schlüsselspalten können meistens nur numerische Werte, in manchen Fällen jedoch auch Textzeichenfolgen eingegeben werden.

Geben Sie im Feld „Nach dem Aktualisieren hierher gehen“ oder „Bei Erfolg hierher gehen“ die Seite an, die geöffnet werden soll, nachdem der Datensatz in der Tabelle aktualisiert wurde, oder klicken Sie auf die Schaltfläche „Durchsuchen“ und wählen Sie die Datei aus.

(ASP) Geben Sie eine zu aktualisierende Datenbankspalte an und wählen Sie im Popup-Menü „Wert“ das Formularobjekt aus, das den Datensatz aktualisiert. Wählen Sie dann im Popup-Menü „Senden als“ einen Datentyp für das Formularobjekt aus. Beim Datentyp handelt es sich um die Datenart, die von der Spalte in der Datenbanktabelle erwartet wird (Text, numerisch, boolesche Werte). Wiederholen Sie die Prozedur für jedes Formularobjekt im Formular.

Klicken Sie auf „OK“.

Dreamweaver fügt ein Serververhalten in die Seite ein, mit dem Besucher Datensätze in einer Datenbanktabelle aktualisieren können, indem sie die in dem HTML-Formular angezeigten Informationen ändern und auf die Schaltfläche zum Senden klicken.

Wenn Sie das Serververhalten bearbeiten möchten, öffnen Sie das Bedienfeld „Serververhalten“ („Fenster“ > „Serververhalten“) und doppelklicken auf das Verhalten „Datensatz aktualisieren“.

Öffnen Sie die Seite in der Entwurfsansicht und wählen Sie „Einfügen“ > „Datenobjekte“ > „Datensatz aktualisieren“ > „Assistent Aktualisierungsformular für Datensätze“ aus.

Das Dialogfeld „Aktualisierungsformular für Datensätze“ wird angezeigt.

Wählen Sie im Popup-Menü „Verbindung“ eine Verbindung zur Datenbank aus.

Klicken Sie auf die Schaltfläche „Definieren“, wenn Sie eine Verbindung definieren müssen.

Wählen Sie im Popup-Menü „Zu aktualisierende Tabelle“ die Datenbanktabelle aus, die den zu aktualisierenden Datensatz enthält.

Geben Sie im Popup-Menü „Datensatz auswählen aus“ die Datensatzgruppe an, die den Datensatz enthält, der im HTML-Formular angezeigt wird.

Wählen Sie im Popup-Menü „Spalte für eindeutigen Schlüssel“ eine Schlüsselspalte aus (in der Regel die Datensatz-ID-Spalte), um den Datensatz in der Datenbanktabelle zu finden.

Wählen Sie die Option „Numerisch“, wenn der Wert eine Zahl ist. In Schlüsselspalten können meistens nur numerische Werte, in manchen Fällen jedoch auch Textzeichenfolgen eingegeben werden.

Geben Sie im Feld „Nach dem Aktualisieren hierher gehen“ die Seite ein, die geöffnet werden soll, nachdem der Datensatz in der Tabelle aktualisiert wurde.

Geben Sie im Bereich „Formularfelder“ an, welche Spalten in der Datenbanktabelle von den einzelnen Formularobjekten aktualisiert werden sollen.

Standardmäßig erstellt Dreamweaver ein Formularobjekt für jede Spalte in der Datenbanktabelle. Wenn Ihre Datenbank automatisch eine eindeutige Schlüssel-ID für jeden neu erstellten Datensatz generiert, entfernen Sie das Formularobjekt für die Schlüsselspalte, indem Sie es in der Liste auswählen und dann auf die Schaltfläche mit dem Minuszeichen (–) klicken. Dadurch wird verhindert, dass Besucher einen bereits vorhandenen ID-Wert eingeben.

Sie können auch die Reihenfolge der Formularobjekte im HTML-Formular ändern. Wählen Sie dazu ein Formularobjekt in der Liste aus und klicken Sie dann rechts im Dialogfeld auf den nach oben bzw. nach unten gerichteten Pfeil.

Geben Sie nun an, wie die einzelnen Dateneingabefelder im HTML-Formular dargestellt werden sollen. Klicken Sie auf eine Zeile der Tabelle „Formularfelder“ und geben Sie dann die folgenden Informationen in die Felder unterhalb der Tabelle ein:

• Geben Sie im Feld „Beschriftung“ eine aussagekräftige Beschreibung ein, die neben dem Dateneingabefeld angezeigt wird. Standardmäßig zeigt Dreamweaver den Namen der Tabellenspalte als Beschriftung an.

• Wählen Sie im Popup-Menü „Anzeigen als“ das Formularobjekt aus, das als Dateneingabefeld dienen soll. Folgende Optionen stehen zur Auswahl: „Textfeld“, „Textbereich“, „Menü“, „Kontrollkästchen“, „Optionsschaltergruppe“ und „Text“. Wenn es sich um schreibgeschützte Einträge handelt, wählen Sie „Text“. Sie können auch die Optionen „Feld für Kennwort“, „Dateifeld“ und „Verstecktes Feld“ wählen.

• Wählen Sie im Popup-Menü „Senden als“ das passende Datenformat für Ihre Datenbanktabelle aus. Wenn beispielsweise nur numerische Daten in die Tabellenspalte eingegeben werden können, wählen Sie „Numerisch“.

• Legen Sie die Eigenschaften des Formularobjekts fest. Die verfügbaren Optionen richten sich danach, welches Formularobjekt Sie als Dateneingabefeld auswählen. Für Textfelder, Textbereiche und Text können Sie einen Anfangswert eingeben. Bei Menüs und Optionsschaltergruppen öffnen Sie ein weiteres Dialogfeld, um die Eigenschaften festzulegen. Wenn es sich um Kontrollkästchen handelt, wählen Sie die Option „Aktiviert“ oder „Nicht aktiviert“.  

Legen Sie die Eigenschaften der anderen Formularobjekte fest, indem Sie unter „Formularfelder“ eine andere Zeile auswählen und eine Beschriftung sowie unter „Anzeigen als“ und unter „Senden als“ einen Wert eingeben.

Bei Menüs und Optionsschaltergruppen öffnen Sie ein weiteres Dialogfeld, um die Eigenschaften festzulegen. Für Optionen definieren Sie einen Vergleich zwischen dem Wert des aktuellen Datensatzes für die Option und einem gegebenen Wert, um zu bestimmen, ob die Option aktiviert oder nicht aktiviert ist, wenn der Datensatz angezeigt wird.

Klicken Sie auf „OK“.

Dreamweaver fügt nun ein HTML-Formular und das Serververhalten „Datensatz aktualisieren“ in die Seite ein.

Mit dem Datenobjekt wird der Seite nicht nur ein HTML-Formular, sondern auch das Serververhalten „Datensatz aktualisieren“ hinzugefügt. Die Formularobjekte sind in einer einfachen Tabelle angeordnet, die Sie mit den Dreamweaver-Entwurfswerkzeugen bearbeiten können. (Achten Sie jedoch darauf, dass sich alle Formularobjekte innerhalb der Formularränder befinden.)

Wenn Sie das Serververhalten bearbeiten möchten, öffnen Sie das Bedienfeld „Serververhalten“ („Fenster“ > „Serververhalten“) und doppelklicken auf das Verhalten „Datensatz aktualisieren“.

Wählen Sie entweder „Manuell“ oder „Aus Datenbank“, abhängig davon, wie Sie das Formularelement erstellen möchten.

Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+), um ein Element hinzuzufügen.

Geben Sie für das Element eine Beschriftung und einen Wert ein.

Soll ein bestimmtes Element ausgewählt sein, wenn die Seite in einem Browser geöffnet oder wenn ein Datensatz im Formular angezeigt wird, geben Sie im Feld „Wert auswählen, der gleich“ einen Wert ein, der mit dem Elementwert übereinstimmt.

Sie können einen statischen Wert eingeben oder Sie können auf das Blitzsymbol klicken und dann aus der Liste der Datenquellen einen dynamischen Wert auswählen. In beiden Fällen muss der angegebene Wert mit einem der Menüelementwerte übereinstimmen.