Prog.Web
Exemples des ateliers faits au TP
2017-2018

Accés au dernier TP

TP1

TP2 : Envoi de données

Formulaire HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Formulaire Login</title>
</head>
<body>
  <p>Fenêtre Login</p>
  <p>Tapez le nom de l'utilisateur et le mot de passe:</p>
  <form id="form1" name="form1" method="post" action="G2_1210.php">
    <p><label>Nom utilisateur :</label>
       <input type="text" name="n" id="n" />
    </p>
    <p><label>Mot de passe :</label>
       <input type="password" name="pw" id="textfield" />
    </p>
    <p><input type="submit" name="button" id="button" value="Envoyer" />
    </p>
  </form>
</body>
</html>

Script PHP associé :

<?php
if (isset($_POST["n"]) )
{
  if( ! empty($_POST["n"]) && ! empty($_POST["pw"]) )
  {
    if( $_POST["n"] == "l3" && $_POST["pw"]== "gtr" )
    {
      echo "Mot de passe correct !!";
    }
    else
    {
      echo "Données erronées !!";
    }
  }
  else
  {
     echo "Au moins un des champs est vide !!";
  }
}
else
{
  echo "Le formulaire n'est pas encore exécuté !!!";
}
?>

Script PHP unique G2_1210_2.php:

<?php
 $a=0;
 if (isset($_POST["n"]) )
 {
  if( ! empty($_POST["n"]) && ! empty($_POST["pw"]) )
  {
   if( $_POST["n"] == "l3" && $_POST["pw"]== "gtr" )
   {
    echo "Mot de passe correct !!";
   }
   else
   {
    echo "Données erronées !!";
    $a=3;
   }
  }
  else
  {
   echo "Au moins un des champs est vide !!";
   $a=2;
  }
 }
 else
  $a= 1;
 if ($a != 0)
 {
  ?>
  <p>Fenêtre Login</p>
  <p>Tapez le nom de l'utilisateur et le mot de passe:</p>
  <form name="form1" method="post" action="G2_1210_2.php">
   <p><label>Nom utilisateur :</label>
      <input type="text" name="n" id="n" />
   </p>
   <p>
    <label>Mot de passe :</label>
    <input type="password" name="pw" id="textfield" />
   </p>
   <p>
    <input type="submit" name="button" id="button" value="Envoyer" />
   </p>
  </form>
<?php
 }
?>

TP3 : Formulaires dynamiques et Tableaux

Voir une exécution du script à réaliser !!

Script PHP tp_tableaux.php :

<?php

$fn=false;
if (isset($_GET["n"]) )
{
  $n= htmlspecialchars($_GET["n"]);
  if( ! empty($n) )
  {
    if( $n< 2 || $n > 10 )
    {
      echo "n doit etre compris entre 2 et 10 !!";
      $fn=true;
    }
  }
  else
  {
    echo "Veuillez saisir la valeur de n !!";
    $fn=true;
  }
}
else
  $fn= true;

if ($fn)
{
  ?>
  <p>Tapez le nombre d'étudiants SVP :</p>
  <form method="get" action="tp_tableaux.php">
    <p> <input type="text" name="n" /></p>
    <p> <input type="submit" value="Envoyer" /></p>
  </form>
  <?php
}

if (! isset($_GET["n0"]) && $fn== false )
{
  $n=$_GET["n"];
  ?>
  <p>Tapez le nom et la note de chaque étudiant SVP :</p>
  <form method="get" action="tp_tableaux.php">
  <?php
    echo "<input type=\"hidden\" name=\"n\" value=\"$n\"/><br />";
    for ($i=0; $i < $_GET["n"]; $i++)
    {
      $j= $i+1;
      echo "Etudiant $j :";
      echo "Nom  = <input type=\"text\" name=\"n$i\" /> &nbsp;&nbsp;";
      echo "Note = <input type=\"text\" name=\"m$i\" /> <br />";
    }
  ?>
    <p> <input type="submit" value="Envoyer" /> </p>
  </form>
  <?php
}

if (isset($_GET["n0"]) && isset($_GET["n"]) )
{
  for ($i=0; $i < $_GET["n"]; $i++)
  {
    $tab_nom[$i]= htmlspecialchars($_GET["n$i"]);
    $tab_note[$i]= htmlspecialchars($_GET["m$i"]);
  }
  //tri
  for ($i=0; $i < $_GET["n"]-1; $i++)
    for ($j=$i+1; $j < $_GET["n"]; $j++)
      if ($tab_note[$i] > $tab_note[$j] )
      {
        $t= $tab_note[$i];
        $tab_note[$i]= $tab_note[$j];
        $tab_note[$j]= $t;

        $t= $tab_nom[$i];
        $tab_nom[$i]= $tab_nom[$j];
        $tab_nom[$j]= $t;
     }
  ?>
  <p>Liste des étudiants & notes triées par ordre croissant :</p>
  <table width="200" border="1" cellspacing="0" cellpadding="4">
   <tr>
    <th scope="col">N°</th>
    <th scope="col">Nom</th>
    <th scope="col">Note</th>
   </tr>
  <?php
  for ($i=0; $i < $_GET["n"]; $i++)
  {
    $j= $i+1;
    echo "<tr><td>$j <td>$tab_nom[$i] <td>$tab_note[$i]";
  }
  echo "</table>";
}
?>

TP4 : Variables Session et Cookies

Voir une exécution du script sur les variables Session à réaliser !!

Voir une exécution du script sur les variables Cookies à réaliser !!

a. Script Sessions : tp_0211_sess.php

<?php 
    session_start();
?>
<p align="center">Utilisation des variables Session :</p>
  <ul>
  <li> Si le formulaire est affiché ci-dessous, cela veut dire que :
  <ul>
  <li>la variable Session &quot;nom&quot; n'est pas encore créée ou vide</li>
  <li>vous avez quitté et redémarré votre navigateur</li>
  </ul>
  </li>
  <li>Sinon, vous avez déjà saisi et créé la variable session</li>
  </ul>
<?php
if (isset($_POST["Sup"]) )
{ 
  unset($_SESSION["nom"]);
}
$a=0;
if ( isset($_SESSION["nom"]) )
{
  if( empty($_SESSION["nom"]) )
  {
    echo "<br />La variable Session est créée mais vide !!";
    unset($_SESSION["nom"]);
  }
  else
  {
    $a=1;
  }
}
else
{
  if (isset($_POST["n"]) )
  {
     $_SESSION["nom"]= htmlspecialchars(trim($_POST["n"]));
     if( empty($_SESSION["nom"]) )
     {
        echo "<br />La variable Session est créée mais vide !!";
        unset($_SESSION["nom"]);
     }
     else
     {
        $a=1;
     }
   }
   else
   {
     echo "<br />La variable Session n'est pas encore créée !!";
   }
}
if ($a == 1)
  echo "<br />Variable Session = ".$_SESSION["nom"];  
echo "<br /> <hr />";
if ($a==0)
{
  ?>
  <p>Tapez le nom à stocker dans une variable Session :</p>
  <form method="post" action="tp_0211_sess.php">
   <p><label>Nom  :</label>
     <input type="text" name="n" id="n" />
   </p>
   <p>
     <input type="submit" name="button" value="Créer la variable Session" />
   </p>
  </form>
 <?php
}
else
{
  ?>
  <form method="post" action="tp_0211_sess.php">
   <p>
     <input type="submit" name="Sup" value="Supprimer la variable Session" />
   </p>
  </form>
<?php
}
?>

Script Cookies : tp_0211_cookie.php

<?php
$a=0;
$mess= "";
if (isset($_GET["Sup"]) )
{
    unset($_COOKIE["nom"]);
    setcookie("nom",null, -1);
}
else
{
  if ( isset($_COOKIE["nom"]) )
    $a=1;
  else
  {
    if (isset($_GET["n"]) )
    {
      $x= htmlspecialchars(trim($_GET["n"]));
      if( empty($x) )
        $mess= "<br />La variable Cookie n'est pas créée car vide !!";
      else
      {
        setcookie("nom",$x, time()+ 30);
        $_COOKIE["nom"]= $x;
        $a=1;
      }
      unset($_GET["n"]);
    }
    else
      $mess= "<br />La variable Cookie n'existe pas encore !!";
  }
}
?>  
<p align="center">Utilisation des variables Cookies :</p>
  <ul>
  <li> Si le formulaire est affiché ci-dessous, cela veut dire que :
  <ul>
  <li>la variable Cookie n'est pas encore créée ou vide</li>
  <li>le délai d'existence de 30 sec de la variable Cookie a expiré</li>
  </ul>
  </li>
  <li>Sinon, vous avez déjà saisi et créé la variable Cookie</li>
  </ul>  
<?php
echo $mess;
if ($a == 1)
{
  ?>
  <hr />
  <form method="GET" action="tp_0211_cookie2.php">
   <p>
    <input type="submit" value="Afficher la variable Cookie" />
   </p>
  </form>
  <?php
}
echo "<br /> <hr />";  
if ($a==0)
{
  ?>
  <p>Tapez le nom à stocker dans une variable Cookie :</p>
  <form method="GET" action="tp_0211_cookie.php">
   <p>
     <label>Nom  :</label>
     <input type="text" name="n" />
   </p>
   <p>
    <input type="submit" name="button" value="Créer la variable Cookie" />
   </p>
  </form>
  <?php
}
else
{
  ?>
  <form method="GET" action="tp_0211_cookie.php">
   <p>
    <input type="submit" name="Sup" value="Supprimer la variable Cookie" />
  </p>
  </form>
  <?php

Script adjacent Cookies : tp_0211_cookie2.php

<?php
if ( isset($_COOKIE["nom"]) )
    echo "<br />Variable Cookie = ".$_COOKIE["nom"];
else
    echo "<br />La variable Cookie n'existe pas !!";
?>
<br />
<p>Utiliser la touche F5 pendant 30 secondes et 
   constatez la valeur de la variable</p>

TP5 : Fichiers Texte

Voir une exécution du script sur les Fichiers à réaliser !!

Visualiser le script PHP

TP6 : Bases de données

Création d'une BDD et exécution d'une requête MySQL (script équivalent en PDO)