Maak een pagina (Bestand > Nieuw >
Lege pagina) en ontwerp je registratiepagina met de Dreamweaver ontwerptools.
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 registratiepagina's
Je web-app kan een pagina bevatten waarvoor gebruikers zich moeten registreren wanneer ze je site voor het eerst bezoeken.
Een registratiepagina bestaat uit de volgende elementen:
Een databasetabel om login-informatie over de gebruikers op te slaan
Een HTML-formulier waarop gebruikers een gebruikersnaam en wachtwoord kunnen selecteren;
Je kunt het formulier ook gebruiken om andere persoonlijke informatie van gebruikers te verkrijgen.
Een Insert Record server-gedrag om de databasetabel van site-gebruikers bij te werken
Een Check New Username server-gedrag om er zeker van te zijn dat de gebruikersnaam ingevoerd door de gebruiker niet al door een andere gebruiker gebruikt wordt
Aanmeldingsgegevens van gebruikers opslaan
Een registratiepagina vereist een databasetabel om de logininformatie die door gebruikers wordt ingevoerd op te slaan.
- Zorg ervoor dat je databasetabel een gebruikersnaam en een wachtwoordkolom bevat. Als je wilt dat ingelogde gebruikers verschillende toegangsrechten hebben, voeg dan een kolom voor toegangsrechten toe.
- Als je een gemeenschappelijk wachtwoord wilt instellen voor alle gebruikers van de site, configureer dan je databaseapplicatie (Microsoft Access, Microsoft SQL Server, Oracle, enzovoort) om het wachtwoord standaard in elk nieuw gebruikersrecord in te voeren.In de meeste databaseapplicaties kun je een kolom instellen op een standaardwaarde telkens wanneer een nieuw record wordt aangemaakt.Stel de standaardwaarde voor het wachtwoord in.
- Je kunt de databasetabel ook gebruiken om andere nuttige
informatie over de gebruiker op te slaan.
De volgende stap bij het maken van een registratiepagina is het toevoegen van een HTML-formulier aan de registratiepagina om gebruikers een gebruikersnaam en wachtwoord te laten kiezen (indien van toepassing).
Een HTML-formulier toevoegen voor het selecteren van een gebruikersnaam en wachtwoord
Je voegt een HTML-formulier toe aan de registratiepagina om gebruikers een gebruikersnaam en wachtwoord te laten selecteren (indien van toepassing).
Voeg een HTML-formulier toe door het invoegpunt te plaatsen waar je wilt dat het formulier verschijnt en door in het menu Invoegen de optie Formulier te selecteren.
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 door dunne rode lijnen.
Geef het HTML-formulier een naam door op de <form> tag
onderaan het documentvenster te klikken om het formulier te selecteren, de
Eigenschappen-inspector te openen (Venster > Eigenschappen) en een
naam in te voeren in het vak Formuliernaam.
Je hoeft geen action of method attribuut voor het formulier op te geven om het te vertellen waar en hoe de recordgegevens moeten worden verzonden wanneer de gebruiker op de knop Verzenden klikt. Het Insert Record-servergedrag stelt deze attributen voor je in.
Voeg tekstvelden toe (Invoegen > Formulier >
Tekstveld) om de gebruiker een gebruikersnaam en wachtwoord te laten invoeren.
Het formulier kan ook meer formulierobjecten hebben om andere persoonlijke gegevens vast te leggen.
Je zou labels moeten toevoegen (als tekst of afbeeldingen) naast elk formulierobject om gebruikers te vertellen wat ze zijn. Je zou ook de formulierobjecten moeten uitlijnen door ze in een HTML-tabel te plaatsen. Voor meer informatie over formulierobjecten, zie webformulieren maken.
Voeg een verzendknop toe aan het formulier (Invoegen >
Formulier > Knop).
Je kunt het label van de verzendknop wijzigen door de knop te selecteren, het eigenschappenvenster te openen (Venster > Eigenschappen) en een nieuwe waarde in te voeren in het vak Waarde.
De volgende stap bij het maken van een registratiepagina is het toevoegen van de servergedrag Record invoegen om records in te voegen in de tabel met gebruikers in de database.
De databasetabel met gebruikers bijwerken
Je moet een servergedrag Record invoegen toevoegen aan de registratiepagina om de tabel met gebruikers in de database bij te werken.
Klik in het paneel Servergedragingen (Venster >
Servergedragingen) op de Plus (+) knop en selecteer Record invoegen uit het pop-upmenu.
Het dialoogvenster Record invoegen wordt geopend.
Vul het dialoogvenster in en zorg ervoor dat je de tabel met gebruikers in de database opgeeft waarin de gebruikersgegevens worden ingevoegd.
Klik op OK.
De laatste stap bij het maken van een registratiepagina is ervoor zorgen dat de gebruikersnaam niet wordt gebruikt door een andere geregistreerde gebruiker.
Voeg een servergedrag toe om een unieke gebruikersnaam te garanderen
Je kunt een servergedrag toevoegen aan een gebruikersregistratiepagina dat controleert of de gebruikersnaam uniek is voordat je die gebruiker toevoegt aan je database met geregistreerde gebruikers.
Wanneer de gebruiker op de verzendknop op de registratiepagina klikt, vergelijkt het servergedrag de door de gebruiker ingevoerde gebruikersnaam met de gebruikersnamen die zijn opgeslagen in een databasetabel met geregistreerde gebruikers. Als er geen overeenkomende gebruikersnaam wordt gevonden in de databasetabel, voert het servergedrag de bewerking Record invoegen normaal uit. Als er een overeenkomende gebruikersnaam wordt gevonden, annuleert het servergedrag de bewerking Record invoegen en opent het een nieuwe pagina (meestal een pagina die de gebruiker waarschuwt dat de gebruikersnaam al in gebruik is).
Klik in het paneel Servergedragingen (Venster >
Servergedragingen) op de Plus (+) knop en selecteer Gebruikersauthenticatie >
Nieuwe gebruikersnaam controleren uit het pop-upmenu.
Selecteer in het pop-upmenu Gebruikersnaamveld het formuliertekstveld dat je bezoekers gebruiken om een gebruikersnaam in te voeren.
Geef in het vak Als die al bestaat, ga naar een pagina op die moet worden geopend als er een overeenkomende gebruikersnaam wordt gevonden in de databasetabel en klik op OK.
De geopende pagina moet de gebruiker waarschuwen dat de gebruikersnaam al in gebruik is en de gebruiker de mogelijkheid geven om het opnieuw te proberen.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
