Anmeldeseite erstellen

Zuletzt aktualisiert am 25. April 2024
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.

Anmeldeseiten

Ihre Web-Anwendung kann eine Seite enthalten, die es registrierten Benutzern ermöglicht, sich auf der Website anzumelden.

Für eine Registrierungsseite sind die folgenden Bausteine erforderlich:

  • Eine Datenbanktabelle der registrierten Besucher

  • Ein HTML-Formular, in das Besucher einen Benutzernamen und ein Kennwort eingeben können

  • Ein Anwender anmelden Server-Verhalten, um sicherzustellen, dass der eingegebene Anwendername und das Kennwort gültig sind

    Eine Sitzungsvariable, die aus dem Benutzernamen besteht, wird für den Benutzer erstellt, wenn sich der Benutzer erfolgreich anmeldet.

Erstelle eine Datenbanktabelle mit registrierten Anwendern

Du benötigst eine Datenbanktabelle mit registrierten Benutzern, um zu überprüfen, ob der Benutzername und das Kennwort, die auf der Anmeldeseite eingegeben werden, gültig sind.

Verwende deine Datenbankanwendung und eine Registrierungsseite, um die Tabelle zu erstellen. Anweisungen findest du im Link zum verwandten Thema unten.

Der nächste Schritt beim Erstellen einer Anmeldeseite ist das Hinzufügen eines HTML-Formulars zur Seite, um Benutzern die Anmeldung zu ermöglichen.Anweisungen hierzu finden Sie im nächsten Thema.

Füge ein HTML-Formular hinzu, um Anwendern die Anmeldung zu ermöglichen

Du fügst ein HTML-Formular zur Seite hinzu, um Benutzern die Anmeldung durch Eingabe eines Benutzernamens und Kennworts zu ermöglichen.

Erstelle eine Seite (Datei > Neu > Leere Seite) und gestalte deine Anmeldeseite mit den Dreamweaver Design-Tools.
Füge ein HTML-Formular hinzu, indem du den Einfügepunkt dort platzierst, wo das Formular erscheinen soll, und wähle Formular aus dem Menü Einfügen.

Daraufhin wird ein leeres Formular auf der Seite erstellt. Du musst möglicherweise Unsichtbare Elemente aktivieren (Ansicht > Visuelle Hilfsmittel > Unsichtbare Elemente), um die Formular-Begrenzungen 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 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, wo und wie die Datensatzdaten gesendet werden sollen, wenn der Benutzer auf die Schaltfläche Senden klickt. Das Serververhalten Benutzer anmelden legt diese Attribute für dich fest.

Füge ein Textfeld für Benutzername und Kennwort (Einfügen > Formular > Textfeld) zum Formular hinzu.

Füge Titel (entweder als Text oder Bilder) neben jedem Textfeld hinzu und richte die Textfelder aus, indem du sie in eine HTML-Tabelle einbettest und das border-Attribut der Tabelle auf 0 setzt.

Füge eine Schaltfläche Senden zum Formular hinzu (Einfügen > Formular > Schaltfläche).

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

Der nächste Schritt beim Aufbau einer Anmeldeseite besteht darin, das Serververhalten Benutzer anmelden hinzuzufügen, um zu überprüfen, ob der eingegebene Benutzername und das Kennwort gültig sind.

Benutzernamen und Kennwort überprüfen

Du musst ein Serververhalten Benutzer anmelden zur Anmeldeseite hinzufügen, um sicherzustellen, dass der Benutzername und das Kennwort, die ein Benutzer eingibt, gültig sind.

Wenn ein Benutzer auf die Schaltfläche Senden der Anmeldeseite klickt, vergleicht das Serververhalten Benutzer anmelden die vom Benutzer eingegebenen Werte mit den Werten für registrierte Benutzer. Wenn die Werte übereinstimmen, öffnet das Serververhalten eine Seite (normalerweise den Startbildschirm der Website). Wenn die Werte nicht übereinstimmen, öffnet das Serververhalten eine andere Seite (normalerweise eine Seite, die den Benutzer darüber informiert, dass der Anmeldeversuch fehlgeschlagen ist).

Im Bedienfeld „Server Behaviors" (Fenster > Server Behaviors), klicke auf den Plus (+)-Button und wähle User Authentication > Log In User aus dem Popup-Menü aus.
Gib das Formular und die Formularobjekte an, die Besucher verwenden, um ihren Benutzernamen und ihr Kennwort einzugeben.
(ColdFusion) Geben Sie bei Bedarf Ihren Benutzernamen und Ihr Kennwort ein.
Gib die Datenbanktabelle und die Spalten an, die die Benutzernamen und Kennwörter aller registrierten Benutzer enthalten.

Das Serververhalten vergleicht den Benutzernamen und das Kennwort, die ein Besucher auf der Anmeldeseite eingibt, mit den Werten in diesen Spalten.

Geben Sie die Seite an, die geöffnet werden soll, wenn die Anmeldung erfolgreich ist.

Dabei handelt es sich in der Regel um den Begrüßungsbildschirm der Site.

Geben Sie die Seite an, die geöffnet werden soll, wenn die Anmeldung nicht erfolgreich ist.

Die angegebene Seite warnt den Benutzer normalerweise, dass der Anmeldeprozess fehlgeschlagen ist, und lässt den Benutzer es erneut versuchen.

Wenn du möchtest, dass Benutzer, die nach dem Versuch, auf eine eingeschränkte Seite zuzugreifen, zur Anmeldeseite weitergeleitet werden, nach der Anmeldung zu dieser eingeschränkten Seite zurückkehren, wähle die Option Zur vorherigen URL wechseln aus.

Wenn ein Benutzer versucht, auf deine Website zuzugreifen, indem er eine eingeschränkte Seite öffnet, ohne sich zuerst anzumelden, kann die eingeschränkte Seite den Benutzer zur Anmeldeseite weiterleiten.Nach erfolgreicher Anmeldung des Benutzers leitet die Anmeldeseite den Benutzer zu der eingeschränkten Seite um, die ihn ursprünglich zur Anmeldeseite weitergeleitet hat.

Anmerkung

Wenn\ndu das Dialogfeld für das Server-Verhalten „Seitenzugriff beschränken"\nauf diesen Seiten ausfüllst, stelle sicher, dass du deine Anmeldeseite im Feld „Bei verweigerten Zugriff, gehe zu" angibst.

Lege fest, ob der Zugriff auf die Seite nur basierend auf\nBenutzername und Kennwort gewährt werden soll oder auch basierend auf der Autorisierungsebene,\nund klicke auf OK.

Ein Server-Verhalten wird zur Anmeldeseite hinzugefügt, das sicherstellt,\ndass der Benutzername und das Kennwort, die ein Besucher eingibt, gültig sind.