Datensatz-Aktualisierungsseiten in Dreamweaver erstellen

Erstelle eine Seite in Dreamweaver und speichere sie.

Die Seite wird zu Ihrer neuen Aktualisierungsseite.

Klicke im Bedienfeld Bindungen (Fenster > Bindungen) auf den Plus-Button (+) und wähle Recordset aus.

Wird das erweiterte Dialogfeld geöffnet, klicken Sie auf „Einfach“. Das erweiterte Dialogfeld hat einen Textbereich zum Eingeben von SQL-Anweisungen; das einfache nicht.

Benenne das Recordset und gib an, wo sich die Daten befinden, die du aktualisieren möchtest, indem du die Popup-Menüs Verbindung und Tabelle verwendest.

Klicke auf Ausgewählt und wähle eine Schlüsselspalte (normalerweise die Datensatz-ID-Spalte) und die Spalten aus, die die zu aktualisierenden Daten enthalten.

Konfiguriere den Bereich Filter so, dass der Wert deiner Schlüsselspalte dem Wert des entsprechenden URL-Parameters entspricht, der von der Ergebnisseite übertragen wird.

Diese Art von Filter erstellt ein Recordset, das nur den von der Ergebnisseite angegebenen Datensatz enthält. Wenn deine Schlüsselspalte beispielsweise Datensatz-ID-Informationen enthält und PRID heißt, und wenn die Ergebnisseite die entsprechenden Datensatz-ID-Informationen im URL-Parameter namens id überträgt, sollte der Bereich Filter wie im folgenden Beispiel aussehen:

Klicken Sie auf „OK“.

Wenn der Benutzer einen Datensatz auf der Ergebnisseite auswählt, generiert die Aktualisierungsseite ein Recordset, das nur den ausgewählten Datensatz enthält.

Erstelle eine Seite (Datei > Neu > Leere Seite).Die Seite wird zu Ihrer neuen Aktualisierungsseite.

Gestalte deine Seite mit den Dreamweaver-Designwerkzeugen.

Füge ein HTML-Formular hinzu, indem du die Einfügemarke dort platzierst, wo das Formular erscheinen soll, und Einfügen > Formular > Formular auswählst.

Daraufhin wird ein leeres Formular auf der Seite erstellt. Möglicherweise musst du Unsichtbare Elemente aktivieren (Ansicht > Visuelle Hilfsmittel > Unsichtbare Elemente), um die Grenzen des Formulars zu sehen, die durch dünne rote Linien dargestellt werden.

Benenne das HTML-Formular, indem du auf das <form>-Tag am unteren Rand des Dokumentfensters klickst, um das Formular auszuwählen, den Eigenschaftsinspektor öffnest (Fenster > Eigenschaften) und einen Namen in das Feld Formularname eingibst.

Du musst kein action- oder method-Attribut für das Formular angeben, um ihm mitzuteilen, wo und wie die Datensatzdaten gesendet werden sollen, wenn der Benutzer auf den Senden-Button klickt.Das Update Record Server Behavior setzt diese Attribute für dich.

Füge ein Formularobjekt wie ein Textfeld (Einfügen > Formular > Textfeld) für jede Spalte hinzu, die du in der Datenbanktabelle aktualisieren möchtest.

Die Formularobjekte sind für die Dateneingabe vorgesehen. Textfelder sind für diesen Zweck üblich, aber du kannst auch Menüs, Optionen und Optionsfelder verwenden.

Jedes Formularobjekt sollte eine entsprechende Spalte im Datensatz haben, den du zuvor definiert hast.Die einzige Ausnahme ist die Spalte mit dem eindeutigen Schlüssel, die kein entsprechendes Formularobjekt haben sollte.

Füge einen Senden-Button zum Formular hinzu (Einfügen > Formular > Button).

Du kannst das Label der Senden-Schaltfläche ändern, indem du die Schaltfläche auswählst, den Eigenschaftsinspektor öffnest (Fenster > Eigenschaften) und einen neuen Wert in das Label-Feld eingibst.

Stelle sicher, dass du einen Datensatz definiert hast, um den Datensatz zu halten, den der Benutzer aktualisieren möchte.

Siehe Den zu aktualisierenden Datensatz abrufen.

Binde jedes Formularobjekt an Daten im Datensatz, wie in den folgenden Themen beschrieben:

• Dynamische Inhalte in HTML-Textfeldern anzeigen

• HTML-Kontrollkästchen dynamisch vorauswählen

• HTML-Optionsfeld dynamisch vorauswählen

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

• Bestehende HTML-Formularmenüs dynamisch machen

Klicke im Server Behaviors- Bedienfeld (Fenster > Server Behaviors) auf den Plus-Button (+) und wähle Update Record aus dem Popup-Menü.

Das Dialogfeld „Datensatz aktualisieren“ wird angezeigt.

Wählen Sie im Popupmenü „Werte senden aus“ ein Formular aus.

Wähle im Popup-Menü Datenquelle oder Verbindung eine Verbindung zur Datenbank aus.

Geben Sie bei Bedarf Ihren Benutzernamen und Ihr Kennwort ein.

Wähle im Popup-Menü Tabelle aktualisieren die Datenbanktabelle aus, die den Datensatz enthält, den du aktualisierst.

(ColdFusion, PHP) Gib eine zu aktualisierende Datenbankspalte an, wähle das Formularobjekt aus, das die Spalte aus dem Popup-Menü Wert aktualisiert, wähle einen Datentyp für das Formularobjekt aus dem Popup-Menü Übermitteln als aus und wähle Primärschlüssel, wenn du diese Spalte als Primärschlüssel identifizieren möchtest.

Der Datentyp ist die Art von Daten, die die Spalte in deiner Datenbanktabelle erwartet (Text, numerisch, Boolesche Werte).

Wiederhole den Vorgang für jedes Formularobjekt in deinem Formular.

(ASP) Gib im Popup-Menü Datensatz auswählen aus das Recordset an, das den im HTML-Formular angezeigten Datensatz enthält. Wähle im Popup-Menü Eindeutige Schlüsselspalte eine Schlüsselspalte (normalerweise die Datensatz-ID-Spalte) aus, um den Datensatz in der Datenbanktabelle zu identifizieren. Wählen Sie die Option „Numerisch“, wenn der Wert eine Zahl ist. Eine Schlüsselspalte akzeptiert normalerweise nur numerische Werte, manchmal aber auch Textwerte.

Gib im Feld Nach dem Aktualisieren oder Bei Erfolg, Gehe zu die Seite ein, die nach der Aktualisierung des Datensatzes in der Tabelle geöffnet werden soll, oder klicke auf den Button Durchsuchen, um zur Datei zu navigieren.

(ASP) Gib eine zu aktualisierende Datenbankspalte an, wähle das Formularobjekt aus, das die Spalte aus dem Popup-Menü Wert aktualisiert, und wähle dann einen Datentyp für das Formularobjekt aus dem Popup-Menü Übermitteln als aus. Der Datentyp ist die Art von Daten, die die Spalte in deiner Datenbanktabelle erwartet (Text, numerisch, Boolesche Werte). Wiederholen Sie die Prozedur für jedes Formularobjekt im Formular.

Klicken Sie auf „OK“.

Dreamweaver fügt der Seite ein Server-Verhalten hinzu, das es Anwendern ermöglicht, Datensätze in einer Datenbanktabelle zu aktualisieren, indem sie die im HTML-Formular angezeigten Informationen ändern und auf den Button Übermitteln klicken.

Um das Server-Verhalten zu bearbeiten, öffne das Bedienfeld Server-Verhalten (Fenster > Server-Verhalten) und doppelklicke auf das Verhalten Datensatz aktualisieren.

Öffne die Seite in der Entwurfsansicht und wähle Einfügen > Datenobjekte > Datensatz aktualisieren > Assistent für Datensatz-Aktualisierungsformular aus.

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

Wähle im Popup-Menü Verbindung eine Verbindung zur Datenbank aus.

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

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

Gib im Popup-Menü Datensatz auswählen aus das Recordset an, das den im HTML-Formular angezeigten Datensatz enthält.

Wähle im Popup-Menü Eindeutige Schlüsselspalte eine Schlüsselspalte aus (normalerweise die Datensatz-ID-Spalte), um den Datensatz in der Datenbanktabelle zu identifizieren.

Wählen Sie die Option „Numerisch“, wenn der Wert eine Zahl ist. Eine Schlüsselspalte akzeptiert normalerweise nur numerische Werte, aber manchmal akzeptiert sie auch Textwerte.

Gib im Feld Nach dem Aktualisieren gehen zu die Seite ein, die nach der Aktualisierung des Datensatzes in der Tabelle geöffnet werden soll.

Lege im Bereich Formularfelder fest, welche Spalten in deiner Datenbanktabelle jedes Formularobjekt aktualisieren soll.

Standardmäßig erstellt Dreamweaver ein Formularobjekt für jede Spalte in der Datenbanktabelle. Wenn deine Datenbank automatisch eindeutige Schlüssel-IDs für jeden neuen erstellten Datensatz generiert, entferne das Formularobjekt, das der Schlüsselspalte entspricht, indem du es in der Liste auswählst und auf den Minus (-) Button klickst. Dies eliminiert das Risiko, dass der Anwender des Formulars einen ID-Wert eingibt, der bereits existiert.

Du kannst auch die Reihenfolge der Formularobjekte auf dem HTML-Formular ändern, indem du ein Formularobjekt in der Liste auswählst und auf den Nach-oben- oder Nach-unten-Pfeil auf der rechten Seite des Dialogfelds klickst.

Lege fest, wie jedes Dateneingabefeld auf dem HTML-Formular erscheinen soll, indem du auf eine Zeile in der Tabelle Formularfelder klickst und die folgenden Informationen in die Felder unter der Tabelle eingibst:

• Geben Sie im Feld „Beschriftung“ eine aussagekräftige Beschreibung ein, die neben dem Dateneingabefeld angezeigt wird. Standardmäßig zeigt Dreamweaver den Namen der Tabellenspalte im Label 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“.  

Stelle die Eigenschaften anderer Formularobjekte ein, indem du eine andere Zeile in Formularfelder auswählst und ein Label, einen Wert für Anzeigen als und einen Wert für Übermitteln als eingibst.

Für Menüs und Optionsfelder öffnest du ein weiteres Dialogfeld, um die Eigenschaften festzulegen.Für Optionen definierst du einen Vergleich zwischen dem Wert des aktuellen Datensatzes für die Option und einem gegebenen Wert, um zu bestimmen, ob die Option aktiviert ist, wenn der Datensatz angezeigt wird.

Klicken Sie auf „OK“.

Dreamweaver fügt sowohl ein HTML-Formular als auch ein Server-Verhalten für Datensatz aktualisieren zu deiner Seite hinzu.

Das Datenobjekt fügt sowohl ein HTML-Formular als auch ein Server-Verhalten für Datensatz aktualisieren zu deiner Seite hinzu.Die Formularobjekte sind in einer einfachen Tabelle angeordnet, die du mit den Dreamweaver-Seitendesign-Tools anpassen kannst.(Stelle sicher, dass alle Formularobjekte innerhalb der Formulargrenzen bleiben.)

Um das Server-Verhalten zu bearbeiten, öffnest du das Bedienfeld Server-Verhalten (Fenster > Server-Verhalten) und doppelklickst auf das Verhalten Datensatz aktualisieren.

Wähle entweder Manuell oder Aus Datenbank, je nachdem, wie du das Formularelement erstellen möchtest.

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.

Im Feld Wert auswählen gleich, wenn du möchtest, dass ein bestimmtes Element ausgewählt ist, wenn die Seite in einem Browser geöffnet wird oder wenn ein Datensatz im Formular angezeigt wird, gibst du einen Wert ein, der dem Wert des Elements entspricht.

Du kannst einen statischen Wert eingeben oder einen dynamischen Wert angeben, indem du auf das Blitzsymbol klickst und einen dynamischen Wert aus der Liste der Datenquellen auswählst.In beiden Fällen sollte der Wert, den du angibst, mit einem der Werte des Elements übereinstimmen.