Dans ce cours en ligne, je vous propose de mettre en place un formulaire d'identification qui permettra à un utilisateur d'accéder à une zone réservée de votre site.
Pour entrer, l'utilisateur devra saisir son identifiant et son mot de passe.
Ce dernier aura également la possibilité de cocher une checkbox afin que le formulaire d'accès affiche son Login lors de sa prochaine visite.
Nous allons partir de la page blanche afin de déplier ce projet pratique, ensemble.
Pour cela, nous allons utiliser les langages HTML, CSS, PHP et SQL.
- Grâce aux langages HTML et CSS, nous allons construire et mettre en forme toutes les pages web responsives de notre projet, à commencer par le formulaire d'accès.
- Ensuite, nous mettrons en place une base de données afin d'y stocker le couple Login / Password de l'utilisateur.
- Il nous faudra protéger la zone admin par des sessions en PHP.
- et il nous faudra mettre en place un cookie qui viendra afficher le Login de l'utilisateur si celui-ci en a fait la demande.
Remarque : j'ai choisi de développer en PHP procédural, afin d'éviter la lourdeur de la POO, qui pour ce projet n'est pas justifiée.
Pour approfondir les notions abordées dans cet atelier, d'un cours dédié aux sessions et cookies en PHP.
Table des matières de cette formation Php, CSS (durée : 2h12s)
-
Créer la structure du projet
- Créer le formulaire HTML 00:09:42
- Mise en forme générale 00:08:21
- Mise en forme des champs du formulaire 00:11:49
- Mise en forme de la case à cocher 00:09:38
- Mise en forme du bouton du formulaire 00:04:11
- Mise en forme de la section after 00:06:31
- Mise en forme de la section before 00:03:45
- Création des autres pages du projet 00:08:43
-
Créer la session de la visite
- Créer la base de données 00:02:12
- Mise en place de la classe PDO de Php 00:04:01
- On teste si le formulaire est rempli 00:09:45
- Mise en place d'une requête SQL 00:07:54
- Mise en place des sessions 00:07:44
-
Créer la mémoire du formulaire
- Création d'un cookie 00:06:45
- On coche la checkbox si il existe le cookie généré 00:06:08
- On décoche la checkbox si il n'existe pas de cookie 00:04:01
- On affiche le login dans le champ USER 00:07:12
-
Conclusion
- Conclusion 00:01:50
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Tuto intéressant si on a un espace admin sur notre site. Vous avez bien décortiqué les explications et lentement pour que ça entre mieux dans nos neurones. J'ai des points obscurs, mais j'ai terminé le cours sans erreurs. Pas évident quand même.
-
Juste un grand merci à vous pour la qualité de votre travail!
-
Parfait: rafraichissement bienvenu sur les cookies!
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de ce tuto.
note moyenne
avis laissés