UBBA/FMI – TP module CRA3T – Master 1 informatique Décisionnelle – 2019/2020

Travaux Pratiques Série 2 : Application 3Tiers en HTML, JS, PHP, Apache, MySql
Outils nécessaires : NotePad++, WampServer2.4, Navigateur.

IHM Traitements locaux Traitements globaux Données

HTML JS PHP, Apache MySql
1- Installer WampServer et lancer le, attention vérifier que son Icon dans la zone Notification
Area Icons doit être vert
2- WampServer contient le serveur web Apache , serveur d’application
PHP, SGBD MySql.
3- On va créer une base de données nommée mydb pour cela :
a. Lancer phpMyAdmin en cliquant sur l’icon de WampServer
b. phpMyAdmin va être exécuter sur un navigateur, alors créer mydb

c. après créer la table personne

d. maintenant créer les quatre champs nom, prenom, email, age, cliquer sauvgarder

4- Lancer maintenant NotePad++, ouvrir le dernier fichier de la séance passée form.html

5- Changer action, <form name="formulaire" action="save.php" method="post" > </form>
6- Maintenant sauvegarder form.html sous le repertoire d’installation WampServer/www/
7- Créer un deuxième fichier save.php, sauvegarder le dans le même répertoire de form.html
8- On commence de créer alors un programme PHP, pour cela :
a. Pour commencer un script php écrire : <?php ICI VOTRE CODE ?>
b. Les données du formulaire envoyer à partir du fichier from.html vont être
réceptionner par le fichier save.php car nous avons écrire action="save.php" sur
form.html
c. On va commencer par la récupération des valeurs de champs du formulaire dans le
fichier save.php, par exemple pour le champ nom on peut écrire :
$n=$_POST['nom']; où $n est une variable, $_POST l’instruction de récupération
‘nom’ c’est le nom de champ à récupérer, doit être le même nom sur le formulaire
<input type="text" name="nom" size="3">
d. Faire la même chose pour les autres champs prenom, email, age
e. Très bien, vous avez fait la relation entre les deux fichiers form.html et save.php,
maintenant on commence le travail sur la base de données pour enregistrer les
 données récupérer sur la base de données déjà crée mydb, pour cela la première
des choses est de connecter au SGBD MySql grace à l’instruction :
$con = mysql_connect('localhost', 'root', ''); où $con une variable pour récupérer
le résultat de la connexion (true or false), localhost est le serveur, root est
l’utilisateur et pas de password
f. Maintenant vous pouvez connecter à la base de données grâce à l’instruction :
mysql_select_db('mydb',$con); où mydb est le nom de la base de données
g. Enfin on peut exécuter une requête d’insertion sur la table personne grâce à
l’instruction : mysql_query("INSERT INTO personne VALUES('$n', '$p','$e',$a)");
9- Sauvegarder ce code, lancer votre navigateur et écrire l’adresse suivante :
localhost/form.html sur le navigateur
10- Saisir les données (coco, jojo, jojo@coco.com, 100), enregistrer les, vérifier le contenu de
la table personne sur phpMyAdmin

11- On donne un code possible du fichier save.php

<?php
$n=$_POST['nom'];
$p=$_POST['prenom'];
$e=$_POST['email'];
$a=$_POST['age'];

$con = mysql_connect('localhost', 'root', '');

if (!$con) die ('prb de connexion MYSQL :'. mysql_error());

$db = mysql_select_db('mydb',$con);
if(!$db) die('prb de base de données' . mysql_error());

$result = mysql_query("INSERT INTO personne VALUES('$n', '$p','$e',$a)");

if(!$result) die ('erreur SQL :'. mysql_error());

echo 'Vos informations ont été ajoutées.';

mysql_close();
?>

Où l’instruction die pour afficher un message d’erreur et arrêter le déroulement de

programme, mysql_error() pour afficher l’erreur exacte au niveau de l’instruction erronée,
echo affiche un message