TechCodeview

En aquest tema, aprendrem a crear un sistema d'inici de sessió PHP MySQL amb l'ajuda de la base de dades PHP i MySQL. Es donen alguns passos per crear un sistema d'inici de sessió amb la base de dades MySQL.

Abans de crear primer el sistema d'inici de sessió, hem de conèixer els requisits previs per crear el mòdul d'inici de sessió.

Requisits

• Hem de tenir coneixements d'HTML, CSS, PHP i MySQL per crear el sistema d'inici de sessió.
• Editor de text: per escriure el codi. Podem utilitzar qualsevol editor de text com el Bloc de notes, Bloc de notes ++, Dreamweaver, etc.
• XAMPP - XAMPP és un programari multiplataforma, que significa Cross-platform(X) Apache server (A), MySQL (M), PHP (P), Perl (P). XAMPP és un paquet de programari complet, per tant, no cal que instal·lem tots aquests per separat.

Configuració de l'entorn

Ara, hem d'iniciar el servidor web i crear els fitxers per al sistema d'inici de sessió. A continuació es donen alguns passos per configurar l'entorn.

• Obriu el tauler de control XAMPP.
• Inicieu el servidor Apache fent clic al botó Inici.
• Inicieu el MySQL fent clic al botó Inici.
• Creeu tots els fitxers necessaris per iniciar sessió.
• Creeu una taula d'inici de sessió a la base de dades mitjançant phpMyAdmin a XAMPP.

Ara, crearem quatre fitxers aquí per al sistema d'inici de sessió.

index.html -Aquest fitxer es crea per a la visualització GUI de la pàgina d'inici de sessió i la validació del camp buit.style.css -Aquest fitxer es crea per a la vista atractiva del formulari d'inici de sessió.connection.php -El fitxer de connexió conté el codi de connexió per a la connectivitat de la base de dades.authentication.php -Aquest fitxer valida les dades del formulari amb la base de dades que envia l'usuari.

Deseu tots aquests fitxers a la carpeta htdocs dins de la carpeta d'instal·lació de Xampp. La descripció detallada i el codi d'aquests fitxers es discuteixen a continuació.

index.html

En primer lloc, hem de dissenyar el formulari d'inici de sessió perquè l'usuari del lloc web pugui interactuar amb ell. Aquest formulari d'inici de sessió es crea amb html i també conté la validació del camp buit, que està escrit en JavaScript. El codi del fitxer index.html es mostra a continuació:

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

Com executar el formulari d'inici de sessió?

• Per executar el formulari d'inici de sessió, obriu el tauler de control xampp i executeu el servidor apache i PHP.
• Ara, escriviu localhost/xampp/nom de la carpeta/nom del fitxer al navegador i premeu la tecla Enter.
• Tota la configuració està feta ara. Introduïu el nom d'usuari i la contrasenya al formulari d'inici de sessió i feu clic al botó d'inici de sessió.

• Aquí hem inserit un nom d'usuari incorrecte, de manera que l'usuari no pot iniciar sessió i donarà un error d'inici de sessió.

Sortida:

• Ara, proporcionarem el valor correcte en el nom d'usuari i la contrasenya. Per tant, l'usuari s'iniciarà correctament. Vegeu l'exemple següent.

Sortida