langage web: html BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

Transcription

1 langage web: html BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

2 langage web: html page statique: l'utilisateur n'a pas d'influence sur le contenu ou l'aspect de la page affichée

3 client (navigateur web) DNS = annuaire serveur web index.html URL URL html index.html

4 Principe du PHP client (navigateur web) serveur web accueil.php votre nom J. Chirac URL + données index.php

5 Principe du PHP client (navigateur web) serveur web accueil.php Salut, Jacques! URL + données index.php html html Le serveur web transforme le fichier PHP en fichier html "à la volée" BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

6 exemple de fichier php html php

7 html / php html est un langage de structuration comment afficher les données php est un langage de programmation variables instructions (echo if ) c'est le serveur web qui interprète (= transforme) le programme php en html

8 PHP + MySQL client (navigateur web) serveur web acheter.php URL + données acheter.php Pentax K-r html base de données (MySQL) html BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

9 LAMP/WAMP/XAMP A pache : serveur web M ysql : base de données P HP

10 sur votre PC client (navigateur web) serveur web acheter.php acheter.php

11 Structure d'un programme PHP BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

12 html commentaire indentation bloc

13 Bloc PHP <?php...?> Commentaires <?php // voilà un // commentaire?> Bloc d'instructions <?php foreach ($array as $k) { echo $k."<br />"; } toutes les lignes d'instructions en PHP se terminent par un ; sauf celles qui ouvrent un bloc if ($note >= 10) { echo "Validé!<br />"; }?>

14 Bloc d'instructions <?php foreach ($notes as $note) { echo "Votre note:".$note."<br />"; if ($note >= 10) { echo "Matière validée!<br />"; } else { } } Conseil de présentation! echo "Matière à repasser...<br />";?> les instructions dans un bloc sont indentées par rapport aux instructions au niveau supérieur.

15 Formulaires et variables BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

16 boîte de texte bouton radio menu déroulant choix multiples bouton validation

17 Principe chaque élément d'un formulaire est identifié par un nom <input type=text name=nom> </input> le nom peut être quelconque : pas d'espaces, pas de caractères accentués! une fois le formulaire soumis par le client, le serveur va stocker le contenu du champs du formulaire dans une variable, dont le nom sera celui de l'élément J. Chirac <input type=text name=nom> J. Chirac $_POST['nom'] client serveur

18 Formulaire les boîtes texte Votre nom: Bond script.html <form method="post" action="script.php"> Bond $_POST['nom']... Votre nom: <input type=text name="nom"> script.php Bonjour, Bond <?php echo "Bonjour,".$_POST['nom'];?>

19 Formulaire les boîtes texte Votre nom: Bond script.html <form method="post" action="form.php"> Bond $_POST['nom']... Votre nom: <input type=text name="nom"> script.php ERREUR! <?php echo "Bonjour,".$_POST['nom'];?>

20 Formulaire les boîtes texte Votre nom: Bond script.html <form method="get" action="script.php"> Bond $_GET['nom']... Votre nom: <input type=text name="nom"> script.php Bonjour, Bond <?php echo "Bonjour,".$_GET['nom'];?>

21 Formulaire les boutons radio Vous êtes script.html f <form method="post" action="script.php"> Vous êtes: <input type=radio name="sexe" value="f"> une femme <input type=radio name="sexe" value="h"> un homme script.php $_POST['sexe'] <?php Vous êtes: f echo "Vous êtes".$_post['sexe'];?>

22 Formulaire les boutons radio on peut mettre n'importe quelle chaîne de caractères pour value! script.html <form method="post" action="script.php"> une femme $_POST['sexe'] <input type=radio name="sexe" value="une femme"> une femme <input type=radio name="sexe" value="un homme"> un homme script.php Vous êtes: une femme <?php echo "Vous êtes".$_post['sexe'];?>

23 Formulaire les menus déroulants script.html <form method="post" action="script.php"> Continent <select name="cont"> <option value="asie"> Asie <option value="europe"> Europe <option value="afrique"> Afrique <option value="amérique"> Amérique <option value="océanie"> Océanie </select> script.php asie $_POST['cont'] <?php Vous êtes originaire de: asie echo "Vous êtes originaire de<br />"; echo $_POST['cont'];?>

24 Résumé éléments de formulaires BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée balise d'ouverture de formulaire: <form method="post" action="script.php"> method détermine le nom de la variable $_POST['xxx'] ou $_GET['xxx'] balises d'éléments de formulaire <input type=text name='nom'> name détermine le nom de la variable $_POST['nom'] ou $_GET['nom'] boîte texte: la variable contient le texte entré par l'utilisateur bouton radio, menu déroulant: la variable contient la valeur indiquée par value

25 Variables les variables sont des cases dans la mémoire de l'ordinateur qui permettent de stocker des informations ("boîte") les variables ont un nom (commence par $, p. example $votre_nom) ont un contenu elles peuvent contenir des chaînes de caractère: "James Bond" (toujours entre guillemets) des chiffres: 2, 4.9, certaines sont définies par l'utilisateur, d'autres sont créées et remplies automatiquement par le serveur ($_POST, $_GET) attention: pas de caractères accentués ni espaces dans les noms de variables!

26 $matiere BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée Opération sur les variables créer une variable et la remplir (=lui affecter une valeur) afficher le contenu d'une variable: $note = 14; $matiere = "biocell"; echo "votre matière". $matiere."<br />"; 14 biocell Votre matière:biocell $note

27 Opération sur les variables on peut affecter à une variable le contenu d'une autre variable $note = 14; $note = $note_td; 14 $note $note_td $note après cette opération, les 2 variables contiennent la même chose!

28 Attention!! une variable ne peut contenir qu'une seule valeur à la fois toute nouvelle affectation écrase la valeur précédente $nom = "Bond"; echo $nom."<br />"; $nom = "James"; echo $nom."<br />"; Bond James

29 Formulaire les boutons à choix multiples Problème: on ne peut pas mettre plusieurs objets dans une même variable! "dîner" a écrasé "ptdej" cript.html form method="post" action="script.php"> otre commande <br /> input type="checkbox" name="choix" value="ptdej">petit-déjeuner<br /> $_POST['choix'] input type="checkbox" name="choix" value="dej">déjeuner<br /> input type="checkbox" name="choix" value="dîner">dîner<br /> /select> script.php <?php Vous avez commandé dîner echo "Vous avez commandé<br />"; echo $_POST['choix']; et mon petit-déj???>

30 Tableaux variable simple $nom tableau $choix[0] $choix[1] $choix[2] $choix[3] $choix un tableau porte un nom ($choix) et contient plusieurs cases ($choix[0],$choix[1],...)

31 Opérations sur les tableaux créer et remplir un tableau $choix = array(); $choix[0] = "dormir"; $choix[1] = "manger"; afficher le contenu d'un élément du tableau echo $choix[1]; manger ou afficher tous les éléments $choix = array("dormir","manger") for ($choix as $k) { dormir manger } echo $k."<br />"; dormir manger $choix[0] $choix[1]

32 Tableaux associatifs au lieu de numéroter les éléments d'un tableau (0,1,2,...), il est parfois plus explicite de leur donner un nom exemple: tableau classique contenant les notes d'un étudiant $note James $note[0] $note[1] $note[2] $note[3] Code: $note = array('james',8,14.6,16.1); $note[1] BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

33 Tableaux associatifs au lieu de numéroter les éléments d'un tableau (0,1,2,...), il est parfois plus explicite de leur donner un nom exemple: tableau associatif contenant les notes d'un étudiant $note James $note['nom'] $note['bioch'] $note['biocell'] $note['bioinfo'] Code: clé valeur $note = array('nom' => 'James','bioch' => 8,'biocell' => 14.6, 'bioinfo' => 16.1); $note[1] BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

34 Créer un tableau associatif Méthode 1: $note = array('nom' => 'James','bioch' => 8,'biocell' => 14.6, 'bioinfo' => 16.1); Méthode 2: $note['nom'] = 'James'; $note['bioch'] = 8; $note['biocell'] = 14.6; $note['bioinfo'] = 16.1; La seconde méthode permet de rajouter un élément au tableau: $note['anglais'] = 13;

35 $_POST et $_GET sont des tableaux associatifs! script.html Nom: Jane vous habitez: vous êtes: <form method="post" action="script.php"> Nom <input type=text name="nom"> Vous habitez<br /> Continent <select name="cont"> <option value="asie"> Asie... </select> Vous êtes: <input type=radio name="sexe" value="f"> une femme <input type=radio name="sexe" value="h"> un homme $_POST Jane asie f $_POST['nom'] $_POST['cont'] $_POST['sexe'] $note[1] BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

36 Retour sur les boutons à choix multiples $_POST['choix'] n'est pas une variable simple, mais un tableau qui contient autant d'éléments que de choix cochés ptdej dîner script.html <form method="post" action="script.php"> Votre commande <br /> <input type="checkbox" name="choix[]" value="ptdej">... [0] [1] $_POST['choix'] <input type="checkbox" name="choix[]" value="dej">... <input type="checkbox" name="choix[]" value="dîner">... </select> les [] indiquent que $_POST['choix'] sera un tableau Vous avez commandé ptdej dîner script.php <?php echo "Vous avez commandé<br />"; foreach ($_POST['choix]' as $c) { echo $c."<br />"; }?>

37 les expressions conditionnelles si telle condition est remplie......alors fais ceci! sinon fais cela...

38 si ( ) alors... si condition vraie (instructions avant) if (condition) { (bloc d'instructions à effectuer si la condition est VRAIE) si condition fauss } (instructions après) exemples de conditions: if ($note >= 10) if ($nom == "Bond")... if ($nom1 == $nom2)...

39 si ( ) alors...sinon (...) (instructions avant) if (condition) { si condition fau si condition vraie (bloc d'instructions à effectuer si la condition est VRAIE) } else { (bloc d'instructions à effectuer si la condition est FAUSSE) } (instructions après)

40 si ( ) alors...sinon si ( ) sinon... si condition1 vraie (instructions avant) if (condition1) { (bloc d'instructions à effectuer si la condition1 est VRAIE) } elsif (condition2) { (bloc d'instructions à effectuer si la condition2 est VRAIE) } else { (instructions si condition1&2 sont FAUSSES) } (instructions après) si condition1 fausse et condition2 vraie si condition1 fausse et condition2 fausse

41 Les fonctions chaîne de caractères nombre(s) rien du tout nombre(s) chaîne de caractères arguments résultat

42 strtoupper blabla BLABLA arguments résultat

43 Principe d'une fonction dans un programme, une fonction permet d'effectuer une opération une fonction prend généralement des arguments, et renvoie un résultat exemples argument = chaîne de caractère; résultat = chaîne de crtatères strtoupper('blablabla') BLABLABLA ucfirst('blablabla') Blablabla (voir argument: aucun, résultat: nombre entier aléatoire rand() (voir

44 différence entre l'url file:// et ou: pourquoi il y a un problème lorsqu'on fait un double-clic pour ouvrir un fichier html?

45 client (navigateur web) serveur web html public_html/ html index.html

46 client (navigateur web) serveur web file://index.html html public_html/ index.html

47 client (navigateur web) serveur web html public_html/ php index.php

48 client (navigateur web) serveur web file://script.php? php public_html/ index.php

49 Conclusion un navigateur web ne comprend que l'html les fichiers html et php doivent "être servis" par le serveur web (d'où son nom) donc: et non file://script.html