Datensatz-Einfügeseiten erstellen

Zuletzt aktualisiert am 25. April 2024

Hier erfahren Sie, wie Sie in Ihrer Dreamweaver-Anwendung Datensatz-Einfügeseiten erstellen, mit denen Benutzer neue Datensätze in eine Datenbank einfügen können.

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.

Datensatz-Einfügeseiten erstellen

Deine Anwendung kann eine Seite enthalten,\ndie es Benutzern ermöglicht, neue Datensätze in eine Datenbank einzufügen.

Eine Einfügeseite besteht aus zwei Bausteinen:

  • Einem HTML-Formular, über das Besucher Daten eingeben können

  • Einem Serververhalten „Datensatz einfügen“, mit dem die Datenbank aktualisiert wird

    Wenn ein Benutzer in einem Formular auf die Schaltfläche zum Senden klickt, fügt das Serververhalten Datensätze in eine Datenbanktabelle ein.

    Du kannst diese Bausteine in einem einzigen Vorgang mit dem Datenobjekt „Datensatz-Einfügeformular" hinzufügen oder sie separat mit den Dreamweaver-Formulartools und dem Bedienfeld „Serververhalten" hinzufügen.

Anmerkung

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

Einfügeseiten Schritt für Schritt erstellen

Du kannst auch eine Einfügeseite erstellen, indem du\ndie Formulartools und Serververhalten verwendest.

HTML-Formulare in Einfügeseiten einfügen

Erstelle eine dynamische Seite (Datei >\nNeu > Leere Seite) und gestalte deine Seite mit den Dreamweaver-Design-Tools.
Füge ein HTML-Formular hinzu, indem du die Einfügemarke dort platzierst, wo\ndas Formular erscheinen soll, und wählst Einfügen > Formular >\nFormular.

Daraufhin wird ein leeres Formular auf der Seite erstellt. Möglicherweise musst du\nUnsichtbare Elemente (Ansicht > Visuelle Hilfsmittel >\nUnsichtbare Elemente) aktivieren, um die Formularränder zu sehen, die durch\ndünne rote Linien dargestellt werden.

Benenne das HTML-Formular, indem du auf den <form>-Tag unten im Dokumentfenster klickst, um das Formular auszuwählen, den Eigenschafteninspektor ö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, wohin und wie die Datensatzdaten gesendet werden sollen, wenn der Benutzer auf den Button „Senden" klickt.Das Serververhalten „Datensatz einfügen" legt diese Attribute für dich fest.

Füge ein Formularobjekt hinzu, z. B. ein Textfeld (Einfügen > Formular > Textfeld), für jede Spalte in der Datenbanktabelle, in die du Datensätze einfügen 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.

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

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

Serververhalten zum Einfügen von Datensätzen in eine Datenbanktabelle hinzufügen (ColdFusion)

Klicke im Bedienfeld Serververhalten (Fenster > Serververhalten) auf die Plus-Schaltfläche (+) und wähle Datensatz einfügen aus dem Popup-Menü aus.
Wählen Sie im Popup-Menü „Werte senden aus“ ein Formular aus.
Wähle im Popup-Menü Datenquelle eine Verbindung zur Datenbank aus.
Geben Sie Ihren Benutzernamen und Ihr Kennwort ein.
Wähle im Popup-Menü Einfügen in Tabelle die Datenbanktabelle aus, in die der Datensatz eingefügt werden soll.
Gib eine Datenbankspalte an, in die der Datensatz eingefügt werden soll, wähle das Formularobjekt aus, das den Datensatz aus dem Popup-Menü Wert einfügen wird, und wähle dann einen Datentyp für das Formularobjekt aus dem Popup-Menü Senden als aus.

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

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

Gib im Feld Nach dem Einfügen, Gehe zu die Seite ein, die nach dem Einfügen des Datensatzes in die Tabelle geöffnet werden soll, oder klicke auf die Schaltfläche Durchsuchen, um zur Datei zu navigieren.
Klicken Sie auf „OK“.

Dreamweaver fügt der Seite ein Serververhalten hinzu, mit dem Anwender Datensätze in eine Datenbanktabelle einfügen können, indem sie das HTML-Formular ausfüllen und auf die Senden-Schaltfläche klicken.

Serververhalten zum Einfügen von Datensätzen in eine Datenbanktabelle hinzufügen (ASP)

Klicke im Bedienfeld Serververhalten (Fenster > Serververhalten) auf die Plus-Schaltfläche (+) und wähle Datensatz einfügen aus dem Popup-Menü aus.
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ü In Tabelle einfügen die Datenbanktabelle aus, in die der Datensatz eingefügt werden soll.
Gib im Feld Nach dem Einfügen, Gehe zu die Seite ein, die nach dem Einfügen des Datensatzes in die Tabelle geöffnet werden soll, oder klicke auf Durchsuchen, um zur Datei zu navigieren.
Wähle im Popup-Menü Werte abrufen von das HTML-Formular aus, das zum Eingeben der Daten verwendet wird.

Dreamweaver wählt automatisch das erste Formular auf deiner Seite aus.

Gib eine Datenbankspalte an, um den Datensatz einzufügen, wähle das Formularobjekt aus, das den Datensatz einfügen wird, aus dem Popup-Menü Wert, 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, Boolescher Wert).

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

Klicken Sie auf „OK“.

Dreamweaver fügt der Seite ein Server-Verhalten hinzu, das es Anwendern ermöglicht, Datensätze in eine Datenbanktabelle einzufügen, indem sie das HTML-Formular ausfüllen und auf den Senden-Button klicken.

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

Füge ein Server-Verhalten hinzu, um Datensätze in eine Datenbanktabelle einzufügen (PHP)

Klicke im Bedienfeld Server-Verhalten (Fenster > Server-Verhalten) auf den Plus-Button (+) und wähle Datensatz einfügen aus dem Popup-Menü aus.
Wählen Sie im Popup-Menü „Werte senden aus“ ein Formular aus.
Wähle im Popup-Menü Verbindung eine Verbindung zur Datenbank aus.
Wähle im Popup-Menü Tabelle einfügen die Datenbanktabelle aus, in die der Datensatz eingefügt werden soll.
Gib eine Datenbankspalte an, in die der Datensatz eingefügt werden soll, wähle das Formularobjekt aus, das den Datensatz einfügen wird, aus dem Popup-Menü Wert 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, Boolescher Wert Optionswerte).

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

Gib im Feld Nach dem Einfügen zu die Seite ein, die nach dem Einfügen des Datensatzes in die Tabelle geöffnet werden soll, oder klicke auf den Button Durchsuchen, um zur Datei zu navigieren.
Klicken Sie auf „OK“.

Dreamweaver fügt der Seite ein Server-Verhalten hinzu, mit dem Anwender Datensätze in eine Datenbanktabelle einfügen können, indem sie das HTML-Formular ausfüllen und auf den Button Übermitteln klicken.

Einfügeseiten in einem Schritt erstellen

Öffne die Seite in der Designansicht und wähle Einfügen > Datenobjekte > Datensatz einfügen > Assistent für Datensatz-Einfügungsformular aus.
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ü In Tabelle einfügen die Datenbanktabelle aus, in die der Datensatz eingefügt werden soll.
Wenn Sie ColdFusion verwenden, müssen Sie einen Benutzernamen und ein Kennwort eingeben.
Gib im Feld Nach dem Einfügen zu die Seite ein, die nach dem Einfügen des Datensatzes in die Tabelle geöffnet werden soll, oder klicke auf den Button Durchsuchen, um zur Datei zu navigieren.
Gib im Bereich Formularfelder die Formularobjekte an, die du in das HTML-Formular der Einfügungsseite einbeziehen möchtest, und bestimme, 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 Button Minus (-) klickst.Dies eliminiert das Risiko, dass der Anwender des Formulars einen ID-Wert eingibt, der bereits existiert.

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

Gib an, wie jedes Dateneingabefeld auf dem HTML-Formular angezeigt werden soll, indem du eine Zeile in der Tabelle „Formularfelder" anklickst 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.

Anmerkung

Versteckte Felder werden am Ende des Formulars eingefügt.

  • 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“.  
Klicken Sie auf „OK“.

Dreamweaver fügt sowohl ein HTML-Formular als auch ein Server-Verhalten „Datensatz einfügen" zu deiner Seite hinzu.Die Formularobjekte sind in einer einfachen Tabelle angeordnet, die du mithilfe der Dreamweaver Seitendesign-Tools anpassen kannst.(Stelle sicher, dass alle Formularobjekte innerhalb der Grenzen des Formulars bleiben.)

Um das Serververhalten zu bearbeiten, öffne das Bedienfeld Serververhalten (Fenster > Serververhalten) und doppelklicke auf das Verhalten Datensatz einfügen.

Ähnliche Themen