Détails: Mis à jour : 22 mai 2023; Affichages : 26223

Vote utilisateur: 4 / 5

NSI - Numérique et Sciences Informatiques

HTML (HyperText Markup Language) ,
PHP Hypertext Preprocessor
et Interation Client-Serveur : Exercices et applications

Prérequis au TD

Il faut impérativement avoir un environnement de travail PHP, c'est à dire un site Web ou un serveur installé sur votre ordinateur pour effectuer ce TD.
Consulter si ce n'est pas le cas la page : PHP et Interation Client-Serveur : installation.
Il est par ailleurs nécessaire d'avoir traité le TD sur le Javascript : HTML (HyperText Markup Language) et Javascript

1. Programmer en PHP

Quelques remarques sur les fonctions, les structures conditionnels en PHP

Les fonctions en PHP fonctionnent comme en Javascript. Le mot clé function permet de définir une fonction.
Les paramètres sont écrits entre parenthèses précédés du symbole $ comme toute les variables.
Le mot clé return permet de renvoyer une valeur.
Il existe de nombreuses fonctions intégrées en PHP vous pouvez consulter ces sites de références au fur et à mesure des besoins.
- Liste des fonctions PHP ;
- Un tutoriel : https://www.w3schools.com/php/php_functions.asp
- Un cours sur Openclassrooms : https://openclassrooms.com
De même les structures conditionnelles if et if else fonctionnent comment en Javascript.
Par exemple cette fonction renvoie le maximum des deux nombres

<?php
  function maximum($a,$b)
{
if ($a>$b)
    return $a;
else 
    return $b;
}
?>

De même les structures itératives, les boucles for et while fonctionnent comment en Javascript.

Un exemple

L'exemple ci-dessous se sert d'une boucle for pour afficher un tableau à l'écran avec une boucles for et une boucle while . C'est magique.

<head>
  <title>
   PHP - Exemple 2
  </title>
  <meta charset="utf-8"/>
 </head>
 <body>
 <h1> PHP - Exemple 2 </h1>
 <table border="1">
  <tr>
   <?php
   for($i=1;$i<=10;$i=$i+1) // ou ($i=1;$i<=10;$i++)
   {
    echo "<td>$i</td>";
   }
   ?>
  </tr>
 </table>
 
 <p> </p>
 
 <table border="2">
  <tr>
   <?php
   $i = 1;
   while ($i <= 10) 
   {
    echo "<td>$i</td>";
	$i=$i+1;
	}
   ?>
  </tr>
 </table>
 
</body>
</html>

Lien vers le fichier .php sur le serveur : PHP-exemple2 / Code source.

Exercice 1
La fonction rand(a,b) renvoie un entier aléatoire compris entre a et b.
1. Ecrire un script qui choisit aléatoirement un nombre entre 1 et 15.
2. Et qui affiche le table de multiplication de ce nombre dans un tableau.
Toute amélioration est la bienvenue.

Exercice 2
La fonction rand(a,b) renvoie un entier aléatoire compris entre a et b.
Ecrire un script en php qui :
1. choisit 100 nombres aléatoires entre 0 et 100 ;
2. les affiche ;
3. et affiche leur moyenne.
Toute amélioration est la bienvenue.

2. Interagir avec une page en PHP : les méthodes GET et POST

Un script PHP s'exécute sur le serveur lorsque l'utilisateur accède à un fichier par un lien. Ce script effectue un certain nombre d'instructions pour produire la page web demandée et s'arrête lorsque celle-ci est produite.
Comment faisons-nous pour passer une information d'une page à l'autre ? De l'utilisateur à la page .PHP ?

Par exemple, si je saisi mon compte utilisateur sur un site et qu'en cliquant je suis conduis vers la page de mon compte, comment cette page se souvient-elle du nom que j'ai écrit dans la page précédente ?

Il existe plusieurs solutions pour transmettre des informations d'une page aux autres :

Cookies ;
base de données ;
fichiers textes ;
la méthode GET ;
la méthode POST.

Nous allons étudier les méthodes GET et POST.

2a. La méthode GET
Interagir avec une page en PHP avec la méthode GET

Vous pouvez consulter le cours sur openclassroom : https://openclassrooms.com

Les variables ne transitent pas toujours via un formulaire mais bien souvent par l'URL via la méthode GET.

L'URL (Uniform Resource Locator) sert à représenter une adresse sur le web comme celle du site www.math93.com.

Par exemple, après avoir fait une recherche sur Google, par exemple avec math93, la barre d'adresse contient une URL longue qui ressemble à ceci :

Essayer : recherche Google math93

Dans cet exemple, les informations après le point d'interrogation sont des données que l'on fait transiter d'une page à une autre.

2a1. Former une URL pour envoyer des paramètres

Imaginons que votre site s'appelle math93.com et que vous avez une page PHP intitulée bonjour.php. Pour accéder à cette page, vous devez aller à l'URL suivante :

http://www.math93.com/bonjour.php

Pour envoyer des informations à la page bonjour.php, on va ajouter des informations à la fin de l'URL, comme ceci :

On écrit les variables et les valeurs des variables après un point d'intérogation ? .
On sépare les variables par le symbole & .
La seule limite est la longueur de l'URL. En général il n'est pas conseillé de dépasser les 256 caractères.

2a2. Récupérer les valeurs des variables

Nous avons fait un lien vers le fichier php bonjour.php et à deux variables nom et prenom.

bonjour.php?nom=Galois&prenom=Evariste

Pour récupérer les valeurs des variables, on y accède via la variable $_GET.

$_GET['nom'] . à la valeur Galois ;
$_GET['prenom'] . à la valeur Evariste ;

Par exemple on a ici avec le petit code en écrivant dant la console :

Essayer de changer les noms et prénoms dans l'adresse URL.

<head>
  <title>
   PHP - Exemple 3
  </title>
  <meta charset="utf-8"/>
 </head>
 <body>
 <h1> PHP - Exemple 3 </h1>
 <?php 
 // les variables existent-t-elles ?
 if(isset($_GET['nom']) and isset($_GET['prenom']))
 {// oui les variables existent 
    $lenom=$_GET['nom'];
    $leprenom=$_GET['prenom'];
    //echo "<p>Bonjour $_GET['prenom'] et $_GET['nom'] !</p>" ;
    echo "<p>Bonjour $leprenom   $lenom</p>" ;
 }
 else
 {
    echo "<p>Bonjour Madame ou Monsieur.</p>" ;
 }
 ?> 
</body>
</html>

Remarque : isset(var) - Détermine si la variable var est déclarée et est différente de NULL.

Exercice 3
1. Ecrire une page qui prend deux nombres dans l'URL et affiche leur somme.
2. Modifier la page pour donner trois paramètres dans l'URL, deux nombres et une opération. Le résultat de l'opération sera affiché dans la page.
Toute amélioration est la bienvenue.

Exercice 4
1. Ecrire deux pages, la première choisissant un nombre au hasard entre -10 et 10
2. et contenant un lien vers la seconde qui affichera la racine carrée du nombre choisi, si cela est possible.
Toute amélioration est la bienvenue.

2a. La méthode POST
Interagir avec une page en PHP avec la méthode POST

Il existe une autre méthode pour passer des données d'une page à l'autre sans mentionner les valeurs dans l'URL.

Il s'agit de la méthode utilisée dans les formulaires

Un exemple

Reprenons l'exemple 3 avec le nom et le prénom.

On va donc écrire deux pages, la première une page HTML que l'on va nommer ex4-HTML.html, et la deuxième une page PHP l'on va nommer ex4-PHP.php
Afin de pouvoir accéder aux contenus envoyés par la méthode POST, il faut donner à chaque élément dont on veut récuperer les valeurs l'attribut name .
Pour récupérer les valeurs des variables, on y accède via la variable $_POST.

$_POST['nom'] . à la valeur du nom entré ;
$_POST['prenom'] . à la valeur du prénom entré ;

<!doctype html>
<html>
<head>
  <title>
   PHP - Exemple 4 - Méthode POST Fichier HTML
  </title>
  <meta charset="utf-8"/>
 </head>
 <body>
 <h1> PHP - Exemple 4 - Méthode POST Fichier HTML</h1>
  <form action="ex4-PHP.php" method="post">
  <label for="nom">Votre Nom :</label>  
  <input type="text" name="nom"> 
  <div> et </div> 
  <label for="prenom">Votre Prénom :</label>
  <input type="text" name="prenom">
  <input type="submit" value="Valider">
  </form>
</body>
</html>

<!doctype html>
<html>
<head>
  <title>
   PHP - Exemple 4 - Méthode POST Fichier PHP
  </title>
  <meta charset="utf-8"/>
 </head>
 <body>
 <h1> PHP - Exemple 4 - Méthode POST Fichier PHP </h1>
 <?php 
 // les variables existent-t-elles ?
 if(isset($_POST['nom']) and isset($_POST['prenom']))
 {// oui les variables existent 
    $lenom=$_POST['nom'];
    $leprenom=$_POST['prenom'];
    //echo "<p>Bonjour $_POST['prenom']   et $_POST['nom'] !</p>" ;
    echo "<p>Bonjour $leprenom    $lenom</p>" ;
 }
 else
 {
	echo "<p>Bonjour Madame ou Monsieur.</p>" ;
 }
 ?> 
</body>

Lien vers le fichier .html sur le serveur : ex4-HTML.html .
Remarque : Tous les paramètres de input : https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input

Exercice 5
Reprendre les exercices 3 et 4 mais en utilisant la méthode POST et un formulaire.
Toute amélioration est la bienvenue.

Exercice 6 : un QCM
1. Ecrire deux pages, la première contenant un QCM avec au moins trois questions.
2. Les réponses seront proposées et l'utilisateur devra faire son choix par des cases à cocher.
3. La seconde page affichera le score obtenu.
Aide : Pour récupérer l'information "case cochée, c'est assez simple : la variable n'existe dans le post que si la case a été cochée.
Toute amélioration est la bienvenue.

Aide :

https://www.zerocms.fr/PHP/formulaires-POST-url-GET-PHP.php

Check-box et récupération 1

https://apcpedagogie.com/recuperer-les-valeurs-des-checkbox-avec-php/