Dans cette rubrique, nous apprendrons comment créer un système de connexion PHP MySQL à l'aide de la base de données PHP et MySQL. Quelques étapes sont indiquées pour créer un système de connexion avec la base de données MySQL.

Avant de créer le système de connexion, nous devons d’abord connaître les prérequis pour créer le module de connexion.

Exigences

• Nous devons avoir des connaissances en HTML, CSS, PHP et MySQL pour créer le système de connexion.
• Éditeur de texte - Pour écrire le code. Nous pouvons utiliser n'importe quel éditeur de texte tel que Notepad, Notepad++, Dreamweaver, etc.
• XAMPP - XAMPP est un logiciel multiplateforme, qui signifie Cross-platform(X) Apache server (A), MySQL (M), PHP (P), Perl (P). XAMPP est un progiciel complet, nous n'avons donc pas besoin de tous les installer séparément.

Configuration de l'environnement

Maintenant, nous devons démarrer le serveur Web et créer les fichiers pour le système de connexion. Quelques étapes sont indiquées ci-dessous pour configurer l’environnement.

• Ouvrez le panneau de configuration XAMPP.
• Démarrez le serveur Apache en cliquant sur le bouton Démarrer.
• Démarrez MySQL en cliquant sur le bouton Démarrer.
• Créez tous les fichiers nécessaires à la connexion.
• Créez une table de connexion dans la base de données en utilisant phpMyAdmin dans XAMPP.

Maintenant, nous allons créer ici quatre fichiers pour le système de connexion.

index.html -Ce fichier est créé pour la vue GUI de la page de connexion et la validation des champs vides.style.css -Ce fichier est créé pour la vue attrayante du formulaire de connexion.connexion.php -Le fichier de connexion contient le code de connexion pour la connectivité à la base de données.authentification.php -Ce fichier valide les données du formulaire avec la base de données soumise par l'utilisateur.

Enregistrez tous ces fichiers dans le dossier htdocs du dossier d'installation de Xampp. La description détaillée et le code de ces fichiers sont discutés ci-dessous.

index.html

Tout d’abord, nous devons concevoir le formulaire de connexion permettant à l’utilisateur du site Web d’interagir avec lui. Ce formulaire de connexion est créé en HTML et contient également le champ de validation vide, qui est écrit en JavaScript. Le code du fichier index.html est donné ci-dessous :

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

Comment exécuter le formulaire de connexion ?

• Pour exécuter le formulaire de connexion, ouvrez le panneau de configuration xampp et exécutez le serveur Apache et PHP.
• Maintenant, tapez localhost/xampp/folder name/file name dans le navigateur et appuyez sur la touche Entrée.
• Toute la configuration est terminée maintenant. Entrez le nom d'utilisateur et le mot de passe dans le formulaire de connexion et cliquez sur le bouton de connexion.

• Ici, nous avons inséré un nom d'utilisateur incorrect, de sorte que l'utilisateur ne peut pas se connecter et cela donnera l'erreur d'échec de connexion.

Sortir:

• Maintenant, nous allons fournir la valeur correcte du nom d'utilisateur et du mot de passe. Ainsi, l'utilisateur sera connecté avec succès. Voir dans l'exemple ci-dessous.

Sortir