Login systeem – DDT
Een login systeem kan je gebruiken om bepaalde delen van je website te beveiligen zodat bezoekers deze enkel kunnen raadplegen nadat ze een correcte login en paswoord hebben ingegeven. Ook is het mogelijk om een ledensysteem te maken en zo met verschillende rechten te werken, bijvoorbeeld de rechten ‘lid’ en ‘admin’. Je kan dan instellen dat je als ‘admin’ toegang hebt tot de gehele website en als ‘lid’ enkel tot bepaalde pagina’s. Zo kan je bijvoorbeeld het admin gedeelte waar het onderhoud van de website eigenaar gebeurd afschermen van de leden of gewone bezoekers.
Tabel aanmaken
Om gebruik te kunnen maken van een dergelijk systeem ga je eerst de nodige tabellen aanmaken in je database. Open phpMyAdmin, open je database en je komt op volgend scherm uit :
Geef achter ‘Naam’ de naam van je tabel in, bv ‘login’. Achter ‘Number of fields’ het aantal velden die je nodig hebt in je tabel. Kies hier voor 6. Klik op ‘Start’ en je krijgt volgend scherm te zien :
In de eerste kolom ‘Veld’ vul je van boven tot onder de namen van de velden in die je nodig hebt. Bij ‘Type’, welke eigenschap deze meekrijgt en bij ‘Lengte/Waardes’ het aantal karakters in lengte. Gebruik de velden id, login, paswoord, voornaam, email en recht. Enkel bij id pas je de Type aan naar INT. De lengte van de velden mag je zelf bepalen, bij INT is het maximum 256. Dit wil zeggen 256 karakters lang, zoveel zal je niet nodig hebben. Nadat je deze allemaal hebt ingevuld moet het er zo uitzien :
Nu ga je nog aan het veld id een unieke sleutel toekennen en op auto_increment zetten. Scroll naar rechts en pas deze parameters aan. Zie volgende afbeelding :
Klik op ‘Opslaan’.
Auto_increment betekent dat er automatisch een oplopende nummer wordt aangewezen aan dit veld. Een goede tip is om dit altijd te doen bij je id.
Inlog systeem aanmaken
Nu de tabel aangemaakt is in de database gaan we terug naar Dreamweaver en maak je een pagina login.php aan, je kan dit ook invoegen op een bestaande php pagina door gewoon je cursor op de gewenste plaats te zetten..
Nu ga je een inlog formulier op je pagina plaatsen. Ga naar Application -> Server behaviors -> + teken -> Developer Tollbox -> User Login -> Login From Wizard. Zie volgende afbeelding :
Er wordt nu een wizard opgestart waar je alle waarden kan meegeven om je inlog formulier te bekomen.
Klik op ‘Change Login Settings’.
Options :
Options : Indien je de website wil beveiligen met meerdere rechten kies je voor Username, password and acces level.
Database :
Database : Stel hier al de parameters in van je database en tabel.
Connection : Selecteer hier je aangemaakte connectie.
Table : Selecteer hier je aangemaakte tabel in de database.
Username : Selecteer hier het veld in je tabel dat overeenkomt met de loginnaam.
Password : Selecteer hier het veld in je tabel dat overeenkomt met het paswoord.
E-mail : Selecteer hier het veld in je tabel dat overeenkomt met het e-mail adres.
Active : None.
Level : Selecteer hier het veld in je tabel dat overeenkomt met de rechten.
Random key : None.
User levels :
User levels : Hier maak je de levels( rechten niveaus) aan en geef je aan naar welke pagina’s de bezoeker gestuurd moet worden bij een bepaalde actie.
Login page : Browse naar je inlogpagina.
Default redirect on success : Browse naar de pagina welke je bezoeker te zien krijgt na het inloggen.
Default redirect on fail : Browse naar de pagina welke je bezoeker te zien krijgt indien hij inlogt met verkeerde gegevens.
User levels : Met + kan je de niveau’s aanmaken, met de – opnieuw verwijderen. Bij het selecteren van een aangemaakte level kan je onderaan browsen naar de pagina’s waarnaar de bezoeker met dit recht naartoe geleidt dient te worden na het inloggen of inloggen met verkeerde gegevens.
We klikken op OK en komen uit op volgend scherm waar je kan aangeven of je een ‘Remember me’ of ‘Forgot password page’ erbij wil hebben.
Remember me : Bij deze optie krijg je een keuzevakje bij je inlogformulier welke de bezoeker kan aanvinken zodat zijn inloggegevens onthouden worden op zijn pc.
Forgot password : Deze optie zet een link bij je inlog formulier om de gebruiker terug zijn paswoord te laten opvragen.
Klik op ‘Finish’ en dit inlog formulier komt tevoorschijn op je pagina :
De meldingen, Show info en Display error message erboven, verwijder je best. Deze zijn niet zo handig in gebruik.
Veldnamen en buttons kan je zonder problemen zelf vertalen naar het Nederlands.
Dit hoofdstuk is een onderdeel van ‘Een PHP website maken zonder code te schrijven’
:
Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.
Comments
[...] het hoofdstuk een ‘login systeem aanmaken’ kan je de pagina met dit formulier, om data toe te voegen, beveiligen met een paswoord. Op deze [...]
Hey,
als je begint met het aanmaken van een inlogsysteem moet ik naar server-behaviours en dan klikken op het plusje. Maar het plusje staat bij uitgeschakeld? Wat moet ik nu doen?
Heb je de Developer Toolbox extension geïnstalleerd? Heb je een connectie gemaakt met de database? Misschien kan je best alle hoofdstukken van de Dreamweaver Developer Toolbox eerst even doornemen. Hier staan ze allemaal : http://www.webtutorials.be/2007/12/10/een-php-website-maken-zonder-code-te-schrijven/
Hey,
Ik heb een vraagje, ik weet niet of het kan maar daar zou ik zo wel achterkomen.
Stel ik heb een website gemaakt voor iemand maar diegene wilt zelf zijn agenda aanpassen. Kan ik dat dan doen door een inlog systeem te maken zodat ze na het inloggen dat zelf kunnen doen?
Mvg,
Nicky
Haalo Nicky,
Ja idd… dat kan. Dat is de bedoeling van een inlog systeem.
Na ingave van naam en paswoord kan je instellen op welke pagina je terecht komt. Deze pagina is enkel beschikbaar na het inloggen. Je kan zelfs de pagina waar je terecht komt instellen per user.
Kan je hier verder mee?
Groetjes
Cicco
Hey Cicco,
Bedankt voor je reactie. Maar het is dus de bedoeling dat hij zelf zijn agenda kan aanpassen. Dit zijn 4 kolommen en nou is dus de bedoeling dat hij alleen deze kan aanpassen zonder dat de website uit zijn proportie raakt.
Misschien helpt het als je de website bezoekt. http://www.addietimmermans.nl/agenda.html
Hopelijk kan je hier wat mee.
Mvg,
Nicky
Nicky,
Je kan een admin gedeelte maken waar de eigenaar enkel de teksten kan wijzigen zonder daarmee enige opmaak te verknoeien.
Je maakt een admin pagina waarin hij deze teksten, die dan in een database zitten, kan aanpassen. De login moet je dan nog eens apart maken om af te schermen van de gewone bezoeker.
Wat moet je dan maken om dit te realiseren :
- 1 database.
- 1 pagina waar hij teksten kan ingeven.
- 1 pagina waar hij teksten kan updaten.
- 1 pagina waar hij teksten kan deleten.
- 1 pagina met een login systeem om bovenstaande pagina’s af te schermen van de gewone bezoeker.
Groetjes
Cicco
Alles wat je nodig hebt staat uitgelegd in verschillende tutorials op deze blog…
Moest je PHP opdrachten hebben voor klanten die je niet wil verliezen mag je me altijd om een offerte vragen.
Groetjes
Cicco
hallo, ik ben nog niet begonnen met het installeren van dit, ik wilde eerst even kijken in hoeverre ik de tutorials zou begrijpen. Het gaat aardig, maar ik heb al een website bijvoorbeeld van allemaal html pagina’s. Nu wil ik op 4 pagina’s graag een login maken voor clienten. Het is de bedoeling dat 1 klant dan bij een ‘mapje’ kan waar zijn/haar documenten in staan, zijn dat dan verschillende tabellen die je aanmaakt in de database? Zodat niet alle klanten bij elkaars documenten kunnen zeg maar?
En het moet zo zijn dat de klant een word document kan downloaden en weer uploaden met aanpassingen. (of pdf of iets anders, maar om een voorbeeld te noemen)
Kan je ipv een php pagina ook dit invoegen op een html pagina? Ok ik heb hier helemaal geen ervaring mee dat zul je begrijpen, maar wil het graag leren.
Alvast bedankt!
Hallo,
Je kan in de tabel een ‘recht’ meegeven, dit recht kan je ook toepassen op de pagina. Bijvoorbeeld, lid Jan kan enkel jan.php bezoeken met zijn inlog gegevens en niet paul.php.
Hiervoor kan je gebruik maken van de ‘user levels’ zoals in de tutorial hierboven is omschreven.
Best verander je de .html extensie naar .php extensie, ander werkt het niet.
Groetjes
Cicco
owww maar die html pagina is gebasseerd op een template maar werkt de css die eraan gekoppeld is en de connectie met de template ook nog? want ik hoef alleen maar inlognaam en password op die pagina erbij bv + inlogknop uiteraard. Waarna ze dus naar een php pagina worden verwezen zoals ik het nu begrijp.
Klinkt een erg interessant programma voor niet php-ers! 
De Dreamweaver Developer toolbox voegt php code toe in de pagina zelf… Je moet dus een PHP extensie hebben. Als je zelf programmeert kan je de code in een parte pagina zetten en de .html laten staan als het enkel om dat script gaat.
Wat je kan doen is de pagina gebaseerd op die template loskoppelen van de template, de extensie omzetten naar .php en dan diezelfde pagina terug opslaan als een template. Je zal zien dat de template nu een .dwt.php pagina is. Deze slaat zich op indezelfde map ‘Templates’ samen met de andere template.
De CSS zal blijven werken… Kan idd zeer interessant zijn voor degene die niet kunnen programmeren 
Groetjes
Cicco
Oke thanks ! Maar even kort nog dus, als ik die template loskoppel en er een nieuwe van maak, dan verandert deze niet meer mee als ik de originele template verander. Is het dan handig om al mijn andere pagina’s aan de php template aan te passen?? daar hoeft die inloggebeuren niet in dus dat kunnen op zich html paginas blijven.
Of werkt het sneller als ik de nieuwe template (phppagina dus) handmatig aanpas?
In ieder geval al bedankt voor het ophelderen!
Als je er een nieuwe template van maak dan voert deze de aanpassingen uit op de pagina’s die zijn gebaseerd op deze nieuwe template. Bijvoorbeeld :
Op ‘Template 1′ zijn 5 pagina’s gebaseerd.
Op ‘Template 2′ zijn 3 pagina’s gebaseerd.
Een aanpassing op ‘Template 1′ wordt doorgevoerd op de 5 pagina’s die daarop zijn gebaseerd maar niet op de andere 3 pagina’s, van ‘Template 2′. Om de andere 3 pagina’s te updaten moet je dan ‘Template 2′ aanpassen.
Dezelfde regel telt ook andersom uiteraard
Mijn ervaring is dat je toekomst gericht beter met templates werkt… Op gebied van onderhoud en aanpassingen is dit een echt vordeel.
Groetjes
Cicco
hey
zalige site!!!
maar hoe kan ik nu checke of mij inlog systeem werkt?
moet ik daarvoor eerst mijn site online zetten of gaat het ook zo via wamp??
tnx
Hoi,
Het lukt me om een registratie formulier met activatie te maken met de developer tool box, ik wil echter dat zodra iemand zich heeft aangemeld ik een e-mail ontvang van deze inschrijving, activatie hoeft nog niet te zijn afgerond. Is dit mogelijk en zo ja zou iemand mij hier verder mee kunnen helpen.
Mijn dank is groot !
Bedankt voor je reactie Cicco,
Ik had deze tutorial al gelezen en kan de combinatie met mijn vraag niet zien 
Na inschrijving moet de ingeschrevene zijn account activeren, in de toolbox kan je door het invullen van een registratieformulier dit automatisch laten doen. Ik zoek dus een combinatie van beide.
Als je me kan en wil helpen dan zou ik dit zeer waarderen, ik kom er helaas niet uit
Groet
Michel
Sorry, Reacties plaatsen is nu niet mogelijk
[...] Login systeem – DDT [...]