Vous êtes ici :
Accueil Tutoriel Développement web Créer un espace membre pour son site web

Créer un espace membre pour son site web

Un espace membre permet à vos visiteurs d'avoir leur espace sur le site qui leurs permettra d'avoir certaines fonctionnalités

dans ce tutoriel, je vais vous montrer comment faire un espace membre en php.
L'espace membre que nous allons faire sera constitué des pages suivantes:

  • Inscription
  • Connexion
  • deconnexion
  • Accueil
  • Modification du profil
  • Liste des membres
  • Profil d'un membre

Pour bien comprendre le fonctionne du système, il suffit de lire les commentaires dans le code.

Commençons par la base de données, nous allons créer la base de données espace_membre et une table users dont voici les requêtes :

CREATE DATABASE IF NOT EXISTS `espace_membre`;
USE `espace_membre`;


CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `pseudo` varchar(50) NOT NULL,
 `password` varchar(255) NOT NULL,
 `nom` varchar(255) NOT NULL,
 `prenom` varchar(255) NOT NULL,
 `sexe` varchar(255) NOT NULL,
 PRIMARY KEY (`id`)
) ENGINE=InnoDB;

 

Il suffit de copier coller ce code dans l'interface phpmyadmin pour pouvoir créer la base de données et la table.

Passons au codage. Commencez par créer un dossier espace_membre à la racine de votre site si vous avez wamp voici le chemin  C:\wamp\www\espace_membre pour les autres à vous de chercher ou se trouve le dossier racine.

Dans le dossier espace_membre créez le fichier : config.php

<?php
 //on démarre la session
 session_start();
 
 //information de connexion à la base de données
 $host = "localhost"; //adresse du serveur MySQL;
 $user = "root"; //nom d'utilisateur
 $password = ""; //mot de passe
 $database = "espace_membre"; //nom de la base de données
	
 //connexion au serveur MySQL
 $cnx = mysql_connect($host, $user, $password) or die('Erreur de connexion ');
	
 //selection de la base de données
 mysql_select_db($database, $cnx) or die('Erreur de selection de la base de données');
?>

Tout d'abord l'interface de notre application sera entièrement en bootstrap

Citation wikipedia : « Bootstrap est une collection d'outils utile à la création de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. C'est l'un des projets les plus populaires sur la plate-forme de gestion de développement »

Télécharger la bibliothèque depuis github à l'adresse suivante https://github.com/twbs/bootstrap/archive/master.zip  dont la version à l'heure où j'ecris ce tutoriel est 3.3.6 une fois téléchargé extraire l'archive dans un dossier de votre choix. Maintenant dans notre dossier espace_membre créer un dossier bootstrap copiez tous les contenus du dossier dist et le mettre dans le dossier bootstrap créé, copiez le fichier jquery.min.js qui se trouve dans le dossier docs/assets/js/vendor de l'archive et le mettre dans le dossier espace_membre/bootstrap/js , dans le dossier espace_membre/bootstrap/css créez un fichier style.css et copiez collez le code suivant :

.alert{
 text-align : center;
 width : 60%;
 margin : 1% auto;
}

 

  A la fin vous devez avoir une arborescence comme ci-dessous

espace_membre/bootstrap/fonts

espace_membre/bootstrap/css

espace_membre/bootstrap/js

Inscription d'un membre : fichier inscription.php

créez le fichier inscription.php dans votre dossier espace_membre

voici le contenu du fichier :

<?php
	//inclusion de fichier de configuration
	include('config.php');
	
?>
<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Espace membre</title>

 <!-- CSS de Bootstrap -->
 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <!-- Notre style CSS -->
 <link href="bootstrap/css/style.css" rel="stylesheet">
	
 </head>
 <body>
	<div class = "container">
 <br />
 <?php
 //on verifie si le formulaire a été envoyé
 if(isset($_POST['submit'])){
 //la variable erreur vaut null par défaut
 $erreur = null;
 //on convertit chaque champ en variable avec la fonction extract()
 extract($_POST);
 
 //on verifie les champs vides
 if(empty($pseudo) || empty($password) || empty($confirm_password) || empty($nom) || empty($prenom)){
 $erreur = '<p class = "alert alert-danger">Veuillez remplir tous les champs</p>';
 }
 //si le mot de passe est égal à la confirmation
 else if($password != $confirm_password){
 $erreur = '<p class = "alert alert-danger">Les deux mots de passe sont différents</p>';
 }
 //on verifie si le pseudo existe déja
 $sql = mysql_query("SELECT id FROM users WHERE pseudo = '$pseudo'") or die('Erreur de la requête SQL');
 $total = mysql_num_rows($sql);
 if($total != 0){
 //ce membre existe déja
 $erreur = '<p class = "alert alert-danger">Ce pseudo existe déjà veuillez choisir un autre pseudo</p>';
 }
 
 
 if($erreur == null){
 //tout est OK on enregistre l'utilisateur
 //on crypte le mot de passe 
 $password = md5($password);
 $sql = mysql_query("INSERT INTO users(pseudo, nom, prenom, sexe, password) VALUES('$pseudo', '$nom', '$prenom', '$sexe', '$password')") or die('Erreur de la requête SQL');
 if($sql){
 echo '<p class = "alert alert-success">Votre compte a été créé avec succès</p>';
 }
 else{
 $erreur = '<p class = "alert alert-danger">Une erreur est survenue lors de la création de votre compte</p>';
 }
 }
 
 }
 
 //on affiche le formulaire
 //s'il ya des erreurs alors on les affiche
 if(isset($erreur)){
 echo $erreur;
 }
 ?>
 <div class "row">
 <div class = "col-lg-offset-4 col-lg-4 col-lg-offset-4">
 <form action = "inscription.php" method = "post" class = "well">
 <h4 class = "head">Créer votre compte gratuitement</h4>
 <div class = "form-group">
 <label for = "pseudo">Pseudo : </label>
 <input type = "text" name = "pseudo" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "password">Mot de passe : </label>
 <input type = "password" name = "password" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "confirm_password">Confirmation de mot de passe : </label>
 <input type = "password" name = "confirm_password" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "nom">Nom : </label>
 <input type = "text" name = "nom" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "prenom">Prénom : </label>
 <input type = "text" name = "prenom" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "sexe">Sexe : &nbsp; </label>
 <input type = "radio" name = "sexe" value = "masculin" checked class = "radio-inline"> Masculin <input type = "radio" name = "sexe" value = "feminin" class = "radio-inline"> Féminin
 </div>
 <div class = "form-group">
 <input type = "submit" name = "submit" value = "Valider" class = "btn btn-sm btn-primary btn-block">
 </div>
 </form>
 </div>
 </div>
 
	</div>
	<!-- Bibliothèque JavaScript jquery -->
 <script src="bootstrap/js/jquery.min.js"></script>
 
	<!-- JavaScript de Bootstrap -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
 </body>
</html>

Quelques explications

  • la fonction include() permet d'inclure le contenu d'un autre fichier dans la page actuelle
  • la fonction isset()  permet de verifier si une variable existe
  • la fonction extract()  cette fonction crée les variables dont les noms sont les index du tableau passé en argument, et leur affecte la valeur associée

par exemple :

<?php
 $tab = array(
 'nom' => 'foo',
 'prenom' => 'bar'
 );
 extract($tab);
 echo $nom; //affiche foo
 echo $prenom; //affiche bar
?>

la plupart des classes css utilisées sont propres à bootstrap telles que : alert, col-lg-*, btn, btn-primary; si vous n'avez pas de notion sur bootstrap recherchez sur google.

Connexion d'un membre : fichier connexion.php

créez le fichier connexion.php dans votre dossier espace_membre

<?php
	//inclusion de fichier de configuration
	include('config.php');
	
	//on verifie si le formulaire a été envoyé
	if(isset($_POST['submit'])){
 //la variable erreur vaut null par défaut
 $erreur = null;
 //on convertit chaque champ en variable avec la fonction extract()
 extract($_POST);
 
 //on verifie les champs vides
 if(empty($pseudo) || empty($password)){
 $erreur = '<p class = "alert alert-danger">Veuillez remplir tous les champs</p>';
 }
 
 //on verifie si le pseudo existe déja
 $sql = mysql_query("SELECT * FROM users WHERE pseudo = '$pseudo'") or die('Erreur de la requête SQL');
 $total = mysql_num_rows($sql);
 if($total != 1){
 //ce membre n'existe pas
 $erreur = '<p class = "alert alert-danger">Ce pseudo n\'existe pas dans notre base de données</p>';
 }
 else{
 /*
 on verifie si le mot de passe est correct
 tout d'abord pour comparer le mot de passe avec celui dans la table 
 il faut le crypter avant en utilisant la fonction md5() 
 */
 $password = md5($password);
 //recuperation des données dans la table de l'utilisateur
 $resultat = mysql_fetch_array($sql);
 
 if($resultat['password'] != $password){
 //le mot de passe est incorrect
 $erreur = '<p class = "alert alert-danger">Votre mot de passe est incorrect</p>';
 }
 else{
 //tout est bon on enregistre les données de l'utilisateur en session
 $_SESSION['pseudo'] = $pseudo;
 $_SESSION['id'] = $resultat['id'];
 //on le redirige sur la page d'accueil
 header('location:index.php');
 }
 
 } 
	}
?>
<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Espace membre</title>

 <!-- CSS de Bootstrap -->
 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <!-- Notre style CSS -->
 <link href="bootstrap/css/style.css" rel="stylesheet">
	
 </head>
 <body>
	<div class = "container">
 <br />
 <?php
 
 //on affiche le formulaire
 //s'il ya des erreurs alors on les affiche
 if(isset($erreur)){
 echo $erreur;
 }
 ?>
 <div class "row">
 <div class = "col-lg-offset-4 col-lg-4 col-lg-offset-4">
 <form action = "connexion.php" method = "post" class = "well">
 <h4 class = "head">Connexion à votre compte</h4>
 <div class = "form-group">
 <label for = "pseudo">Pseudo : </label>
 <input type = "text" name = "pseudo" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "password">Mot de passe : </label>
 <input type = "password" name = "password" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <input type = "submit" name = "submit" value = "Valider" class = "btn btn-sm btn-primary btn-block">
 </div>
 </form>
 </div>
 </div>
 
	</div>
	<!-- Bibliothèque JavaScript jquery -->
 <script src="bootstrap/js/jquery.min.js"></script>
 
	<!-- JavaScript de Bootstrap -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
 </body>
</html>
voilà un membre peut se connecter à son compte maintenant

Page d'accueil du membre connecté : fichier index.php

créez le fichier index.php toujours dans votre dossier espace_membre dont voici les codes sources

<?php
	//inclusion de fichier de configuration
	include('config.php');
?>
<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Espace membre</title>

 <!-- CSS de Bootstrap -->
 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <!-- Notre style CSS -->
 <link href="bootstrap/css/style.css" rel="stylesheet">
 
 </head>
 <body>
 <div class = "container">
 <br />
 <div class "row">
 <div class = "col-lg-offset-3 col-lg-6 col-lg-offset-3 well">
 <h2>Mon espace membre</h2>
 <?php
 /*
 on verifie si l'utilisateur est connecté 
 si oui on affiche ses informations
 dans le cas contraire on lui demande de se connecter ou s'inscrire
 Pour verifier s'il est connecté	il suffit de tester
 les variables $_SESSION['id'] et $_SESSION['pseudo']
 existent
 */
 if(!isset($_SESSION['id']) || !isset($_SESSION['pseudo'])){
 //l'utilisateur n'est pas connecté
 echo '<p>Vous n\'êtes pas encore connecté
 <a class = "btn btn-sm btn-primary" href = "connexion.php"><i class = "glyphicon glyphicon-off"></i> Connexion</a> ou
 <a class = "btn btn-sm btn-success" href = "inscription.php"><i class = "glyphicon glyphicon-user"></i> Créer votre compte</a>
 </p>';
 }
 else{
 // il est connecté on recupere ses infos
 $id = $_SESSION['id'];
 $sql = mysql_query("SELECT * FROM users WHERE id = '$id'") or die('Erreur de la requête SQL');
 //les donnees sous forme de tableau
 $donnees = mysql_fetch_array($sql);
 ?>
 
 
 <p>Bienvenue dans votre compte <b><?php echo $donnees['pseudo'];?></b> voici vos informations</p>
 <p>Pseudo : <b><?php echo $donnees['pseudo'];?></b></p>
 <p>Nom : <b><?php echo $donnees['nom'];?></b></p>
 <p>Prénom : <b><?php echo $donnees['prenom'];?></b></p>
 <p>Sexe : <b><?php echo $donnees['sexe'];?></b></p>
 <p>
 <a class = "btn btn-sm btn-primary" href = "membres.php"><i class = "glyphicon glyphicon-th-list"></i> Liste des membres</a>
 <a class = "btn btn-sm btn-success" href = "modifier.php"><i class = "glyphicon glyphicon-edit"></i> Modifier votre profil</a>
 <a class = "btn btn-sm btn-info" href = "deconnexion.php"><i class = "glyphicon glyphicon-off"></i> Déconnexion</a>
 </p>
 <?php
 }
 ?>
 </div>
 </div>
 </div>
 <!-- Bibliothèque JavaScript jquery -->
 <script src="bootstrap/js/jquery.min.js"></script>
 
 <!-- JavaScript de Bootstrap -->
 <script src="bootstrap/js/bootstrap.min.js"></script>
 </body>
 </html>
Maintenant un membre peut voir ses informations passons maintenant à la modification de son compte

Modification d'un membre : fichier modifier.php

créez le fichier modifier.php dans le dossier espace_membre

<?php
	//inclusion de fichier de configuration
	include('config.php');
 /*
 on verifie si l'utilisateur est connecté 
 */
 if(!isset($_SESSION['id']) || !isset($_SESSION['pseudo'])){
 //l'utilisateur n'est pas connecté on le redirige sur la page de connexion
 header('location:connexion.php');
 }
 else{
 //il est connecté on recupere ses infos
 $id = $_SESSION['id'];
 $sql = mysql_query("SELECT * FROM users WHERE id = '$id'") or die('Erreur de la requête SQL');
 //les donnees sous forme de tableau
 $donnees = mysql_fetch_array($sql);
 ?>
	<!DOCTYPE html>
	<html>
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Espace membre</title>

 <!-- CSS de Bootstrap -->
 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <!-- Notre style CSS -->
 <link href="bootstrap/css/style.css" rel="stylesheet">
 
 </head>
 <body>
 <div class = "container">
 <br />
 <?php
 //on verifie si le formulaire a été envoyé
 if(isset($_POST['submit'])){
 //la variable erreur vaut null par défaut
 $erreur = null;
 //on convertit chaque champ en variable avec la fonction extract()
 extract($_POST);
 
 //on verifie les champs vides
 if(empty($pseudo) || empty($nom) || empty($prenom)){
 $erreur = '<p class = "alert alert-danger">Veuillez remplir tous les champs</p>';
 }
 
 //on verifie si le pseudo existe déja
 $sql = mysql_query("SELECT * FROM users WHERE pseudo = '$pseudo' AND id != '".$donnees['id']."'") or die('Erreur de la requête SQL');
 $total = mysql_num_rows($sql);
 if($total != 0){
 //ce membre existe déja
 $erreur = '<p class = "alert alert-danger">Ce pseudo existe déjà veuillez choisir un autre pseudo</p>';
 }
 
 
 if($erreur == null){
 //tout est OK on fait la mise à jours de l'utilisateur
 /* si le mot de passe est saisi on change dans le cas contraire
 on garde l'ancien mot de passe 
 */ 
 
 if(empty($password)){
 $password = $donnees['password'];
 }
 else{
 //on crypte le mot de passe 
 $password = md5($password);
 }
 $sql = mysql_query("UPDATE users SET pseudo = '$pseudo', nom = '$nom', prenom = '$prenom', sexe = '$sexe', password = '$password' WHERE id = '".$_SESSION['id']."'") or die('Erreur de la requête SQL');
 if($sql){
 //on le redirige sur la page d'accueil
 header('location:index.php');
 }
 else{
 $erreur = '<p class = "alert alert-danger">Une erreur est survenue lors de la mise à jours de votre compte</p>';
 }
 }
 
 }
 
 //on affiche le formulaire
 //s'il ya des erreurs alors on les affiche
 if(isset($erreur)){
 echo $erreur;
 }
 ?>
 <div class "row">
 <div class = "col-lg-offset-4 col-lg-4 col-lg-offset-4">
 <form action = "modifier.php" method = "post" class = "well">
 <h4 class = "head">Modification de votre compte</h4>
 <div class = "form-group">
 <label for = "pseudo">Pseudo : </label>
 <input type = "text" name = "pseudo" value = "<?php echo $donnees['pseudo'];?>" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "password">Nouveau mot de passe : (laisser à vide pour garder l'ancien)</label>
 <input type = "password" name = "password" value = "" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "nom">Nom : </label>
 <input type = "text" name = "nom" value = "<?php echo $donnees['nom'];?>" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "prenom">Prénom : </label>
 <input type = "text" name = "prenom" value = "<?php echo $donnees['prenom'];?>" class = "form-control input-sm">
 </div>
 <div class = "form-group">
 <label for = "sexe">Sexe : &nbsp; </label>
 <input type = "radio" name = "sexe" value = "masculin" <?php echo ($donnees['sexe'] == 'masculin')?'checked':'';?> class = "radio-inline"> Masculin <input type = "radio" name = "sexe" value = "feminin" <?php echo ($donnees['sexe'] == 'feminin')?'checked':'';?> class = "radio-inline"> Féminin
 </div>
 <div class = "form-group">
 <input type = "submit" name = "submit" value = "Valider" class = "btn btn-sm btn-primary btn-block">
 </div>
 </form>
 </div>
 </div>
 <?php	
 }
 ?> 
 </div>
	<!-- Bibliothèque JavaScript jquery -->
 <script src="bootstrap/js/jquery.min.js"></script>
 
	<!-- JavaScript de Bootstrap -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
 </body>
</html>

 Notre tutoriel tend doucement vers la fin

Liste de tous les membres : fichier membres.php

créez le fichier membres.php dans le dossier espace_membre

<?php
	//inclusion de fichier de configuration
	include('config.php');
	/*
 on verifie si l'utilisateur est connecté 
	*/
	if(!isset($_SESSION['id']) || !isset($_SESSION['pseudo'])){
 //l'utilisateur n'est pas connecté on le redirige sur la page de connexion
 header('location:connexion.php');
	}
?>
<!DOCTYPE html>
	<html>
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Espace membre</title>

 <!-- CSS de Bootstrap -->
 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <!-- Notre style CSS -->
 <link href="bootstrap/css/style.css" rel="stylesheet">
 
 </head>
 <body>
 <div class = "container">
 <br />
 <h3>Liste des membres du site</h3>
 <table class="table table-striped table-condensed table-responsive table-bordered">
 <thead>
 <tr class = "text-center">
 <td>ID</td>
 <td>Pseudo</td>
 <td>Nom</td>
 <td>Prénom</td>
 <td>Sexe</td>
 <td>Actions</td>
 </tr>
 </thead>
 <?php
 $sql = mysql_query("SELECT * FROM users ORDER BY nom,prenom") or die('Erreur de la requête SQL');
 while($donnees = mysql_fetch_array($sql)){
 ?>
 <tr class = "text-center">
 <td><?php echo $donnees['id'];?></td>
 <td><?php echo $donnees['pseudo'];?></td>
 <td><?php echo $donnees['nom'];?></td>
 <td><?php echo $donnees['prenom'];?></td>
 <td><?php echo $donnees['sexe'];?></td>
 <td><a class = "btn btn-sm btn-primary" href = "profil.php?id=<?php echo $donnees['id'];?>"><i class = "glyphicon glyphicon-eye-open"></i> Voir son profil</a></td>
 </tr>
 <?php
 }
 ?>
 </table>
 <p class = "text-right"><a class = "btn btn-sm btn-default" href = "index.php"> &laquo; <i class = "glyphicon glyphicon-user"></i> Votre compte</a>
 </div>
	<!-- Bibliothèque JavaScript jquery -->
	<script src="bootstrap/js/jquery.min.js"></script>
	
	<!-- JavaScript de Bootstrap -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
 </body>
</html>

Avant dernière page quoi vous êtes fatigué non il reste que deux pages à créer

Profil d'un membre : fichier profil.php

créez le fichier profil.php dans le dossier espace_membre

<?php
	//inclusion de fichier de configuration
	include('config.php');
	
	if(!isset($_SESSION['id']) || !isset($_SESSION['pseudo'])){
 //l'utilisateur n'est pas connecté on le redirige sur la page de connexion
 header('location:connexion.php');
	}
	
	//on verifie si l'id de membre existe 
	if(!isset($_GET['id'])){
 //l'id de l'utilisateur n'existe pas on le redirige sur la page des membres
 header('location:membres.php');
	}
	else{
 $id = mysql_escape_string($_GET['id']);
 $sql = mysql_query("SELECT * FROM users WHERE id = '$id'") or die('Erreur de la requête SQL');
 //les donnees sous forme de tableau
 $donnees = mysql_fetch_array($sql);
 if(empty($donnees)){
 //Cet utilisateur n'existe pas on le redirige sur la page des membres
 header('location:membres.php');
 }
	}
?>
<!DOCTYPE html>
<html>
 <head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Espace membre</title>

	<!-- CSS de Bootstrap -->
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 <!-- Notre style CSS -->
	<link href="bootstrap/css/style.css" rel="stylesheet">
	
 </head>
 <body>
	<div class = "container">
 <br />
 <div class "row">
 <div class = "col-lg-offset-3 col-lg-6 col-lg-offset-3 well">
 <h2>Espace membre de <?php echo $donnees['pseudo'];?></h2>
 <p>Bienvenue dans votre compte <b><?php echo $donnees['pseudo'];?></b> voici vos informations</p>
 <p>Pseudo : <b><?php echo $donnees['pseudo'];?></b></p>
 <p>Nom : <b><?php echo $donnees['nom'];?></b></p>
 <p>Prénom : <b><?php echo $donnees['prenom'];?></b></p>
 <p>Sexe : <b><?php echo $donnees['sexe'];?></b></p>
 <p>
 <a class = "btn btn-sm btn-primary" href = "membres.php"><i class = "glyphicon glyphicon-th-list"></i> Liste des membres</a>
 <a class = "btn btn-sm btn-default" href = "index.php"> &laquo; <i class = "glyphicon glyphicon-user"></i> Votre compte</a>
 </p>
 </div>
 </div>
	</div>
	<!-- Bibliothèque JavaScript jquery -->
	<script src="bootstrap/js/jquery.min.js"></script>
	
	<!-- JavaScript de Bootstrap -->
	<script src="bootstrap/js/bootstrap.min.js"></script>
 </body>
</html>

Bon le dernier c'est le fichier c'est ??? personne n'a répondu deconnexion.php c'est le plus facile de tous

Deconnexion d'un membre : fichier deconnexion.php

<?php
	//inclusion de fichier de configuration
	include('config.php');
	//on supprime les variables de session
	session_unset();
	
	//on supprime les données de session
	session_destroy();
	
	//on redirige l'utilisateur sur la page d'accueil
	header('location:index.php');
?>

Merci on a fini à vous de pratiquer

Amélioration à faire

  • Ajouter des champs supplimentaires dans la table users par exemple (email, photo, etc)
  • verifiez les données envoyées par les formulaires
  • integrer un système de message privé
  • la discussion instantannée (chat)

Voilà le tutoriel a pris fin si vous avez des problèmes ou suggestions veuillez les poster en commentaire ou créez un sujet sur les forums. Vous pouvez récuperer les codes sources du tutoriel sur mon compte github à l'adresse https://github.com/nguereza-tony




Tony NGUEREZA 22 Août 2016, 12h06

Aucun commentaire n'a encore été ajouté soyez le premier a ajouté un commentaire

Vous n'êtes pas connecter veuillez vous connecter ou créer gratuitement un compte pour poster des commentaires

Vous êtes ici :
Accueil Tutoriel Développement web Créer un espace membre pour son site web