In dit onderwerp leren we hoe u een PHP MySQL-inlogsysteem kunt maken met behulp van de PHP- en MySQL-database. Er zijn enkele stappen gegeven voor het maken van een inlogsysteem met de MySQL-database.

Voordat we eerst het inlogsysteem maken, moeten we weten wat de vereisten zijn om de inlogmodule te maken.

Vereisten

• Voor het maken van het inlogsysteem moeten we kennis hebben van HTML, CSS, PHP en MySQL.
• Teksteditor - Voor het schrijven van de code. We kunnen elke teksteditor gebruiken, zoals Notepad, Notepad++, Dreamweaver, enz.
• XAMPP - XAMPP is platformonafhankelijke software, wat staat voor Cross-platform(X) Apache-server (A), MySQL (M), PHP (P), Perl (P). XAMPP is een compleet softwarepakket, dus we hoeven deze niet allemaal afzonderlijk te installeren.

Omgeving instellen

Nu moeten we de webserver starten en de bestanden voor het inlogsysteem maken. Hieronder worden enkele stappen gegeven om de omgeving in te stellen.

• Open het XAMPP-configuratiescherm.
• Start de Apache-server door op de Start-knop te klikken.
• Start MySQL door op de Start-knop te klikken.
• Maak alle bestanden die nodig zijn om in te loggen.
• Maak een inlogtabel in de database met behulp van phpMyAdmin in XAMPP.

Nu gaan we hier vier bestanden maken voor het inlogsysteem.

index.html -Dit bestand is gemaakt voor de GUI-weergave van de inlogpagina en lege veldvalidatie.stijl.css -Dit bestand is gemaakt voor de aantrekkelijke weergave van het inlogformulier.verbinding.php -Verbindingsbestand bevat de verbindingscode voor databaseconnectiviteit.authenticatie.php -Dit bestand valideert de formuliergegevens met de database die door de gebruiker is ingediend.

Sla al deze bestanden op in de map htdocs in de Xampp-installatiemap. De gedetailleerde beschrijving en code voor deze bestanden worden hieronder besproken.

index.html

Eerst moeten we het inlogformulier ontwerpen zodat de websitegebruiker ermee kan communiceren. Dit inlogformulier is gemaakt met behulp van html en bevat ook de lege veldvalidatie, die is geschreven in JavaScript. De code voor het index.html-bestand vindt u hieronder:

 PHP login system // insert style.css file inside index.html '; } ?> 

Hoe voer ik het inlogformulier uit?

• Om het inlogformulier uit te voeren, opent u het xampp-configuratiescherm en voert u de apache-server en PHP uit.
• Typ nu localhost/xampp/mapnaam/bestandsnaam in de browser en druk op Enter.
• Alle instellingen zijn nu voltooid. Voer de gebruikersnaam en het wachtwoord in het inlogformulier in en klik op de knop Inloggen.

• Hier hebben we een onjuiste gebruikersnaam ingevoerd, zodat de gebruiker niet kan inloggen en de foutmelding Inloggen mislukt wordt weergegeven.

Uitgang:

• Nu zullen we de juiste waarde opgeven in de gebruikersnaam en het wachtwoord. De gebruiker is dus succesvol ingelogd. Zie het onderstaande voorbeeld.

Uitvoer