Web dynamique avec PHP et MySQL

Transcription

1 Web dynamique avec PHP et MySQL Programmation Internet, IvMad, Modèle Client Serveur Le modèle client serveur est tripartite, c.à.d. constitué en trois parties: 1. Client Web qui visualise le contenu des pages HTML et JavaScript demandées au serveur Web 2. Serveur Web qui stocke l'intégralité des pages d'un site : HTML, PHP, JSP, ASP, CGI, JavaScript 3. Serveur d'application et de base de données qui stocke et traite la partie dynamique d'un site. Programmation Internet, IvMad,

2 Server-Side Script Architecture CGI Architecture ISAPI Programmation Internet, IvMad, Développement Web Une application Web est développée pour être stockée du côté serveur. Le cycle de vie de l'application se résume en deux parties : 1. La partie transférée à la demande du client et exécutée par son navigateur Web (requête HTTP, HTML, JavaScript); 2. La partie initialement stockée côté serveur avec les fichiers statiques (HTML) et ceux interprétés par le serveur d'application (PHP, ASP, JSP) dont le résultat en format HTML est envoyé côté client. Programmation Internet, IvMad,

3 Développement Web Dans une application Web les tâches sont reparties entre le client et le serveur. Pour un formulaire par exemple: Traitement des données côté client avec JavaScript: Avantage : rapidité, vérification pas à pas Inconvénient : JavaScript peut être désactivé Traitement des données côté serveur avec CGI/PHP/ASP/JSP Avantage : vérification certaine Inconvénient : échanges fréquents avec serveur Traitement des données des deux côtés Rapidité, robustesse, mais double codage Programmation Internet, IvMad, Java Server Pages Repose sur les mêmes principes que les "asp". Développement via les objets Application, Session, Request, Response, fichiers ".jsp". Code délimité par pseudo-balises <%...%>. Les JSP deviennent au moment de l accès des Servlets car compilés et donc plus rapides. On dispose de toute la richesse du JDK en matière de fonctionnalités (images, math, ). Objet "Request" Récupération des données des formulaires Objet "Response" Page renvoyée au client Web Programmation Internet, IvMad,

4 Java Server Pages <HTML><HEAD><TITLE>Exemple de Java_Server_Page</TITLE></HEAD> <BODY><h2>Exemple de Java Server Page</h2> <P>Contenu dynamique créé en utilisant differents mechanismes JSP<BR /> <B>Expression: </B>Votre hostname: <%= request.getremotehost() %><BR /> <B>Scriptlet: </B><% out.println("data HTTP: " + request.getquerystring()); %><BR /> <B>Declaration et expression: </B> <%! private int accesscount = 0; %>Nombre d accès à la page : <%= ++accesscount %><br /><B>Directive et expression: </B> <%@ page import = "java.util.*" %>Date courante: <%= new Date() %> <BR />JSP c est super <% if (Math.random() < 0.5) { %> <B>simple</B>! <% else { %> <B>compliqué</B>! <% %> </BODY> </HTML> Programmation Internet, IvMad, Java Server Page Servlet: du code Java contenant de l'html Java Server Page: une page HTML contenant du code Java Fonctionnement : La page HTML est convertie en une Servlet La Servlet est traitée par le moteur Java intégrée au serveur Web qui retourne la page HTML construite Moteurs de JSP (Servlets Engine) Pour exécuter des JSP (Servlets), il faut un moteur de JSP (Servlets) associé au serveur Web (Tomcat). Programmation Internet, IvMad,

5 Introduction Le PHP permet de réaliser des sites dynamiquement du côté Serveur Web. HTML est un script de marquage statique et ne permet aucun dynamisme. PHP est disponible pour plusieurs platesformes: Linux, Windows et Macintosh. PHP est un langage de programmation orientée objet spécialisé dans la génération de code HTML. PHP possède des outils pour manipuler des images, le traitement de fichiers, accès aux bases de données, etc. Programmation Internet, IvMad, Histoire Le langage a été créé en 1994 par Rasmus Lerdorf pour son site avec à l'origine une bibliothèque en Perl pour conserver une trace des visiteurs. Par la suite la bibliothèque fut transformée en une implémentation en langage C, capable de communiquer avec les BD et de créer des applications dynamiques. Ainsi en 1995 il rendit public son travail dans l'espace free et open source. PHP s'appelait alors PHP/FI (Personal Home Page Tools). En 1997, deux étudiants, Andi Gutmans et Zeev Suraski, redéveloppèrent le cœur de PHP/FI. Un an plus tard, le résultat donna le Zend Engine devenu alors PHP: Hypertext Preprocessor en version 3. Programmation Internet, IvMad,

6 Fonctionnalités PHP Fonctions mathématiques et expressions régulières Gestion des fichiers et des répertoires Gestion du temps, de calendriers Gestion des formulaires HTML Gestion de protocoles Internet (HTTP, FTP, SMTP) Analyse des documents XML Gestion des cookies, des sessions, des sockets Authentification http, manipulation des en-têtes http Accès natif à des bases de données (MySQL, et autres) Exécution de programmes externes et de shell Encryptage, compression (gzip) Création de documents PDF Création et manipulation d'images GIF, JPEG et PNG Programmation Internet, IvMad, Le langage PHP Le PHP est un langage complet, écrit en C. Le moteur d'interprétation du langage lit un fichier source PHP, puis génère un flux de sortie en respectant les définitions et règles suivantes : Un bloc PHP est un groupe continu de lignes, encadré par deux balises : <? et ou <?php et php Toute ligne située à l'extérieur de ces balises n'est pas interprétée et est envoyée telle quelle dans le flux de sortie. Toute ligne située à l'intérieur de ces balises est considérée comme une instruction PHP et est donc interprétée par le moteur. Lorsqu'une erreur survient, un message est intégré dans le flux de sortie, et la génération du script est interrompue. Programmation Internet, IvMad,

7 Moteur PHP Programmation Internet, IvMad, Fonctionnement Programmation Internet, IvMad,

8 Premier programme Le script PHP est réalisé avec un éditeur de texte de type ASCII (Notepad++ ou autre). <HTML><HEAD> <TITLE>Premier programme PHP</TITLE></HEAD> <BODY> <? echo "<h2>ça <br />marche <i>!</i></h2>"; </BODY> </HTML> L'extension de votre fichier doit être.php afin d être interprété par le moteur Zen installé côté serveur Web (Apache, IIS, Tomcat, ou autre). Programmation Internet, IvMad, Premier programme Si l'extension du fichier est maintenue.html ou.htm l'interpréteur PHP ne sera pas sollicité. L'extension.php provoque l'intervention du moteur "Zen" qui interprète les parties encadrées par les balises <?php et Les parties dynamiquement générées par le serveur dans un fichier HTML sont renvoyées au client par le flux de sortie. Programmation Internet, IvMad,

9 Premier programme L'exécution du fichier ca_marche.php du côté serveur affiche le résultat suivant du côté client: Programmation Internet, IvMad, Premier programme Du côté client, la page contient uniquement du code HTML. Les lignes PHP ont été converties: <HTML> <HEAD> <TITLE>Un premier programme PHP</TITLE> </HEAD> <BODY> <h2>ça <br />marche <i>!</i> </h2> </BODY> </HTML> Programmation Internet, IvMad,

10 Les variables Comme tout langage interprété PHP ne contient pas de partie déclarative. Pour déclarer une variable, il suffit de l'initialiser et cela détermine le type de la variable. Les variables sont toutes dotés du préfixe $ $ma_variable = 1; Il existe 5 types de données : Entier, (int, integer) Décimal, (real, double, float) Chaîne de caractères, (string) Tableau, (array) Objet(object) Programmation Internet, IvMad, Les variables La déclaration des variables en PHP sont précédées du signe $ et se définissent au moyen du signe "=" : <?php $variable = 'test'; $chiffre = 12; $tableau[0] = 1; $tableau[1] = 2; Programmation Internet, IvMad,

11 Les constantes Pour définir une constante il suffit d'utiliser l'instruction define exemple : define("maconstante", "Hello World") ; if (defined("maconstante")) { print "La valeur de ma constante est : ".MACONSTANTE // Attention, on accède au contenu sans le $. Programmation Internet, IvMad, Portée des variables Il existe trois niveaux de définition de variables : 1. Le niveau global. Il définit des variables dans l'intégralité du code d'une page PHP. 2. Le niveau local. Il définit des variables propres à une fonction, dont la durée de vie ne dépasse pas le temps de cette fonction. 3. Le niveau static. Il définit des variables propres à une fonction, qui persistent pendant l'intégralité du code de la page PHP. Programmation Internet, IvMad,

12 Opérateurs!, ~, ++, (the casting operators), *, /, %, +, -,., <<, >>, <, <=, >=, >, ==,!=, &, ^,, =&&,,? : (conditional operator), =, +=, -=, *=, /=, %=, ^=,.=, &=, =, And, Xor, Or Programmation Internet, IvMad, Tests : if... then... else Test de base, si une condition est vrai alors on exécute des instructions sinon (facultatif) on en exécute d'autre. if ( condition1 ) { Action 1 elseif ( condition2 ) { Action 2 else { Action 3 Programmation Internet, IvMad,

13 Tests : if... then... else Exemple : <?php $a=5; $b=6; echo"<p>a=".$a."<br />b=".$b."</p>"; if ($a==$b) { echo "<p>a est égal à B</p>"; elseif ($a > $b) { echo "<p>a est supérieur à B</p>"; else { echo "<p>a est inférieur à B</p>"; Programmation Internet, IvMad, Tests : switch... case... default Le choix multiple est présenté par un 'switch'. La condition est associée à une variable, de plus l'instruction 'break' est primordiale à la fin de chaque bloc de conditions, sinon toutes les conditions seront vérifiées et exécutées. switch ($a) { case $b: echo "A est égal à B"; break; case >$b: echo "A est supérieur à B"; break; default: echo "A est inférieur à B"; break; Programmation Internet, IvMad,

14 Boucles Boucle avec pré-condition while ( condition ) { Action; Boucle avec post-condition do { Action; while (condition); Boucle automatique for (expr1; expr2; expr3) { Action; Programmation Internet, IvMad, Boucles $i=1; while ($i <= 10) { echo "- $i -"; $i++; $i=1; do { echo "- $i -"; $i++; while ($i <= 10); for ($i = 1; $i <= 10; $i++) { echo "- $i -"; Programmation Internet, IvMad,

15 Break; Continue; Break : Cette instruction permet de sortir de n'importe quelle boucle, à n'importe quel moment. Continue : Cette instruction permet de ne pas exécuter le code contenu dans la boucle et de passer à l'itération suivante. for ($i=1; $i<=10; $i++) { if ($i<=5) { echo $i; else { break; echo "- "; // cette boucle affichera : Programmation Internet, IvMad, Les tableaux Dans le langage PHP les tableaux sont une structure de données très efficace: incontournable. La déclaration d'un tableau se fait de la même manière que la déclaration d'une variable avec un indice se trouvant entre [ et ] ou à travers la fonction array(). $tableau = array(); $tableau[0] = 1; Programmation Internet, IvMad,

16 Les tableaux $tableau[0] = 1; // un tableau avec sa première valeur -> 1 Pour un tableau à deux dimensions, il suffit de mettre un second indice au moment de l'affectation. exemple : $tableau[0][0] = 1; // un tableau, et sa première valeur est 1 Il n'est pas obligatoire de préciser l'indice pour affecter une valeur. exemple : $tableau[] = 1; // équivaut à $tableau[0] = 1; $tableau[] = 45; // équivaut à $tableau[1] = 45; $tableau[] = 6; // équivaut à $tableau[2] = 6; La déclaration et l initialisation d'un tableau peuvent également se faire par l'intermédiaire de la fonction 'array()'. Cette fonction permet de préciser les indices ainsi que les valeurs du tableau (à l'aide de l'opérateur =>). Programmation Internet, IvMad, Les tableaux Tableau à indice numérique: <?php $prenoms = array(); $prenoms[0] = 'Maurice'; $prenoms[1] = 'Jean'; $prenoms[2] = 'Pierre'; $prenoms[3] = 'Paul'; syntaxe équivalente <?php $prenoms = array(0 => 'Maurice', 1 => 'Jean', 2 => 'Pierre', 3 => 'Paul'); Programmation Internet, IvMad,

17 Les tableaux Les tableaux associatifs <?php $article1 = array('numero' => 77, 'Nom' => 'Nom de l\'article', 'Prix' => 7); /* ou */ $article2 = array(); $article['numero'] = 77; $article['nom'] = 'Nom de l\'article'; $article['prix'] = 7; Si on veut afficher le prix de l'article, on utilisera toujours echo, mais de cette façon: <?php echo $article['prix']; // Affiche "7" Programmation Internet, IvMad, Les tableaux Parcourir un tableau à l'aide de la fonction foreach() <?php $arr = array( 1, 1, 2, 3, 5, 8, 13 ); <?php foreach( $arr as $value ) echo $value. '<br />'; Programmation Internet, IvMad,

18 Les tableaux Parcourir un tableau à l'aide de la fonction foreach() <?php $individu = array( 'Nom'=>'Dupond', 'Prenom'=>'Martin', 'Age'=>18, 'Nationalité'=>'Française', ); foreach($individu as $key=>$value) { echo $key.' : '.$value.'<br>'; Programmation Internet, IvMad, Les tableaux Exemple : $tableau[ ] = array(0=>1, 1=>45, 2=>6); $tableau[ ] = array("rouge"=>"red", "vert"=>"green", "bleu"=>"blue"); La navigation dans les éléments du tableau s'effectue à l'aide des fonctions 'next()', 'prev()' et 'each()'. Le nombre d'éléments d'un tableau peut être obtenu à l'aide de la fonction 'count()'. Le tri des tableaux est facilité par de nombreuses fonctions : asort(), ksort(), sort(), usort(), etc... Programmation Internet, IvMad,

19 Les tableaux Un traitement classique des éléments d'un tableau avec parcours en boucle: <?php $T = array(); for ($i=0; $i<10; $i++) { $T[$i] = $i; /* affectation */ for ($i=0; $i<10; $i++) { echo $T[$i]; /* résultat : */ Programmation Internet, IvMad, Fonctions each() et list() each(..) - permet de parcourir tous les éléments d'un tableau. La fonction retourne la combinaison clé-valeur courante du tableau passé en paramètre, puis se positionne sur l'élément suivant, et cela du premier au dernier indice. Lorsque la fin du tableau est atteinte la valeur faux (false) est retournée. list(..) - Cette fonction est très souvent associée à la fonction each(), elle permet d'affecter les éléments du tableau dans des valeurs distinctes. Programmation Internet, IvMad,

20 Fonctions each() et list() Exemple : $tableau = array("val1","val2","val3","val4"); //on crée un tableau avec 4 valeurs while ($var = each($tableau)) { echo "$var[0] : $var[1]"; Ce code produit le résultat suivant : 0 : val1 1 : val2 2 : val3 3 : val4 ici l'indice est affecté au premier élément de $var et la valeur au deuxième élément $var Programmation Internet, IvMad, Variables d'environnement L'un des aspects fondamentaux d'une application construite sur une architecture de type client-serveur est l'utilisation des variables d'environnement du serveur, et notamment celles du serveur HTTP. Avec PHP toutes les variables d'environnement du serveur sont automatiquement reprises dans les scripts PHP en tant que variables globales. Ainsi, il suffit de les utiliser directement dans le code. Programmation Internet, IvMad,

21 Variables d'environnement Ces variables sont en fait une variable $_SERVER[] de type tableau contenant autant d'entrées qu'il y a de valeurs récupérées. Exemple : /* IP du client et son navigateur */ <?php $IP=$_SERVER['REMOTE_ADDR'] $NV=$_SERVER["HTTP_USER_AGENT"] echo "Adresse IP du client: ".$IP." Avec le Navigateur: ".$NV; Programmation Internet, IvMad, Variables d'environnement <HTML><head><title>Variables d'environnement</title> <style> <! Le résultat est envoyé au client dans un paragraphe stylé --> p {font-family: sans-serif; color: blue; font-size: 10pt; font-style: italic; margin-left: 50px; margin-right: 50px; margin-top: 20px </style></head><body><?php $ip = $_SERVER['REMOTE_ADDR']; $nv = $_SERVER['HTTP_USER_AGENT']; echo "<p>adresse IP du client: ".$ip." <br />Avec le navigateur: ".$nv."</p>"; </body></html> Programmation Internet, IvMad,

22 Variables d environnement Les variables sont accessibles en directe. $SERVER_NAME : Le nom du serveur hôte qui exécute le script. Si le script est exécuté sur un hôte virtuel, ce sera la valeur définie pour cet hôte virtuel. $PHP_SELF : Le nom du fichier du script en cour d'exécution, par rapport au document root. $DOCUMENT_ROOT : La racine sous laquelle le script courant est exécuté, comme défini dans la configuration du serveur. $REMOTE_ADDR : L'adresse IP du client. $REMOTE_PORT : Le port utilisé par la machine cliente pour communiquer avec le serveur web. $SCRIPT_FILENAME : Le chemin absolu jusqu'au script courant. $SERVER_PORT : Le port de la machine serveur utilisé pour les communications. Par défaut, c'est '80'. En utilisant SSL, par exemple, il sera remplacé par le numéro de port HTTP sécurisé. $REQUEST_URI : L'URI qui a été fourni pour accéder à cette page. Par exemple : '/index.html'. Programmation Internet, IvMad, Variables de formulaires Les variables sont issues des différents champs positionnés entre les balises <FORM> et </FORM> La page qui reçoit ces variables est désignée par l'attribut ACTION de la balise <FORM>. Exemple : <HTML> <FORM ACTION="test.php" METHOD="POST"> Nom : <INPUT TYPE="text" NAME="nom"> <INPUT TYPE="submit" VALUE="Envoyer"> </FORM> </HTML> Programmation Internet, IvMad,

23 Variables de formulaires <HTML><HEAD><TITLE> Affichage du nom </TITLE></HEAD><body> Le nom de l'utilisateur est: Didier </body></html> Programmation Internet, IvMad, Variables de formulaires Les variables récupérées des méthodes GET et POST sont accessibles comme des éléments de tableaux : $HTTP_GET_VARS / $_GET $HTTP_POST_VARS / $_POST Exemple avec la forme "nom" <?php $nom=$_post["nom"]; echo "Le nom de l'utilisateur est: ".$nom; Programmation Internet, IvMad,

24 Exemple de formulaire <form action="affiche-donnees.php" method="post"> <p>entrez votre nom <input type="text" name="nom"> <br /> Entrez votre prénom <input type="text" name="prenom"> <br /> De quel sexe êtes vous? <input type="radio" name="sexe" value="homme"> Homme<input type="radio" name="sexe" value="femme"> Femme <br />Entrez votre pays d'origine <select id="pays" name="pays"> <option value="allemagne"> Allemagne </option> <option value="france">france</option> <option value="hollande">hollande</option> </select><br /> <input type="submit" value="envoyer"> </form> Programmation Internet, IvMad, Exemple de formulaire <?php $nom = $_POST['nom'] ; $prenom = $_POST['prenom'] ; $sexe = $_POST['sexe'] ; $pays = $_POST['pays'] ; echo( "Votre nom: <b>".$nom."</b><br>\n" ) ; echo( "Votre prénom: <b>".$prenom."</b><br>\n" ) ; echo( "Votre sexe: <b>".$sexe."</b><br>\n" ) ; echo( "Votre pays d'origine: <b>".$pays."</b><br>\n" ) ; Programmation Internet, IvMad,

25 Exemple de formulaire Formulaire: Résultat envoyé par le script PHP Programmation Internet, IvMad, Les checkbox cochée  <input type="checkbox" name="jury[]" value="un"/> <input type="checkbox" name="jury[]" value="deux"/> <input type="checkbox" name="jury[]" value="trois"/> <input type="checkbox" name="jury[]" value="quatre"/>   <?php if(isset($_post['jury'])){ // si au moins un moins un checkbox a été coché foreach($_post['jury'] as $chkbx){ echo $chkbx; Programmation Internet, IvMad,

26 Les checkbox en chaîne <html><body>  <form action="checkbox.php" method="post"> <input type="checkbox" name="options[]" value="bleu">bleu<br> <input type="checkbox" name="options[]" value="blanc">blanc<br> <input type="checkbox" name="options[]" value="rouge">rouge<br> <input type="submit" value="envoyer"> </form></body></html> <?php // chechbox.php $options = $_POST['options']; // Contenu des cases à cocher $options_text = implode(', ',$options); // un séparateur est mis entre les éléments du tableau. echo '<p>options:<br><br>'.$options_text.'</p>'; Programmation Internet, IvMad, JavaScript par PHP <?php $variable=0; if ($variable==0) { echo "<script>alert(\"la variable est nulle\")</script>"; Programmation Internet, IvMad,

27 Les Fonctions Une fonction est une sorte de sousprogramme isolé du reste du code, exécutable à tout moment, depuis n importe quelle partie du code principal ou n importe quelle autre fonction, par simple appel. Déclaration : La syntaxe de déclaration s appuie sur le mot clé function. Ce mot clé est immédiatement suivi du nom de la fonction, puis de parenthèses (obligatoires) destinées à accueillir les éventuels paramètres à passer à la fonction. Programmation Internet, IvMad, Les Fonctions Exemple 1: function bonjour() { echo "Bonjour!"; La fonction affichera 'bonjour' et ne retourne aucun résultat, on l utilisera de la manière suivante : Bonjour() ; // affiche 'bonjour' à l écran Exemple 2: function somme( $a, $b) { return $a + $b ; La fonction retourne la somme de deux paramètres. Programmation Internet, IvMad,

28 Les Fonctions Un exemple complet <html> <body> <?php function add($x,$y) { $total = $x + $y; return $total; echo " = ". add(1,16); </body></html> La fonction est exécutée uniquement après son appel et passage des paramètres. Programmation Internet, IvMad, Les Fonctions function dire_texte($qui, $texte = 'Bonjour') { if(empty($qui)) { // $qui est vide, on retourne faux return false; else { echo "$texte $qui"; // on affiche le texte return true; // fonction exécutée avec succès Programmation Internet, IvMad,

29 Les Fonctions Passage par valeur ou par référence : Le passage des paramètres déjà présenté est le passage par valeur. Il existe aussi le passage par référence. On passe à la fonction la référence (adresse mémoire) d une variable existante, et la fonction modifie directement la valeur de cette variable. function bonjour(&$phrase) { $phrase= "bonjour Toto"; $chaine = "Phrase qui va disparaître"; bonjour($chaine) ; echo $chaine ; // affiche 'bonjour Toto' à l écran Programmation Internet, IvMad, Gestion de la date Fonction Date - nombreux paramètres : echo date("d-m-y"); // affiche : " " echo date("d/m/y"); // affiche : 02/03/09 echo date("y"); // affiche : "2008" echo date("m/y"); // affiche : "03/08" echo date("h:i:s"); // affiche 10:16:18 echo date("f j, Y, g:i a"); // March 3, 2009, 10:16 pm Programmation Internet, IvMad,

30 Mathématique Les fonctions mathématiques y sont toutes! Abs, cos, sin, tan, sqrt, exp, pi( ), Programmation Internet, IvMad, Chaînes de caractères strpos(chaîne, sous_chaîne) : retourne la position de la première occurrence de la sous chaîne dans la chaîne. strstr(chaîne, sous_chaîne) retourne la portion de la première occurrence de la sous chaîne. foreach (nom tableau) : A chaque appel, cette fonction retourne la valeur suivante du tableau. strlen (chaîne) : retourne la taille de la chaîne. strtolower strtoupper (chaîne) : retourne la chaîne passée en paramètres an minuscules (majuscules). str_replace (car d origine, car de destination, chaîne) : remplace le caractère d origine par le caractère de destination dans la chaîne. ereg(chaîne à chercher, chaîne) : retourne vrai si la chaîne à chercher (sous forme de chaîne ou sous forme d expression régulière) est contenue dans chaîne. Programmation Internet, IvMad,

31 Mail Envoyer un mail directement, sans appeler un gestionnaire/serveur de courrier. La fonction mail (ou ) paramètres: Le destinataire, L objet du message, Le corps du message. <? Mail("dupont@mondomaine.fr", "Test de la commande mail", "Voici le corps du mail") ; Très pratique pour réponses automatiques d'un serveur Web Programmation Internet, IvMad,