Certaines personnes ayant appris le html, et l'ayant utiliser pour creer un petit site web statique veulent peut etre le personnaliser en permettant aux visiteurs de s'inscrire sur leurs site et de se connecter.
Pour cela, ils auront besoin de php. Si vous avez du mal a comprendre le php ou du mal a realiser des script d'inscription et de connexion, ce tutoriel vous guidera (n'hésitez pas a poser des questions) par la suite.
Il vous faudra d'abord creer un cahier des charges. C'est a dire qu'est ce qu'on veut faire? quel nombre de page va t'on realiser, etc.
ici nous voulons creer des script où le visiteur pourra s'inscrire, il nous faudra donc:
creer une base de donnée ainsi qu'une table INSCRIT avec trois champs (id, login, mdp).
une page avec un formulaire d'inscription (par exemple: form_inscri.html) : où le visiteur tapera les données pour l'inscription.
une page php pour l'inscription (par exemple: inscription.php) : qui enregistrera les informations dans la base de donnée.
une page avec un formulaire de connexion (par exemple: form_connex.html): où le visiteur tapera son login et son mdp
une page php pour la connexion (par exemple: inscription.php): qui verifiera si les informations donnée sont bien celle sont dans la base de donnée (celle qui ont été enregistré lors de l'inscription quoi).
c'est tout.
Nous allons commencer par l'inscription, et donc par le formulaire d'inscription en html:
<html>
<head><title>formulaire d'inscription</title>
</head>
<body>
<h3>formulaire d'inscription</h3>
// titre en gros
veuillez vous inscrire:
<form method = "POST" action ="inscription.php">
// POST est la methode par laquelle on va envoyer les valeurs
(ici par le formulaire, et inscription.php le script où on va envoyer les valeurs saisies
login: <input type="text" value = "" name ="pseudo">
// pseudo est le nom du formulaire pour le login, on s'en reservira pour recuperer la valeur dans le script php
mdp: <input type="password" value = "" name ="mdp">
//le type password sert a cacher le mdp lors de la saisie
<input type="submit" value="envoyer" name ="envoyer">
</form>
ca y'est ! notre formulaire d'inscription est creer, vous pouvez en faire une copie pour le formulaire de connexion car ce sera la meme chose (il faudra juste changer la phrase, le titre, etc..)
Nous allons pouvoir creer notre script d'inscription en php.
<?php // balise qui indique le début de langage php
if(isset($_POST['pseudo']) and isset($_POST['mdp']){
// si les variables $_POST['pseudo'] et $_POST['mdp']
(qui contiennent les valeurs qu'on a saisie dans le formulaire) existent
if(!empty($_POST['pseudo']) and !empty($_POST['mdp']){
// si les variables $_POST['pseudo'] et $_POST['mdp'] ne sont pas vide
$login = $_POST['pseudo'];
$mdp = $_POST['mdp'];
//alors on stock les $_POST['pseudo'] et $_POST['mdp'] dans deux variables
//puis on se connecte a la base de donnée
mysql_connect('localhost','root','');
//local host represente le serveur où est la bdd (ici on est en local),
root represente l'identifiant, et je n'ai pas de mdp car il n'y en a pas besoin en local
mysql_select_db("test");
// je selectionne la bdd où j'ai creer ma table
$requete = "insert into INSCRIT values('', '$login','$mdp');
// je cree ma requete sql qui a pour but d'inserer les données dans la table INSCRIT
mysql_query($requete);
// j'execute ma requete
echo "vous vous êtes bien inscrits :blush: ";
// j'affiche un message quelconque
}
ELSE{
echo "vous avez oublier de saisir une information";
// j'affiche un message d'erreur et j'inclus mon formulaire pour que le visiteur refasse l'inscription
include('form_inscri.html');
// la fonction include sert a inclure une page exterieur
}
Voila votre script d'inscription est fait vos utilisateur pourront maintenant s'inscrire. Les phrases après les // sont des commentaires pour vous expliquer. J'en ai mis beaucoup pour que vous compreniez bien certaines choses.
Je vous expliquerais comment creer le script de connexion au prochain post (psk la ca commence a etre charger ). N'hésitez pas a poser des questions, proposer des améliorations ou me dire si j'ai fait une erreur.