MAJ de mon code :
index.php:
<?php
include_once "include/db_connect.php";
include_once "include/functions.php";
include_once "class/MySQL.php";
if($_POST != array()){
$madatabase = new MySQL();
$madatabase->connect();
$madatabase->select();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="Xhtml-UA-Compatible">
<!-- Utilisé pour faire comprendre que le site est responsive -->
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="Page de connexion">
<meta content="" name="Moïse Wicht">
<!-- La favicon est l'icône que nous pouvons avoir dans le navigateur, pas très utile à ce moment -->
<link href="lien" rel="icon">
<title>Application université</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/supplement.css" />
<script type="text/JavaScript" src="js/sha512.js"></script>
<script type="text/JavaScript" src="js/forms.js"></script>
<script type="text/JavaScript" src="js/jquery-1.8.3.js"></script>
<script type="text/JavaScript" src="js/ajax.js"></script>
</head>
<body>
<!-- Création de la barre de navigation en haut de la page -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a href="http://www.fricopy.ch" class="brand"><img alt="" src="img/logo.png" /></a>
</div>
</div>
</div>
<div class="container">
<div class="text-center">
<p>Bienvenue sur l'application Toshiba. Veuillez vous connecter. </p>
</div>
<!-- On crée une form-shhignin , car c'est un formulaire de connexion et c'est ainsi qu'on le fait dans bootstrap -->
<form class="form-signin" action="" method="post" name="login_form">
<!-- Haut de page de la connexion -->
<h1 class="form-signin-heading">Connexion</h1>
<!-- input class, c'est pour ajouter une boîte de texte, le type en fonction de ce qui sera écrit et le placeholder permet de choisir ce que l'on veut insérer à vide -->
<input id="mail" class="input-block-level" name="mail" type="text" placeholder="Adresse email">
<input id="password" class="input-block-level" name="password" type="password" placeholder="Mot de passe">
<!-- Bouton de connexion pour la base de données -->
<input id= "connexionButton" type="submit" value="Connexion"/>
</form>
</div>
<?php include "include/footer.php"; ?>
</body>
</html>
MySQL.php:
<?php
class MySQL{
private $server = 'localhost';
private $username = 'root';
private $password = '';
private $link = null;
private $port = 3306;
private $database = 'fricopy_imprimantes';
//Constructeur
public function construct($_server, $_username,$_password,$_port,$_database,$_link){
$this->$_server = $server;
$this->$_username = $username;
$this->$_password = $password;
$this->$_port = $port;
$this->$_database = $database;
$this->$_link = $link;
}
public function connect (){
try {
$this->link = mysqli_connect($this->server,$this->username,$this->password,$this->database) or die("Error " . mysqli_error($this->link));
//print_r($this->link);
}
catch (PDOException $e) {
//print_r(error_log);;
exit('Erreur : ' . $e->getMessage());
}
}
public function select (){
$db_selected = mysqli_select_db($this->link,$this->database);
//print_r("</br>");
}
/* Non-utilisée désormais
public function connexion(){
// on exécute maintenant la requete sql pour tester si les parametres de connexion sont ok
$result = mysql_query("SELECT id, username, password, email, create_time FROM users_fricopy WHERE email = '$_POST[mail]' AND password = '$_POST[password]'");
$membre = mysql_fetch_assoc($result);
setcookie("id",$membre[id]); // genere un cookie contenant l'id du membre
setcookie("mail",$membre[mail]); // genere un cookie contenant le login du membre
}*/
public function showAll(){
$sql = "SELECT * FROM devices_fricopy";
$query = mysqli_query($this->link,$sql);
//print_r('------------- PRINTERS -----------------</br>');
while($data = mysqli_fetch_assoc($query)){
echo $data['printname'];
echo '</br>';
}
//print_r('------------- END -------------------------</br>');
}
public function add($printname,$siufNumber,$serialNumber,$marque,$user_id,$model){
$sql =
"INSERT INTO devices_fricopy
(id, printname, siufNumber, serialNumber, marque, user_id, model)
VALUES('','$printname','$siufNumber','$serialNumber','$marque','$user_id','$model')";
$query = mysqli_query($this->link,$sql);
//print_r('</br>---S---------- PRINTER_ADD -----------</br>');
if(!$query ){
print_r('Could not add data</br>');
}else{
print_r("Added data successfully\n");
}
//print_r('------------- END PRINTER_ADD-----</br>');
}
public function delete($id){
$sql =
"DELETE FROM devices_fricopy WHERE id='$id'";
//print_r('</br>----------- PRINTER_DELETE --------</br>');
$query = mysqli_query($this->link,$sql);
//if(isset($id))
if(!$query){
print_r('Deleted data successfully\n</br>');
}else{
print_r('Could not delete data</br>');
}
//print_r('--------- END PRINTER_DELETE ---</br>');
}
public function update($printname,$siufNumber,$serialNumber,$marque,$user_id,$model){
$sql =
"UPDATE devices_fricopy
SET printname='$printname',
siufNumber='$siufNumber',
SserialNumber='$serialNumber',
marque='$marque',
user_id='$user_id',
model='$model'";
//print_r('------------- PRINTER_UPDATE-----</br>');
$query = mysqli_query($this->link,$sql);
if(!$query ){
print_r('Could not update data</br>');
}else{
print_r('Updated data successfully\n');
}
//print_r('------------- END PRINTER_UPDATE-----</br>');
}
}
?>
ajax.js:
[javascript]$(document).ready( function () {
$('form.form-signin').submit( function() { // à la soumission du formulaire
event.preventDefault(); //pas recharger la page
$.ajax({ // fonction permettant de faire de l'ajax
type: "POST", // methode de transmission des données au fichier php
url: "MySQL.php", // url du fichier php
data: $(this).serialize();
dataType: 'json';
success: function(msg){ // si l'appel a bien fonctionné
if(msg==1) // si la connexion en php a fonctionnée
{
alert(data[mail]);
alert("Connexion réussie");
}
else // si la connexion en php n'a pas fonctionnée
{
alert("Connexion échouée");
}
}
});
return false; // permet de rester sur la même page à la soumission du formulaire
});
});
[/javascript]
Que manque t'il donc pour une connexion avec AJAX/PHP/JavaScript avec mon serveur local (WAMP)?
Merci pour vos futurs éléments de réponse.
MAJ de mon code :
[size=150]
[b]index.php:
[/b][/size]
[html]<?php
include_once "include/db_connect.php";
include_once "include/functions.php";
include_once "class/MySQL.php";
if($_POST != array()){
$madatabase = new MySQL();
$madatabase->connect();
$madatabase->select();
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="Xhtml-UA-Compatible">
<!-- Utilisé pour faire comprendre que le site est responsive -->
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="Page de connexion">
<meta content="" name="Moïse Wicht">
<!-- La favicon est l'icône que nous pouvons avoir dans le navigateur, pas très utile à ce moment -->
<link href="lien" rel="icon">
<title>Application université</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/supplement.css" />
<script type="text/JavaScript" src="js/sha512.js"></script>
<script type="text/JavaScript" src="js/forms.js"></script>
<script type="text/JavaScript" src="js/jquery-1.8.3.js"></script>
<script type="text/JavaScript" src="js/ajax.js"></script>
</head>
<body>
<!-- Création de la barre de navigation en haut de la page -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a href="http://www.fricopy.ch" class="brand"><img alt="" src="img/logo.png" /></a>
</div>
</div>
</div>
<div class="container">
<div class="text-center">
<p>Bienvenue sur l'application Toshiba. Veuillez vous connecter. </p>
</div>
<!-- On crée une form-shhignin , car c'est un formulaire de connexion et c'est ainsi qu'on le fait dans bootstrap -->
<form class="form-signin" action="" method="post" name="login_form">
<!-- Haut de page de la connexion -->
<h1 class="form-signin-heading">Connexion</h1>
<!-- input class, c'est pour ajouter une boîte de texte, le type en fonction de ce qui sera écrit et le placeholder permet de choisir ce que l'on veut insérer à vide -->
<input id="mail" class="input-block-level" name="mail" type="text" placeholder="Adresse email">
<input id="password" class="input-block-level" name="password" type="password" placeholder="Mot de passe">
<!-- Bouton de connexion pour la base de données -->
<input id= "connexionButton" type="submit" value="Connexion"/>
</form>
</div>
<?php include "include/footer.php"; ?>
</body>
</html>[/html]
[size=150]
[b]MySQL.php:
[/b][/size]
[php]<?php
class MySQL{
private $server = 'localhost';
private $username = 'root';
private $password = '';
private $link = null;
private $port = 3306;
private $database = 'fricopy_imprimantes';
//Constructeur
public function construct($_server, $_username,$_password,$_port,$_database,$_link){
$this->$_server = $server;
$this->$_username = $username;
$this->$_password = $password;
$this->$_port = $port;
$this->$_database = $database;
$this->$_link = $link;
}
public function connect (){
try {
$this->link = mysqli_connect($this->server,$this->username,$this->password,$this->database) or die("Error " . mysqli_error($this->link));
//print_r($this->link);
}
catch (PDOException $e) {
//print_r(error_log);;
exit('Erreur : ' . $e->getMessage());
}
}
public function select (){
$db_selected = mysqli_select_db($this->link,$this->database);
//print_r("</br>");
}
/* Non-utilisée désormais
public function connexion(){
// on exécute maintenant la requete sql pour tester si les parametres de connexion sont ok
$result = mysql_query("SELECT id, username, password, email, create_time FROM users_fricopy WHERE email = '$_POST[mail]' AND password = '$_POST[password]'");
$membre = mysql_fetch_assoc($result);
setcookie("id",$membre[id]); // genere un cookie contenant l'id du membre
setcookie("mail",$membre[mail]); // genere un cookie contenant le login du membre
}*/
public function showAll(){
$sql = "SELECT * FROM devices_fricopy";
$query = mysqli_query($this->link,$sql);
//print_r('------------- PRINTERS -----------------</br>');
while($data = mysqli_fetch_assoc($query)){
echo $data['printname'];
echo '</br>';
}
//print_r('------------- END -------------------------</br>');
}
public function add($printname,$siufNumber,$serialNumber,$marque,$user_id,$model){
$sql =
"INSERT INTO devices_fricopy
(id, printname, siufNumber, serialNumber, marque, user_id, model)
VALUES('','$printname','$siufNumber','$serialNumber','$marque','$user_id','$model')";
$query = mysqli_query($this->link,$sql);
//print_r('</br>---S---------- PRINTER_ADD -----------</br>');
if(!$query ){
print_r('Could not add data</br>');
}else{
print_r("Added data successfully\n");
}
//print_r('------------- END PRINTER_ADD-----</br>');
}
public function delete($id){
$sql =
"DELETE FROM devices_fricopy WHERE id='$id'";
//print_r('</br>----------- PRINTER_DELETE --------</br>');
$query = mysqli_query($this->link,$sql);
//if(isset($id))
if(!$query){
print_r('Deleted data successfully\n</br>');
}else{
print_r('Could not delete data</br>');
}
//print_r('--------- END PRINTER_DELETE ---</br>');
}
public function update($printname,$siufNumber,$serialNumber,$marque,$user_id,$model){
$sql =
"UPDATE devices_fricopy
SET printname='$printname',
siufNumber='$siufNumber',
SserialNumber='$serialNumber',
marque='$marque',
user_id='$user_id',
model='$model'";
//print_r('------------- PRINTER_UPDATE-----</br>');
$query = mysqli_query($this->link,$sql);
if(!$query ){
print_r('Could not update data</br>');
}else{
print_r('Updated data successfully\n');
}
//print_r('------------- END PRINTER_UPDATE-----</br>');
}
}
?>
[/php]
[size=150]
[b]ajax.js:
[/b][/size]
[javascript]$(document).ready( function () {
$('form.form-signin').submit( function() { // à la soumission du formulaire
event.preventDefault(); //pas recharger la page
$.ajax({ // fonction permettant de faire de l'ajax
type: "POST", // methode de transmission des données au fichier php
url: "MySQL.php", // url du fichier php
data: $(this).serialize();
dataType: 'json';
success: function(msg){ // si l'appel a bien fonctionné
if(msg==1) // si la connexion en php a fonctionnée
{
alert(data[mail]);
alert("Connexion réussie");
}
else // si la connexion en php n'a pas fonctionnée
{
alert("Connexion échouée");
}
}
});
return false; // permet de rester sur la même page à la soumission du formulaire
});
});
[/javascript]
Que manque t'il donc pour une connexion avec AJAX/PHP/JavaScript avec mon serveur local (WAMP)?
Merci pour vos futurs éléments de réponse.
