Faculté des sciences Dhar El Mahraz Année universitaire : 2017 - 2018
Licence professionnelle SIGL
Travaux pratiques N°4, Web dynamique
On utilisant l’outil PhpMyAdmin, créer la base de donnée « scott », les tables seront
générées automatiquement en important le schéma relationnel « scott.sql ».
Connectez-vous à cette base de données.
Exercice 1 :
Réaliser un formulaire contenant un nom d’utilisateur et un mot de passe. Vérifier que le
compte utilisateur existe dans la table « passwd ». Un message (un div situé au haut du
formulaire) est apparu affichant une authentification réussite où une connexion
échouée.
Correction: Exercice N°1
<form action="" method="POST">
<table>
<tr align="center">
<td colspan=2><div id="message"
style="color:white;background:red; border-radius:5px; font-size:18px;"></div></td>
</tr>
<tr>
<td> <label for="login">Nom d'utilisateur:</label> </td>
<td> <input type="text" id="login" name="login"/> </td>
</tr>
<tr>
<td> <label for="pass">Mot de passe</label> </td>
<td> <input type="password" id="pass" name="pass"/> </td>
</tr>
<tr align="left">
<td colspan=2><input type="submit"><input type="reset"></td>
</tr>
<tr align="center">
<td colspan=2><a href="traitement.php?new=0">Créer un nouveau
utilisateur</a></td>
</tr>
</table>
</form>
<script>
$('#message').hide();
</script>"
<?php
function database_open($db) {
$host = '127.0.0.1';
$user = 'root';
$pass = '';
$acces = new mysqli($host, $user ,$pass ,$db);
$errnum=mysqli_connect_errno();
if ($errnum)
{ $errmsg=mysqli_connect_error();
echo "Connexion impossible:$errmsg";
exit();
return $acces;
}
function database_close($link) {
mysql_close($link);
if(isset($_POST['login']) && !empty($_POST['login']) && isset($_POST['pass']) &&
!empty($_POST['pass'])){
$db=database_open('scott');
$login=$db->real_escape_string(htmlspecialchars($_POST['login']));
$pass=$db->real_escape_string(htmlspecialchars($_POST['pass']));
$req=$db->query("select count(*) from passwd where login='$login' and
pass='$pass'");
$data=$req->fetch_row();
if($data[0]==1){
echo "
<script>
$('#message').html('Vous êtes connecté');
$('#message').slideDown(1000);
</script>";
}else{
echo "
<script>
$('#message').html('Connection échouée!!!');
$('#message').slideDown(1000);
</script>";
?>
Exercice 2 :
Ajouter au formulaire de l’exercice 1 un lien hypertexte qui permet d’ajouter un nouveau
compte. Ce lien va vous diriger vers une page qui vous permettra de créer un nouvel employé
dans la table « emp », et par conséquant, un nouveau compte dans la table « passwd ».
1- Créer un fichier comportant une fonction « list_option » qui permet de créer une liste.
Cette fonction accepte comme arguments : un tableau des éléments de la liste et le
nom de la liste
2- Créer un fichier comportant une fonction « list_modifiable » qui permet de créer une
liste modifiable en utilisant le « datalist » de HTML5. Cette fonction accepte comme
arguments : un tableau des éléments de la liste et le nom de la liste
3- Créer une interface/formulaire permettant de saisir les données du nouvel employé (le
login et le mot de passe sont le nom de l’employé et son numéro).
Correction: Exercice 2
<?php
require("list_modifiable.php");
require("list_option.php");
function database_open($db) {
$host = '127.0.0.1';
$user = 'root';
$pass = '';
$acces = new mysqli($host, $user ,$pass ,$db);
$errnum=mysqli_connect_errno();
if ($errnum)
{ $errmsg=mysqli_connect_error();
echo "Connexion impossible:$errmsg";
exit();
return $acces;
function database_close($link) {
mysql_close($link);
$db=database_open('scott');
function creer_nouveau(){
?>
<form method="post" action="">
<table>
<tr>
<td> <label for="nom">Nom d'employé:</label> </td>
<td> <input type="text" id="nom" name="nom"/> </td>
</tr>
<tr>
<td> <label for="n">N° employé:</label> </td>
<td> <input type="text" id="n" name="n"/> </td>
</tr>
<tr>
<td> <label for="job">Fonction d'employé:</label> </td>
<td> <input type="text" id="job" name="job" list="job"/> </td>
<?php
$db=database_open('scott');
$req=$db->query("select distinct(job) from emp");
$tableau=array();
while($data=$req->fetch_row()){
$tableau[]=$data[0];
list_modifiable($tableau,"job");
?>
</tr>
<tr>
<td> <label for="chef">Chef:</label> </td>
<td>
<?php
$db=database_open('scott');
$req=$db->query("select distinct(ename) from emp");
$tableau=array();
while($data=$req->fetch_row()){
$tableau[]=$data[0];
list_option($tableau,"chef");
?></td>
</tr>
<tr>
<td> <label for="d">Date d'embauche:</label> </td>
<td> <input type="date" id="d" name="d"
placeholder="JJ/MM/AAAA"/> </td>
</tr>
<tr>
<td> <label for="sal">Salaire de l'employé:</label> </td>
<td> <input type="text" id="sal" name="sal"/> </td>
</tr>
<tr>
<td> <label for="dept">Département:</label> </td>
<td>
<?php
$db=database_open('scott');
$req=$db->query("select distinct(dname) from dept");
$tableau=array();
while($data=$req->fetch_row()){
$tableau[]=$data[0];
list_option($tableau,"dept");
?> </td>
</tr>
<tr>
<tr align="left">
<td colspan=2><input type="submit" value="Ajouter"><input type="reset"
value="Effacer"></td>
</tr>
</table>
</form>
<?php
if (isset($_GET['new'])){
if($_GET['new']==0){
creer_nouveau();
if (isset($_POST['nom'])){
$nom=$_POST['nom'];
$num=$_POST['n'];
$job=$_POST['job'];
$chef=$_POST['chef'];
$sal=$_POST['sal'];
$dept=$_POST['dept'];
$dat=$_POST['d'];
$db=database_open("scott");
$req=$db->query("select empno from emp where ename='$chef'");
$mgr=$req->fetch_row()[0];
$req=$db->query("select deptno from dept where dname='$dept'");
$ndept=$req->fetch_row()[0];
$dat=strtotime($dat);
$dat1=date('y-m-d',$dat);
$sql="insert into emp values($num,'$nom','$job',$mgr,'$dat1',$sal,NULL,$ndept)";
$req=$db->query($sql);
$sql="insert into passwd values('$nom','$num')";
$req=$db->query($sql);
}}}
?>
Fichier liste_modifiable.php
<?php
function list_modifiable($tableau,$name){
echo "<datalist name='$name' id='$name'>";
for($i=0;$i<count($tableau);$i++){
echo "<option value='" . $tableau[$i]. "'>" . $tableau[$i]. "</option>";
echo "</datalist>";
}
?>
Fichier list_option.php
<?php
function list_option($dept,$name){
echo "<select name='$name' id='$name'>";
for($i=0;$i<count($dept);$i++){
echo "<option value='" . $dept[$i]. "'>" . $dept[$i]. "</option>";
echo "</select>";
?>
