Hinweis:

Die Benutzeroberfläche wurde ab Dreamweaver CC vereinfacht. Daher kann es vorkommen, dass Sie einige der in diesem Artikel beschriebenen Optionen ab Dreamweaver CC nicht finden. Weitere Informationen finden Sie in diesem Artikel.

Datensatz-Aktualisierungsseiten

Ihre Anwendung kann eine Reihe von Seiten enthalten, mit denen Besucher Ihrer Site vorhandene Datensätze in einer Datenbanktabelle aktualisieren können. Die Seiten bestehen in der Regel aus einer Suchseite, einer Ergebnisseite und einer Aktualisierungsseite. Anhand der Such- und der Ergebnisseite können die Besucher Ihrer Site den Datensatz abrufen und ihn über die Aktualisierungsseite bearbeiten.

Zu aktualisierende Datensätze suchen

Wenn Benutzer einen Datensatz aktualisieren möchten, müssen sie ihn zunächst in der Datenbank suchen. Daher ist für die Arbeit mit der Aktualisierungsseite auch eine Such- und eine Ergebnisseite erforderlich. Der Benutzer gibt die Suchkriterien auf der Suchseite ein und wählt den Datensatz auf der Ergebnisseite aus. Wenn er auf der Ergebnisseite auf den Datensatz klickt, wird die Aktualisierungsseite geöffnet. Sie zeigt den Datensatz in einem HTML-Formular an.

Nach dem Erstellen der Such- und der Ergebnisseite legen Sie auf der Ergebnisseite die Hyperlinks an, mit denen die Aktualisierungsseite geöffnet wird. Anschließend ändern Sie die Hyperlinks so, dass sie die ID des Datensatzes übergeben, den der Benutzer ausgewählt hat. Anhand dieser ID findet die Aktualisierungsseite den angeforderten Datensatz in der Datenbank und zeigt ihn an.

Mit dem gleichen Verfahren, mit dem Sie eine Detailseite geöffnet und eine Datensatz-ID übergeben haben, öffnen Sie auch die Aktualisierungsseite und übergeben ihr eine Datensatz-ID. For more information, see Hyperlinks zur Detailseite erstellen.

Zu aktualisierende Datensätze abrufen

Nachdem die Ergebnisseite eine Datensatz-ID an die Aktualisierungsseite übergeben und damit den zu aktualisierenden Datensatz identifiziert hat, muss die Aktualisierungsseite den Parameter lesen, den Datensatz aus der Datenbanktabelle abrufen und diesen vorübergehend in einer Datensatzgruppe speichern.

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

    Die Seite wird zu Ihrer neuen Aktualisierungsseite.

  2. 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.

  3. Benennen Sie die Datensatzgruppe und geben Sie über die Popupmenüs „Verbindung“ und „Tabelle“ an, wo sich die zu aktualisierenden Daten befinden.
  4. 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.
  5. 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:

  6. 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.

Aktualisierungsseiten Block für Block fertig stellen

Für eine Aktualisierungsseite sind drei Bausteine erforderlich:

  • Eine gefilterte Datensatzgruppe, um den Datensatz aus einer Datenbanktabelle abzurufen
  • Ein HTML-Formular, mit dem Besucher die Daten des Datensatzes modifizieren können
  • Ein Serververhalten des Typs „Datensatz aktualisieren“, mit dem die Datenbanktabelle aktualisiert wird

    Sie können die beiden letzten grundlegenden Bausteine einer Aktualisierungsseite auch separat hinzufügen. Dazu verwenden Sie die Formularwerkzeuge und das Bedienfeld „Serververhalten“.

HTML-Formulare in Aktualisierungsseiten einfügen

  1. Erstellen Sie eine Seite („Datei“ > „Neu“ > „Leere Seite“). Die Seite wird zu Ihrer neuen Aktualisierungsseite.
  2. Erstellen Sie das Layout der Seite mit den Dreamweaver-Entwurfswerkzeugen.
  3. 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.

  4. 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.

  5. 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.

  6. 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.

Datensätze im Formular anzeigen

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

    Weitere Informationen finden Sie unter Zu aktualisierende Datensätze abrufen.

Serververhalten für die Aktualisierung von Datenbanktabellen einfügen

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

    Das Dialogfeld „Datensatz aktualisieren“ wird angezeigt.

  2. Wählen Sie im Popupmenü „Werte senden aus“ ein Formular aus.
  3. Wählen Sie im Popupmenü „Datenquelle“ oder „Verbindung“ eine Verbindung zu der Datenbank aus.
  4. Geben Sie bei Bedarf Ihren Benutzernamen und Ihr Kennwort ein.
  5. Wählen Sie im Popupmenü „Tabelle aktualisieren“ die Datenbanktabelle mit dem Datensatz aus, den Sie gerade aktualisieren.
  6. (ColdFusion, PHP) Geben Sie eine zu aktualisierende Datenbankspalte an und wählen Sie im Popupmenü „Wert“ das Formularobjekt aus, das den Datensatz aktualisiert. Wählen Sie im Popupmenü „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.

  7. (ASP) Geben Sie im Popupmenü „Datensatz auswählen in“ die Datensatzgruppe mit dem Datensatz an, der im HTML-Formular angezeigt wird. Wählen Sie im Popupmenü „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.
  8. 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.
  9. (ASP) Geben Sie eine zu aktualisierende Datenbankspalte an und wählen Sie im Popupmenü „Wert“ das Formularobjekt aus, das den Datensatz aktualisiert. Wählen Sie dann im Popupmenü „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.
  10. 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“.

Aktualisierungsseite in einem Arbeitsgang aktualisieren

Für eine Aktualisierungsseite sind drei Bausteine erforderlich:

  • Eine gefilterte Datensatzgruppe, um den Datensatz aus einer Datenbanktabelle abzurufen

  • Ein HTML-Formular, mit dem Besucher die Daten des Datensatzes modifizieren können

  • Ein Serververhalten des Typs „Datensatz aktualisieren“, mit dem die Datenbanktabelle aktualisiert wird

Mit dem Datenobjekt „Aktualisierungsformular für Datensätze“ können Sie die beiden letzten Bausteine einer Aktualisierungsseite in einem Arbeitsschritt hinzufügen. Mit diesem Datenobjekt wird der Seite nicht nur ein HTML-Formular, sondern auch das Serververhalten „Datensatz aktualisieren“ hinzugefügt.

Bevor Sie das Datenobjekt verwenden können, muss Ihre Webanwendung den zu aktualisierenden Datensatz finden können. Außerdem muss die Aktualisierungsseite diesen Datensatz abrufen können.

Nachdem das Datenobjekt die Bausteine auf der Seite platziert hat, können Sie das Formular mithilfe der Dreamweaver-Entwurfswerkzeuge beliebig anpassen oder das Serververhalten „Datensatz aktualisieren“ mit dem Bedienfeld „Serververhalten“ bearbeiten.

Hinweis:

Die Aktualisierungsseite kann jeweils nur ein Serververhalten zur Datensatzbearbeitung enthalten. So ist es nicht möglich, der Aktualisierungsseite das Serververhalten „Datensatz einfügen“ oder „Datensatz löschen“ hinzuzufügen.

  1. Ö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.

  2. Wählen Sie im Popupmenü „Verbindung“ eine Verbindung zur Datenbank aus.

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

  3. Wählen Sie im Popupmenü „Zu aktualisierende Tabelle“ die Datenbanktabelle aus, die den zu aktualisierenden Datensatz enthält.
  4. Geben Sie im Popupmenü „Datensatz auswählen aus“ die Datensatzgruppe an, die den Datensatz enthält, der im HTML-Formular angezeigt wird.
  5. Wählen Sie im Popupmenü „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.

  6. 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.
  7. 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.

  8. 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 Popupmenü „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.

    Hinweis:

    Versteckte Felder werden am Ende des Formulars eingefügt.

    • Wählen Sie im Popupmenü „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“.  
  9. 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.

  10. 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“.

Formularelement-Eigenschaften

Im Dialogfeld „Formularelement-Eigenschaften“ können Sie die Eigenschaften von Formularelementen auf Seiten festlegen, mit denen Besucher Datensätze in einer Datenbank aktualisieren können.

  1. Wählen Sie entweder „Manuell“ oder „Aus Datenbank“, abhängig davon, wie Sie das Formularelement erstellen möchten.
  2. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+), um ein Element hinzuzufügen.
  3. Geben Sie für das Element eine Beschriftung und einen Wert ein.
  4. 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.

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie