Salut à tous c'est Skrayze,
On se retrouve pour la V2 de mon formulaire de connexion.
Passons au index.php :
Le code du login.php
Etttttttttttttttttttttttttt du profil.php :
Celle du session.php :
Du logout.php :
Code à mettre dans la base SQL :
Eeeeetttt du style.css
J'ai pris beaucoup de temps à faire ce tuto donc j’espère qu'il vous plaira !
Skrayze.
On se retrouve pour la V2 de mon formulaire de connexion.
Passons au index.php :
PHP:
<?php
require('login.php'); // Inclure le login.php
if(isset($_SESSION['login_user'])){
header("location: profile.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Test - Connexion</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="main">
<h1>Test</h1>
<div id="login">
<h2>Page de connexion</h2>
<form action="" method="post">
<label>UserName :</label>
<input id="name" name="username" placeholder="username" type="text">
<label>Password :</label>
<input id="password" name="password" placeholder="**********" type="password">
<input name="submit" type="submit" value=" Login ">
<span><?php echo $error; ?></span>
</form>
</div>
</div>
</body>
</html>Le code du login.php
PHP:
<?php
session_start(); // Start la session
$error=''; // Variable pour stocker les message d'erreur
if (isset($_POST['submit'])) {
if (empty($_POST['username']) || empty($_POST['password'])) {
$error = "Username or Password is invalid";
}
else
{
// Définir $username et $password
$username=$_POST['username'];
$password=$_POST['password'];
// Etablire la connection avec le serveur en passant par le server_name, user_id et password dans les paramètre.
$connection = mysql_connect("localhost", "root", "");
// Pour protéger la base de données des injections
$username = stripslashes($username);
$password = stripslashes($password);
$username = mysql_real_escape_string($username);
$password = mysql_real_escape_string($password);
// Selectionné la bd
$db = mysql_select_db("company", $connection);
// Analysé la db pour voir s'il ya bien l'username et le mdp écrit.
$query = mysql_query("select * from login where password='$password' AND username='$username'", $connection);
$rows = mysql_num_rows($query);
if ($rows == 1) {
$_SESSION['login_user']=$username; // initialisation de la session
header("location: profile.php"); // Redirection vers une autre page
} else {
$error = "Username or Password is invalid";
}
mysql_close($connection); // Fermer la connexion
}
}
?>
PHP:
<?php
require('session.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>Votre page d'accueil</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="profile">
<b id="welcome">Bienvenue : <i><?php echo $login_session; ?></i></b>
<b id="logout"><a href="logout.php">Déconnexion</a></b>
</div>
</body>
</html>
PHP:
<?php
// Etablire la connection avec le serveur en passant par le server_name, user_id et password dans les paramètre.
$connection = mysql_connect("localhost", "root", "");
// Séléctionné la db
$db = mysql_select_db("company", $connection);
session_start();// Start la session
// Stockage de la session
$user_check=$_SESSION['login_user'];
// SQL Query pour récupérer des informations complètes de l'utilisateur
$ses_sql=mysql_query("select username from login where username='$user_check'", $connection);
$row = mysql_fetch_assoc($ses_sql);
$login_session =$row['username'];
if(!isset($login_session)){
mysql_close($connection); // Fermer la connexion
header('Location: index.php'); // Redirection vers la page d'acceuil
}
?>
PHP:
<?php
session_start();
if(session_destroy()) // Détruitre toutes la session.
{
header("Location: index.php"); // Redirection vers la page d'acceuil
?>
Code:
CREATE DATABASE company;
CREATE TABLE login(
id int(10) NOT NULL AUTO_INCREMENT,
username varchar(255) NOT NULL,
password varchar(255) NOT NULL,
PRIMARY KEY (id)
)
Code:
@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family:raleway
}
span {
color:red
}
h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:300px;
float:left;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px
}
input[type=text],input[type=password] {
width:99.5%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}
#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}J'ai pris beaucoup de temps à faire ce tuto donc j’espère qu'il vous plaira !
Skrayze.
Dernière édition:
