Informatique et Techniques Numériques en Economie
-
TD 2 - Introduction à PHP : quelques techniques, exemples et exercices

1- Présentation générale

Dans ce TD, on aborde le langage PHP. Dans la construction de votre site Web, le langage PHP permet d'afficher le prix du produit choisi par l'utilisateur et d'enregistrer les actions de l'utilisateur : achat ou consultation simple de devis. Comme application nous vous proposons d'apprendre à gérer un questionnaire en ligne

2- Compétences à acquérir

• Savoir afficher des éléments d'une page HTML à partir du code PHP
• Savoir extraire et manipuler les variables passées au script PHP en entrée.
• Savoir passer une requête à un serveur SQL
• Savoir traiter le résultat d'un SELECT SQL
• Savoir gérer un questionnaire en ligne

3- Réferences sur le code PHP

On donne ici quelques élements de réferences sur le code PHP.

On rappelle que le code PHP s'éxecute sur le serveur. Le code PHP est inséré dans le code HTML entre deux balises <?php et ?>. Dans le cas où il n'y a pas de code php dans une page html, la page sera renvoyée telle quelle. Une page qui contient qui contient du php doit être enregistrée au format php. Lorsque cette page sera appellée, le code PHP sera exécuté et la page html résultante sera renvoyée. Les instructions html seront renvoyées telles qu'elles, par contre, tout ce qui est contenu entre deux balises <?php et ?> ne sera pas renvoyé tel quel.

Les seuls élements contenus dans le code php qui apparaissent dans la page résultante sont les chaines de caractères dont le programmeur demande l'affichage. Par exemple :

correspondra à l'affichage dans la page html résultante de :

cette instruction étant ensuite interprétée par le navigateur qui a appellé la page php et reçoit la page html résultante, ce qui affichera :

Les pages .php sont à créer dans un éditeur de texte, comme on le fait pour les pages html, il suffit ensuite de les enregistrer au format .php

• Un exemple introductif complet :
  

• Les pages .php se présentent comme des pages html auxquelles on rajoute un ensemble d'instructions php. Les instructions PHP sont toutes contenues entre deux balises <?php … ?>. Il peut y avoir différentes sections distinctes de code php dans une seule page, les variables définies dans une section, les connexions lancées dans une section seront disponibles dans les sections suivantes.


• Toutes les instructions PHP se terminent par ;, les caractères qui suivent // sur une ligne ne seront pas interprétés : // sert donc à introduire des commentaires.


• La fonction echo "chaine de caractere"; appelle l'écriture de chaine de caractere dans la page html résultante


• Le nom des variables commence par $.


• Soit une variable tableau $tab : $tab[j] permet d'accéder le j^eme élement.


• Certains tableaux sont associatifs : ils sont des ensembles (clé, valeur), par exemple, un exemple de tableau associatif est le tableau $tab={("nom","Dupont"),("prenom","Jean"),("age",40)}, pour accéder les différentes valeurs : $tab['nom'] qui correspond à "Dupont", pour modifier le tableau : $tab['nom']="Durant";


• Deux tableaux associatifs importants sont $_GET et $_POST. Ces tableaux sont non vides si la page .php est appellée depuis un formulaire contenant au moins une variable, ils contiennent les couples clés valeurs définis dans le formulaire appelant. C'est avec ces deux tableaux que l'on récupère les informations passées par l'utilisateur. Si le forumlaire appelant a été crée avec <form method="GET"...>, alors les informations sont récuperables par $_GET, si le formumlaire appelant a été crée avec <form method="POST"...>, alors les informations sont récuperables par $_POST.

4- Ecriture de code HTML via PHP

Ici on veut créer une page php qui génére une page HTML qui affiche Bonjour. Ceci n'a aucun intérêt en fait, puisque l'appel à une page HTML de type :

est absolument équivalent du point de vue du client à l'appel à une page PHP de type :

ce qui est également équivalent à :

Exercice

Créer une page .php qui, lorsque appellée, renvoie une page avec un titre, un certain nombre de sauts de lignes et un texte centré.

5- Recuperation de données d'un formulaire

On illustre dans ce paragraphe l'envoi de données contextuelles par un formulaire HTML, si vous avez besoin d'un rappel sur les pages HTML : Document html. On arrive ici dans le cas d'opérations qu'on ne peut pas faire en s'en tenant à la connaissance du HTML. Selon le schéma client-serveur, on commence par définir un formulaire au sein d'une page HTML appelante. Lors de la création du formulaire, on indique l'adresse d'un script qui sera appellé lorsque le formulaire sera validé par l'utilisateur. En remplissant le formulaire, l'utilisateur attribue des valeurs à certaines variables. Lorsque le bouton d'envoi est cliqué, il y a appel de la page de scripts réferencée par le formulaire. Cette page s'exécute en disposant des variables valuées définies dans le formulaire. On peut noter que le fait d'un clic sur le bouton d'envoi n'est pas le seul évenement déclencheur de l'envoi du formulaire et de la page spécifiée, on n'évoque pas ici la possiblité d'autres évenements.

Exemple : une page qui va afficher un bonjour personnalisé au nom rentré par l'utilisateur :

Dans ce cas, le texte qui est rentré dans le champ <input type="text" name="nom"> qui apparaît dans le navigateur est associé à la variable nom. La valeur qui est rentrée dans le champ est récupérable dans le code php appellé, elle est dans $_POST['nom']. Le code de affichageNom.php consiste en la récupération de la valeur entrée dans le champ et de l'affectation de cette valeur à $var_Nom puis en l'affichage de la valeur de cette variable.

Exemple : une page qui va afficher un bonjour personalisé au nom rentré par l'utilisateur et au genre sélectioné

Ici, dans le formulaire, en plus du champ texte, deux boutons radio apparaissent, ils renseignent la même variable : sexe, le fait de selectionner un bouton induit que l'autre est déselectionné. Ceci ne serait plus vrai si les deux champs ne renseignaient plus la même variable. Le fait de cliquer le bouton radio <input type="radio" name="sexe" value="F"> affecte "F" à la variable sexe. Le fait de cliquer le bouton radio <input type="radio" name="sexe" value="M"> affecte "M" à la variable sexe.

Exercice
On donne ci dessous le code d'une page html. Créer cette page sur votre espace Web puis concevoir et créer une page .php qui recupère les 4 variables fournies par le formulaire et les affiche dans un tableau de 4 cases.

Exercice
Rajouter un test sur chaques données pour vérifier qu'elles ne soient pas vides. Reprendre le code .php généré à l'exercice précédent. Rajouter des tests sur les valeurs des variables récupérées du formulaire pour vérifier notamment qu'elles soient non nulles.

6- POST GET et REQUEST

Dans tous les exemples que l'on a considéré précédemment, on a utilisé cette version de la balise form :

Ceci signifie que l'on passe les variables dans le corps du message HTTP envoyé la page php. Une autre méthode, qui est la méthode par défaut, est GET :

Dans ce cas, les variables ne seront plus passées dans le corps du message HTTP adressé à script.php, l'URL demandée sera alors modifiée. Par exemple, on suppose avoir un formulaire qui affecte respectivement aux variables v1, v2 et v3 les valeurs a1, a2 et a3. Dans ce cas, si c'est la méthode GET qui est utilisée dans l'appel du formulaire script.php, on aura, l'adresse qui apparaître dans le champ URL du navigateur sera :

Pour la récupération des données dans le cas d'un formulaire appellant avec une méthode GET, elle se fait via $_GET[]. Par exemple, dans le cas de l'exemple, on récupère les différentes variables par $_GET[v1], $_GET[v2] et $_GET[v3].

L'intérêt de cette méthode est de pouvoir passer des paramètres à une page PHP directement dans l'URL, par exemple dans un lien :

On peut traiter ce genre de lien comme un formulaire

A moins d'avoir besoin de pouvoir appeler la page PHP à partir d'un simple lien comme dans l'exemple ci-dessus on utilise TOUJOURS la méthode POST pour le traitement d'un formulaire.

Il existe une autre variables scalaire super-globale qui est : $_REQUEST et qui contient l'ensemble des couples (variables,valeurs) passés par $_GET et $_POST.

Exercice

Créez deux pages reprenant l'exemple de passage de paramètre à une page PHP par un lien (méthode GET) et vérifiez en le fonctionnement.

7- Interaction avec des champs complexes de formulaire

On a vu précédemment la procédure pour la récupération d'un champ <input type="text"...>, soit un champ de type texte. On s'intéresse aux autres types de champs qui permettent de faire un formulaire. Le fait de remplir le champ texte par une chaine affecte cette chaine comme valeur à la variable.

• Les boutons 'radio' :

  Dans le cas d'un bouton radio, on a plusieurs cas : différents boutons qui renseignent une même variable, dans ce cas, on renseigne l'attribut 'name' des différents input radio par le même nom :

  Masculin : <input type="radio" name="sexe" value="M">
  Feminin<input type="radio" name="sexe" value="F">
  

  Lorsque l'utilisateur clique un bouton radio, il affecte à la variable spécifiée en name la valeur spécifiée en value. Dans ce cas, la sélection d'un bouton entraîne automatiquement la déselection de l'autre bouton radio : une même variable ne peut pas avoir deux valeurs en même temps. différents boutons peuvent renseigner différentes variables :

  Masculin <input type="radio" name="sexe" value="M">
  19 ans<input type="radio" name="age" value="19">
  

  Ici les deux boutons peuvent être séléctionnés simulanément : le fait de cliquer le premier bouton affecte "M" à la variable sexe, le fait de cliquer le deuxième bouton affecte 19 à la variable age.

• Les boutons 'checkbox' :

  Dans ce cas, on définit deux variables : c1 et c2, pour savoir si une checkbox particulière a été validée : isset($_POST['c1']) renvoie TRUE si la ckeckbox c1 a été validée, FALSE sinon.

  <input type="checkbox" name="c1">
  <input type="checkbox" name="c2">
  

  Par exemple, soit un formulaire défini avec la méthode POST et qui contienne la code :

  Etes vous cadre ? <input type="checkbox" name="cadre">
  

  Dans ce cas, dans la page php appellée, on peut avoir une instruction de controle du type :

  <?php
  if(isset($_POST['cadre']))
    $csp="superieur";
  ?>
  
• les menus de choix déroulants 'select' :

  Les menus de choix déroulants permettent comme les champs 'radio' de choisir une valeur parmi un ensemble de proposition. Mais au lieu de cocher un bouton, on propose à l'utilisateur de choisir une valeur dans une liste déroulante.

  quelle est votre catégorie socio-professionnelle ?
  <select name="csp">
    <option value="csp1">employé</option>
    <option value="csp2">cadre</option>
    <option value="csp3">profession libérale</option>
  </select>

  Le nom de la variable est déterminé par l'attribut 'name' de la balise <select>. La balise <select> encadre des balises <options> qui décrivent les différents choix proposés. L'attribut 'value' de la balise <options> précise la valeur renvoyée par le formulaire, et le texte contenu dans la balise est celui affiché à l'utilisateur.

• les zones de texte 'textarea' :

  Si l'on souhaite faire saisir un texte assez long à l'utilisateur, ce texte pouvant contenir des saut de lignes, on utilisera un type de champ particulier : la zone de texte.

  Précisez vos motivations pour acheter en ligne :<br>
  <textarea name="motivations" rows="5" cols="50"></textarea>
  

  Notez qu'il est important de fermer la balise 'textarea', tout ce qui est compris dans la balise est considéré comme le texte par défaut présenté dans la zone de saisie. Les attributs 'rows' et 'cols' indiquent respectivement le nombre de lignes et la longeur des lignes de la zone de saisie. Le texte se manipule en PHP de la même manière que les chaînes de caractères saisies avec les champs <input type="text">.

Exercice

Réalisez un questionnaire en ligne en posant 4 questions utilisant chacune un des types ci-dessus (en plus du nom et du prénom de la personne interrogée). Réalisez aussi une page PHP qui affiche les réponses à ce questionnaires.

8- Interaction avec une base de données

Le code suivant ouvre la connexion vers une base de donnnée :

Il convient ici de completer en affectant à $host le nom du serveur de bases de données qu'on utilise, en affectant à $user votre login pour ce serveur et à $password le password associé au login utilisé. $db doit se voir affecter le nom de la base de données avec laquelle vous voulez travailler. L'instruction mysql_connect ouvre la connection et mysql_select_db selectionne la base de données avec laquelle vous allez travailler. Dans le cas d'un compte free de login "compte" et de password "mks", on a :

• $host va prendre en argument le nom du serveur qui héberge votre base de données. Dans le cas de compte free : $host="sql.free.fr";
• $user va être le nom de l'utilisateur qui veut accéder la base de donnée : vous devez mettre votre login dans le cas de votre compte free
• $password est le password pour l'utilisateur qui veut se connecter. Rentrez votre password dans cette variable
• $db est le nom de la db que vous accédez : dans le cas de votre compte free : votre login.
• $id_connection=mysql_connect($host,$user,$password); Ici, on appelle une connection au serveur, la fonction renvoie un identifiant de connection.
• mysql_select_db($db,$id_connection); On séléctionne ici la base de donnée sur laquelle on va travailler sur le serveur auquel on s'est connecté, notez que l'on précise la connection pour laquelle on choisit une base de données : on pourrait être en train de gérer plusieurs connections à différentes bases de données en même temps.

On suppose vouloir enregistrer dans une base de données toute occurence de connexion à une page PHP : enrConnex.php (enregistrement du nom saisi dans le formulaire appelant et de l'adresse IP courante). On dispose de la Base de données de nom "myBD" hébérgée sur le serveur "sql.free.fr" et avec le password "nikita265". On suppose que sur cette base de données, on a une table Enregistrement avec deux champs/colonnes : nom et IP. Pour créer une telle page, un ordre de création possible est :

La page enrConnex.php qui va enregistrer les informations dans la base de données :

Vous pouvez vérifier qu'une fois ces deux pages installées sur votre espace Web (et une fois la table créée dans votre base de donnée), le fait d'appeller la page enrConnexion.php depuis le formulaire crée une occurence dans votre base de données. Explication de ce code : ici, mysql_connect() est la fonction php qui ouvre la connexion vers le serveur, en se connectant à un serveur de BD, on se connecte à un ensemble de BD, il faut préciser celle avec laquelle vous voulez interagir : mysql_select_db() prend en argument le nom de votre BD (votre login chez Free) et permet de sélectionner la BD avec laquelle vous allez travailler. $query="..." récupère une chaine de caractère, noter qu'on utilise ' à l'intérieur de la chaine et " pour délimiter la chaine. mysql_query($query) appelle l'execution du code contenu dans $query qui sera traité comme du code SQL et doit donc avoir une syntaxe SQL correcte.

Exercice

Réalisez une page PHP permettant de stocker les réponses au questionnaire précédent. (Repartez de la page PHP qui permet d'afficher les réponses de l'exercice précédent).

Pour cela il vous faut créer une table MySQL où stocker les réponses. Voici les principes pour créer une telle table :

• On stocke les réponses au questionnaire dans une seule table.
• Toutes les réponses d'un sondé au questionnaire sont stockées dans une ligne de la table.
• Pour créer votre table il suffit de déterminer les champs nécessaire pour stocker les réponses à chaque question en fonction du type de saisie.
• Les saisies de type <input type="text"> se stockent dans un champ de type VARCHAR
• Les saisies de type <input type="radio"> se stockent dans un champ de type VARCHAR ou mieux ENUM('choix1','choix2', ...)
• Les saisies de type <input type="checkbox"> se stockent dans des champs de type TINYINT(1), un champ par réponse possible
• Les saisies de type <select> se stockent dans un champ de type VARCHAR ou mieux ENUM('choix1','choix2', ...)
• Les saisies de type <textarea> se stockent dans un champ de type TEXT

Vous pouvez maintenant créer la table correspondant à votre questionnaire, et la remplir grâce à la page PHP de traitement du questionnaire. Vérifiez après chaque saisie avec phpMyAdmin que vous remplissez la table correctement.

9- Traitement du renvoi d'un SELECT

On donne ici le code général pour récupérer le code d'un SELECT. Comme la plupart des méthodes proposées ici, il en existe d'autres pour faire les mêmes choses, ceci est d'autant vrai dans ce dernier paragraphe que l'on présente des techniques qui demandent une plus grande quantité de code. On suppose avoir une page HTML appelante qui fournit des variables nom et sexe. Ici, on va accéder à une base de données pour renvoyer l'age qui correspond à ce nom de client, en supposant avoir une table client, attention : ici on simplifie l'exemple en ne traitant pas l'erreur qui peut être liée au fait que le client n'existe pas dans la table.

En PHP, on va considérer les requêtes SQL comme des chaînes de caractères. Par exemple :

Ces chaînes de caractères vont être passées au serveur sql qui va exécuter (si la variable $nom a la valeur "Dorat") :

La fonction mysql_query($query); appelle l'éxecution de la requête sur la base séléctionnée précédemment, et renvoie le résultat de cette exécution : un tableau à plusieurs lignes avec les colonnes selectionnées. Ici d'après la requête, on renvoie un tableau à une colonne "age" avec un nombre de lignes qui correspond au nombre de cas où on a Client.nom=$nom dans la table Client. L'instruction suivante :

renvoie une ligne du résultat de la requête sous forme d'un tableau. On peut donc ensuite traiter les colonnes : $row[0] etc...

Cette dernière instruction ferme ici la connection au serveur.

Ici, on suppose avoir une base de données avec une table Client comportant une colonne nom, pour afficher l'ensemble des noms de client, à supposer que la connexion à la base de données a déjà été établie :

Ici tant que $row est non vide, c'est à dire tant que l'on a des lignes dans la réponse du SELECT, on lance un nouveau mysql_fetch_row pour obtenir la ligne suivant.

Exercice 1

Créer une page qui permet d'afficher dans un tableau toutes les réponses faites au questionnaire.

Exercice 2

Créer une page qui permet d'afficher le pourcentage de réponse pour chaque réponse qualitative (radio, checkbox, select).

10- Intégration des technologies et mobilisation pour le site

Proposer un code pour les pages categorie.php, devis.php et achat.php.