On veut pouvoir conserver des informations d’une page sur l’autre, comme l’identifiant de l’utilisateur connecté (pour ne pas avoir à se reconnecter à chaque page), tout en empêchant autant que possible l’usurpation d’identité.
Dans les exemples présentés ici, on se limitera à transmettre le contenu d’une variable, nommée $test, d’une exécution à l’autre d’un même script, en précisant quand et comment un utilisateur a la possibilité de modifier cette valeur.
Vendredi 1er mars.
2 sessions de 20 min chacune, convocation selon la première lettre du nom de famille :
- de A à J : 10h30
- de K à Z : 11h15
Seuls documents autorisés : une feuille A4 recto-verso, contenu libre.
Ni téléphone, ni ordinateur.
Note finale de l’UE = max de
Partiel le 1er mars, dans l’amphi du cours, en sessions de 20 minutes (qcm + une ou deux questions rapides d’écriture de code), détails à venir.
Les exemples du CSS zen garden ne sont pas toujours des modèles à suivre (le site date de l’époque où il était encore utile de démontrer l’intérêt du css), mais c’est un très bon cas d’école pour comprendre les principes de base.
Le WWW Consortium (W3C) est l’organisme de normalisation du web. Regroupant les grands acteurs du web (concepteurs des principaux navigateurs, principaux sites web, etc.), il définit la manière d’utiliser et interpréter les langages html, css et javascript.
Il est important de savoir lire ses recommandations, même si elles sont parfois arides. C’est la référence officielle.
Les documentations principales dont vous aurez à vous servir :
Quelques applications web ludiques pour apprendre ou s’exercer à taper avec ses dix doigts sans regarder le clavier (touch-typing en anglais).
Vous préférez lequel ? Vous en connaissez d’autres ?
Le concours est lancé : envoyez vos scores, il y aura trois catégories :
- les meilleurs scores bruts
- les meilleures progressions
- les hacks qui permettent de tricher au score 
Je me défends pas mal au typing maniac, amis-Facebook, à vos claviers
Voir un ancien billet sur le sujet, présentant un site jouet utilisant une base de données mysql simple.
Le billet a été mis à jour pour refléter les modifications apportées pendant le cours sur la page d’accueil (découpage en fonctions).
Vendredi 9 mars 2012
Amphi 2A (Attention : ce n’est pas l’amphi habituel du cours)
2 sessions de 20 min chacune, convocation selon la première lettre du nom de famille :
- de A à I : 14h30
- de J à Z : 15h
Seuls documents autorisés : une feuille A4 recto-verso, contenu libre.
Ni téléphone, ni ordinateur.
[Mise à jour du 8 mars : changement d'amphi]
une des merveilles du défunt "Martine cover generator"
Cas d’école : un exemple d’injection de code css par transmission de formulaire. Continuer la lecture
php6, par exinside php
Voir la section correspondante
dans le manuel.
Les expressions ont un type, les variables pas toujours (« Le type d’une variable n’est pas toujours défini par le programmeur ; il peut être défini par PHP au moment de l’exécution, suivant le contexte dans lequel la variable est utilisée », nous dit le manuel).
Nombreuses conversions implicites (c’est à dire qu’on n’a pas toujours conscience que l’interpréteur change le type des expressions quand on les manipule).
True, False)<?php
function test_bool($b)
{
echo "$b -> ";
if($b)
echo 'vrai';
else
echo 'faux';
echo "\n";
}
test_bool(True);
test_bool(False);
test_bool(0);
test_bool(00);
test_bool(1);
test_bool('');
test_bool('0');
test_bool('00');
test_bool('1');
test_bool('toto');
test_bool('True');
test_bool('False');
?>
Voici le résultat de l’exécution de ce script depuis une fenêtre de terminal :
[4-php] php types.php
1 -> vrai
-> faux
0 -> faux
0 -> faux
1 -> vrai
-> faux
0 -> faux
00 -> vrai
1 -> vrai
toto -> vrai
True -> vrai
False -> vrai
echo)Bonjour, ceci est un fichier php, qui s'appelle "texte.php".
<?php
function affiche($i)
{
echo "On m'a dit d'afficher ";
echo "$i\n";
}
echo "<p>ceci est du html</p>\n";
affiche(3);
affiche('truc');
$bob = 4+6;
affiche($bob);
?>
Maintenant je vais calculer 2+3
<?php
affiche(2+3);
echo "Encore une pour la route : ";
echo 2+3;
echo "\n";
?>
On exécute ce script php
NB : sur les machines des salles de TP, si la commande php n’existe pas, il
faut peut-être essayer php-cli. Je vais me renseigner.
[4-php] php texte.php
Bonjour, ceci est un fichier php, qui s'appelle "texte.php".
<p>ceci est du html</p>
On m'a dit d'afficher 3
On m'a dit d'afficher truc
On m'a dit d'afficher 10
Maintenant je vais calculer 2+3
On m'a dit d'afficher 5
Encore une pour la route : 5
[4-php]
Remarquez bien :
p> sont recopiées telles quellesecho ne produit pas de saut de ligne par défaut\n(regardez bien à quels moments le texte va à la ligne)Le processus est le suivant :
.phpCeci permet de générer du code html qui change en fonction des
paramètres choisis par l’utilisateur.
Ce qui est inclus avec include sera traité comme le fichier php
principal, et donc selon les mêmes règles que décrit plus haut :
Ayez toujours en tête la structure du fichier html qui devra être
produit à la fin.
Exemple : Le fichier test-html.php ci-dessous.
<!DOCTYPE html>
<html>
<?php
include('head.php');
include('body.php');
?>
</html>
Le fichier head.php :
<head>
<meta charset="utf8" />
<title>Test</title>
</head>
Le fichier body.php :
<body>
<h1>Voilà</h1>
<p>Ca marche</p>
<p>
<?php
echo 5*8;
?>
</p>
</body>
Le résultat sur le terminal :
[4-php] php test-html.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" />
<title>Test</title>
</head>
<body>
<h1>Voilà</h1>
<p>Ca marche</p>
<p>
40 </p>
</body>
</html>
Je mets le résultat dans un fichier :
[4-php] php test-html.php > test-html.html
Je charge ce fichier dans mon navigateur :
test-html.html dans le navigateur
Voir la section correspondante
dans le manuel.
Contrairement à java, les tableaux en php sont des dictionnaires (ou
tableaux associatifs, ou maps en anglais), c’est à dire des listes
de couples
[ clef => valeur ]
La clef est soit une chaîne de caractère, soit un entier.
Vous avez déjà pu voir ça avec le tableau $_GET ou le tableau
$_REQUEST pour le traitement des formulaires (voir cours précédent).
Les tableaux se parcourent fréquemment au moyen de la boucle foreach :
foreach($tab as $val)
echo "valeur suivante : $val";
foreach($tab as $key => $val)
echo "à la clef $key est associée la valeur $val";
Exemple :
<?php
function affiche_tab($tab)
{
foreach($tab as $param => $valeur)
echo "$param donne $valeur.\n";
echo "\n";
}
function affiche_valeurs($tab)
{
echo "Les valeurs de mon tableau :\n";
foreach($tab as $valeur)
echo "$valeur.\n";
echo "\n";
}
$cp = array(
'nom' => 'Prieur',
'prénom' => 'Christophe',
'email' => 'prieur@liafa.fr');
echo "\n";
affiche_tab($cp);
affiche_valeurs($cp);
?>
Résultat :
[4-php] php array.php
nom donne Prieur.
prénom donne Christophe.
email donne prieur@liafa.fr.
Les valeurs de mon tableau :
Prieur.
Christophe.
prieur@liafa.fr.
On peut aussi ajouter des valeurs à un tableau sans en spécifier la
clef :
$tab[] = 'toto';
Dans ce cas, la clef est fixée automatiquement à un entier, qui est le
plus petit entier qui n’a pas déjà été attribué comme clef (et 0 si
aucune valeur n’a été attribuée précédemment).
Exemple :
<?php
$tab['test'] = 6;
$tab[] = 42;
$tab[2] = 56;
echo "\n";
affiche_valeurs($tab);
for($i=0; isSet($tab[$i]); $i++)
echo "$i donne " . $tab[$i] . "\n";
echo "\n";
?>
Résultat :
Les valeurs de mon tableau :
6.
42.
56.
0 => 42
Remarquez bien :
'test' n’est pas un entier mais elle définit une valeur duEn particulier :
Mais aussi :
Bien noter la distinction == vs. ===
(et donc != vs. !==), et les tableaux
récapitulatifs de
comparaison entre types
et bon courage pour les migraines 
Retenir surtout qu’il faut toujours faire plein de tests quand
vous manipulez ensemble des expressions qui n’ont pas le même type.
Voir l’exemple du piratage du site de Christine Boutin à l’annonce du retrait
de sa candidature, traité dans un autre billet.
un exemple
<form action="traite.php" method="get">
<p>
Surnom : <input type="text" /><br/>
<label for="prenom">Prénom : </label>
<input type="text" id="prenom" name="prenom"/><br/>
<label for="nom">Nom : </label>
<input type="text" id="nom" name="nom"/><br/>
<label for="email">email : </label>
<input type="email" id="email" name="email"/><br/>
<input type="radio" name="sexe" id="hom" value="homme" />
<label for="hom">Homme</label><br/>
<input type="radio" name="sexe" id="femme" value="femme" />
<label for="femme">Femme</label><br/>
<input type="submit" value="Envoyer le formulaire" />
<input type="reset" />
</p>
</form>
le formulaire
Remarque
Navigation et saisie possibles intégralement au clavier dans le formulaire (touches Tab, Shift-Tab, flèches pour les boutons radio, espace pour les checkbox, les listes et les boutons, Entrée pour envoyer le formulaire).
Rôles des différents attributs :
idinput,label)forlabel à un élément de saisie désignéid. Ainsi, quand on clique sur le label, l’élément estnamevalueinput type="radio", il faut lainput type="text", cet attribut permet deCe qui s’affiche dans la barre d’adresse (ici on a découpé l’url pour la rendre plus lisible) :
http://localhost:8888/HOME/IO2/traite.php?
surnom=chris&
prenom=Christophe&
nom=Prieur&
email=prieur%40liafa.fr&
sexe=homme
Pour le tester en local sur son ordinateur, il faut installer un
serveur web avec interpréteur php.
Le manuel de référence du langage et sa
traduction en français, qui a parfois
tendance à basculer en anglais, mais ça ne vous fera pas de mal…
<!-- début d'un document html normal, mais dans un fichier
-- portant l'extension .php, en l'occurrence traite.php
-- puisque c'est ce que j'ai indiqué dans l'attribut action
-- de mon formulaire
-->
<table border="1">
<?php
affiche_parametre("nom");
affiche_parametre("prenom");
affiche_parametre("surnom");
affiche_parametre("sexe");
?>
</table>
où la fonction affiche_parametre est définie plus tôt dans le
fichier :
<?php
function affiche_parametre($nom_param)
{
echo '<tr>';
echo '<td>' . $nom_param . '</td>';
echo '<td>' . $_REQUEST[$nom_param] . '</td>';
echo '</tr>';
}
?>;
En cas d’erreur, utiliser la commande shell php dans un terminal
peut simplifier le debugage (ici, php traite.php).
Toujours bien séparer les parties « surtout php » et les parties « surtout html ».
Par exemple, définir des fonctions
à l’intérieur du head (de même qu’on y met des
directives de style), et dans le body, insérer seulement des
appels de fonctions
if(isSet($_REQUEST["nom"]) && $_REQUEST["nom"] != "")
{
$nom = $_REQUEST["nom"];
echo "<p>Vous vous appelez $nom.</p>";
}
else
{
echo "<p>Votre nom s'il vous plait ?</p>";
affiche_formulaire();
}
Dans cet exemple, le même fichier php sera utilisé pour afficher le
formulaire et pour le traiter. Il suffira alors, dans les attribut du
formulaire, d’indiquer action="", ce qui signifie « le fichier courant ».
La vérification des paramètres sera traitée plus en détail la
prochaine fois, pour les questions de sécurité.
<?php ?> signalent du code php, le reste est renvoyéecho pour envoyer du code htmlfunction pour définir une fonction, par exemple dans le head$_REQUEST pour récupérer les valeurs des paramètres transmisisSet() pour tester si un paramètre a été fourniLes suggestions qui sont parfois apportées quand on remplit un champ
dans un formulaire, peuvent être fournies par des moyens différents :
datalist associé à l’élémentinput (exemple sur w3schools)