Använd din databasapplikation och en registreringssida
för att skapa tabellen. För instruktioner, se den relaterade ämneslänken
nedan.
Senast uppdaterad den
25 apr. 2024
Obs!
Användargränssnittet i Dreamweaver och senare har förenklats. Det kan därför hända att du inte hittar vissa av alternativen i den här artikeln i Dreamweaver och senare. Mer information finns i den här artikeln.
Om inloggningssidor
Ditt webbprogram kan innehålla en sida som låter registrerade användare logga in på webbplatsen.
En inloggningssida består av följande byggstenar:
En databastabell med registrerade användare
Ett HTML-formulär där användarna kan mata in sina användarnamn och lösenord
Ett serverbeteende för inloggning av användare som säkerställer att det angivna användarnamnet och lösenordet är giltiga
En sessionsvariabel som består av användarnamnet skapas för användaren när denna lyckas logga in.
Skapa en databastabell med registrerade användare
Du behöver en databastabell med registrerade användare för att verifiera att användarnamnet och lösenordet som anges på inloggningssidan är giltiga.
Nästa steg i att bygga en inloggningssida är att lägga till ett HTML-formulär på sidan för att låta användare logga in. Instruktioner finns i nästa avsnitt.
Lägg till ett HTML-formulär för att låta användare logga in
Du lägger till ett HTML-formulär på sidan för att låta användare logga in genom att ange ett användarnamn och lösenord.
Skapa en sida (Fil > Nytt > Tom sida) och utforma din inloggningssida med Dreamweavers designverktyg.
Lägg till ett HTML-formulär genom att placera insättningspunkten där
du vill att formuläret ska visas och välja Form från Insert-menyn.
Ett tomt formulär skapas på sidan. Du kan behöva aktivera Invisible Elements (View > Visual Aids > Invisible Elements) för att se formulärets gränser, som representeras av tunna röda linjer.
Namnge HTML-formuläret genom att klicka på <form>-taggen
längst ner i dokumentfönstret för att välja formuläret, öppna
Property inspector (Window > Properties), och ange
ett namn i rutan Form Name.
Du behöver inte ange ett action- eller method-attribut för formuläret för att tala om var och hur postdata ska skickas när användaren klickar på Submit-knappen. Log In User server-beteendet ställer in dessa attribut åt dig.
Lägg till ett användarnamn och ett lösenordstextfält (Insert >
Form > Text Field) i formuläret.
Lägg till etiketter (antingen som text eller Bilder) bredvid varje textfält, och rada upp textfälten genom att placera dem i en HTML-tabell och ställa in tabellens border-attribut till 0.
Lägg till en Submit-knapp i formuläret (Insert >
Form > Button).
Du kan ändra etiketten på Submit-knappen genom att välja knappen, öppna Property inspector (Window > Properties), och ange ett nytt Värde i rutan Label.
Nästa steg i att bygga en inloggningssida är att lägga till Log In User server-beteendet för att verifiera att det angivna användarnamnet och lösenordet är giltiga.
Verifiera användarnamnet och lösenordet
Du måste lägga till ett Log In User server-beteende på inloggningssidan för att säkerställa att användarnamnet och lösenordet som en användare anger är giltiga.
När en användare klickar på Submit-knappen på inloggningssidan jämför Log In User server-beteendet värdena som användaren angett mot värdena för registrerade användare. Om värdena matchar öppnar serverbeteendet en sida (vanligtvis webbplatsens välkomstskärm).Om värdena inte matchar öppnar server-beteendet en annan sida (vanligtvis en sida som varnar användaren om att inloggningsförsöket misslyckades).
I panelen Server Behaviors (Window > Server Behaviors) klickar du på knappen Plus (+) och väljer User Authentication > Log In User från popup-menyn.
Ange formuläret och formulärobjekten som besökare använder
för att ange sitt användarnamn och lösenord.
(ColdFusion) Ange ditt användarnamn och lösenord (om tillämpligt).
Ange databastabellen och kolumnerna som innehåller
användarnamnen och lösenorden för alla registrerade användare.
Server-beteendet jämför användarnamnet och lösenordet som en besökare anger på inloggningssidan mot värdena i dessa kolumner.
Ange vilken sida som ska öppnas om inloggningen lyckas.
Den angivna sidan är vanligtvis webbplatsens välkomstskärm.
Ange vilken sida som ska öppnas om inloggningen misslyckas.
Den angivna sidan varnar vanligtvis användaren om att inloggningsprocessen misslyckades och låter användaren försöka igen.
Om du vill att användare som vidarebefordras till inloggningssidan efter att ha försökt
komma åt en begränsad sida ska återvända till den begränsade sidan efter
inloggning, väljer du alternativet Go To Previous URL.
Om en användare försöker komma åt din plats genom att öppna en begränsad sida utan att först logga in, kan den begränsade sidan vidarebefordra användaren till inloggningssidan.Efter att användaren har loggat in framgångsrikt omdirigerar inloggningssidan användaren till den begränsade sida som vidarebefordrade dem till inloggningssidan från början.
Obs!
När du fyller i dialogrutan för server-beteendet Restrict Access To Page på dessa sidor, se till att du anger din inloggningssida i rutan If Access Denied, Go To.
Ange om du vill bevilja åtkomst till sidan baserat på
användarnamn och lösenord enbart, eller baserat på auktoriseringsnivå också,
och klicka på OK.
Ett server-beteende läggs till på inloggningssidan som säkerställer att användarnamnet och lösenordet som anges av en besökare är giltiga.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
