Gebruik je database-applicatie en een registratiepagina
om de tabel te maken. Voor instructies, zie de gerelateerde onderwerp
koppeling hieronder.
Laatst bijgewerkt op
25 apr. 2024
Notitie
De gebruikersinterface van nieuwere versies van Dreamweaver is vereenvoudigd. Daarom zijn sommige opties die in dit artikel worden beschreven, niet beschikbaar in nieuwere versies van Dreamweaver. Meer informatie vindt u in dit artikel.
Over aanmeldingspagina's
Je webapplicatie kan een pagina bevatten waarmee geregistreerde gebruikers kunnen inloggen op de site.
Een aanmeldingspagina bestaat uit de volgende elementen:
Een databasetabel met geregistreerde gebruikers
Een HTML-formulier waarin gebruikers een gebruikersnaam en wachtwoord kunnen invoeren
Een servergedrag Log In User om ervoor te zorgen dat de ingevoerde gebruikersnaam en het wachtwoord geldig zijn
Een sessievariabele bestaande uit de gebruikersnaam wordt aangemaakt voor de gebruiker wanneer deze succesvol inlogt.
Maak een databasetabel van geregistreerde gebruikers
Je hebt een databasetabel van geregistreerde gebruikers nodig om te controleren of de gebruikersnaam en het wachtwoord die op de loginpagina zijn ingevoerd geldig zijn.
De volgende stap bij het bouwen van een login-pagina is het toevoegen van een HTML-formulier aan de pagina zodat gebruikers kunnen inloggen. Zie het volgende onderwerp voor instructies.
Voeg een HTML-formulier toe zodat gebruikers kunnen inloggen
Je voegt een HTML-formulier toe aan de pagina zodat gebruikers kunnen inloggen door een gebruikersnaam en wachtwoord in te voeren.
Maak een pagina (Bestand > Nieuw > Lege pagina) en ontwerp je loginpagina met de Dreamweaver-ontwerptools.
Voeg een HTML-formulier toe door het invoegpunt te plaatsen waar
je wilt dat het formulier verschijnt en Formulier te kiezen in het menu Invoegen.
Op de pagina wordt een leeg formulier gemaakt. Mogelijk moet je Onzichtbare elementen inschakelen (Weergave > Visuele hulpmiddelen > Onzichtbare elementen) om de grenzen van het formulier te zien, die worden weergegeven als dunne rode lijnen.
Geef het HTML-formulier een naam door op de <form> tag
onderaan het documentvenster te klikken om het formulier te selecteren, open
de Property inspector (Venster > Eigenschappen) en voer
een naam in het vak Formuliernaam in.
Je hoeft geen action- of method-kenmerk voor het formulier op te geven om aan te geven waar en hoe de recordgegevens moeten worden verzonden wanneer de gebruiker op de knop Verzenden klikt.Het servergedrag Gebruiker aanmelden stelt deze eigenschappen voor je in.
Voeg een gebruikersnaam en een wachtwoordtekstveld toe (Invoegen >
Formulier > Tekstveld) aan het formulier.
Voeg labels toe (als tekst of afbeeldingen) naast elk tekstveld en lijn de tekstvelden uit door ze in een HTML- tabel te plaatsen en het border eigenschap van de tabel in te stellen op 0.
Voeg een knop Verzenden toe aan het formulier (Invoegen >
Formulier > Knop).
Je kunt het label van de knop Verzenden wijzigen door de knop te selecteren, de Property inspector te openen (Venster > Eigenschappen) en een nieuwe waarde in het vak Label in te voeren.
De volgende stap bij het bouwen van een aanmeldpagina is het toevoegen van het servergedrag Gebruiker aanmelden om te verifiëren dat de ingevoerde gebruikersnaam en wachtwoord geldig zijn.
Gebruikersnaam en wachtwoord controleren
Je moet een servergedrag Gebruiker aanmelden toevoegen aan de aanmeldpagina om ervoor te zorgen dat de gebruikersnaam en het wachtwoord die een gebruiker invoert geldig zijn.
Wanneer een gebruiker op de knop Verzenden klikt op de aanmeldpagina, vergelijkt het servergedrag Gebruiker aanmelden de waarden die door de gebruiker zijn ingevoerd met de waarden voor geregistreerde gebruikers. Als de waarden overeenkomen, opent het servergedrag één pagina (meestal het Welkomstscherm van de site). Als de waarden niet overeenkomen, opent het servergedrag een andere pagina (meestal een pagina die de gebruiker waarschuwt dat de aanmeldpoging is mislukt).
Klik in het deelvenster Server Behaviors (Venster > Server Behaviors) op de plusknop (+) en selecteer User Authentication > Log In User in het pop-upmenu.
Specificeer het formulier en de formulierobjecten die bezoekers gebruiken
om hun gebruikersnaam en wachtwoord in te voeren.
(ColdFusion) Voer indien nodig uw gebruikersnaam en wachtwoord in.
Specificeer de databasetabel en kolommen die de
gebruikersnamen en wachtwoorden van alle geregistreerde gebruikers bevatten.
Het servergedrag vergelijkt de gebruikersnaam en het wachtwoord die een bezoeker invoert op de login-pagina met de waarden in deze kolommen.
Geef de pagina op die moet worden geopend wanneer de aanmelding is geslaagd.
Dit is doorgaans het welkomstscherm van de site.
Geef de pagina op die moet worden geopend wanneer de aanmelding niet is geslaagd.
De opgegeven pagina meldt de gebruiker gewoonlijk dat het loginproces is mislukt en laat de gebruiker het opnieuw proberen.
Als je wilt dat gebruikers die naar de login-pagina worden doorgestuurd na een poging
om toegang te krijgen tot een beperkte pagina na het inloggen terugkeren naar die beperkte pagina, selecteer je de optie Go To Previous URL.
Als een gebruiker toegang tot je site probeert te krijgen door een beperkte pagina te openen zonder eerst in te loggen, kan de beperkte pagina de gebruiker doorsturen naar de loginpagina.Nadat de gebruiker succesvol heeft ingelogd, stuurt de login-pagina de gebruiker door naar de beperkte pagina die hem in eerste instantie naar de login-pagina heeft doorgestuurd.
Notitie
Wanneer je het dialoogvenster voor het servergedrag Restrict Access To Page invult voor deze pagina's, zorg je ervoor dat je je login-pagina specificeert in het vak If Access Denied, Go To.
Specificeer of toegang tot de pagina wordt verleend op basis van
alleen gebruikersnaam en wachtwoord, of ook op basis van toestemmingsniveau,
en klik op OK.
Een servergedrag wordt toegevoegd aan de login-pagina dat ervoor zorgt dat de gebruikersnaam en het wachtwoord die door een bezoeker worden ingevoerd geldig zijn.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
