Introduction Web. 1ère année, cours - 5/5. Marcel Bosc

Transcription

1 Introduction Web 1ère année, cours - 5/5 Marcel Bosc Département informatique IUT de Villetaneuse Université Paris-13

2 table des matières Types en PHP Classes et objets Organisation code PHP CMS / Frameworks Programmation coté client Bilan

3 1ère partie Types en PHP

4 Types en PHP $a = 5; // entier var_dump($a); // affiche int(5) $b = 'bonjour'; // chaine var_dump($b); // affiche string(7) "bonjour" $b = $a; var_dump($b); // affiche int(5) $a = 123; // entier $a = '123'; // chaine $a = true; // bool $a = 3.141; // float $a = array('a','b','c'); // array

5 Conversion de type cast // à la main $a = 123; // entier $b=(string) $a; var_dump($b); // affiche string(3) "123" $a = '123'; // chaine $b=(int) $a; var_dump($b); // affiche int(123) $a = '123'; $b = intval($a); var_dump($b); // affiche int(123) // aussi: $a = (bool) $b; $a = (float) $b;

6 Conversion automatique // exemple chaine -> int $a = 5; // entier $b = '10'; // chaine $c = $a + $b ; // résultat = 15 // exemple int -> chaine // 1) $a est converti en chaine : '5' // 2) concaténation de deux chaines $r = 'abc'.$a; // Conversion automatique avec == $a = 5; $b = '5'; if($a == $b){ echo "oui!"; } // exemple pratique: formulaire multiplication // $_GET['...'] est une chaine $resultat= $_GET['nombre1'] * $_GET['nombre2']

7 Comparaison avec type $a = 5; $b = '5'; // vrai if( $a == $b ) {... } // faux : pas le même type if( $a === $b ) {... } // Exemple pratique $pos = strpos('abcdef','cd' ); // $pos -> 2 $pos = strpos('abcdef','ab' ); // $pos -> 0 $pos = strpos('abcdef','xy' ); // $pos -> false // Pas bon: 0 == false if( strpos('abcdef','ab' ) == false ) {... } // Ok 0!== false if( strpos('abcdef','ab' ) === false ) {... }

8 Divers Manipulation de types // fonctions is_int, is_array... if(is_int($a)){echo "a est un entier";} echo gettype($a); // affiche "int" Fonction unset unset($a); unset($t['xyz']); Opérateur "ternaire" // Si $b est vrai : $a=$c sinon $a=$d $a = $b? $c : $d; // exemple : $ligne=0,1,2,3,4... echo '<tr class="'.($ligne%2? 'impair' :'pair').'">';

9 2e partie Classes et objets

10 Classes et objets // définition d'une classe class Exemple { // déclaration des propriétés public $propex = 'bonjour'; } // déclaration des méthodes public function afficher() { echo $this->propex; } // création d'un objet $e = new Exemple(); // appel d'une méthode $e->afficher(); // accès à une proprieté echo $e->propex;

11 Constructeur, héritage class Exemple extends Parent { public $xyz; } // déclaration des méthodes function construct($a) { $xyz= $a + 10; } // Création d'un objet avec argument $e = new Exemple(123);

12 3e partie Formulaire

13 Étapes problème affichage formulaire validation ok traitement / enregistrement

14 Affichage... $age=''; if(isset($_post['age'])) { $age=... }... $age=htmlspecialchars($age,...);... <form method="post" action="formulaire.php"> <p> 2 cas: Première fois (vide) Re-affichage (erreur) <input type="text" name="nom" value="<?php echo $nom;?>"/> <input type="text" name="age" value="<?php echo $age;?>"/> <input type="submit"/> </p> </form> problème affichage formulaire validation ok traitement / enregistrement

15 Validation... $ok=true; if(isset($_post['age'])) { $age=_post['age']; if(!preg_match('/^[0-9]+$/',$age)){$ok=false;} } if($ok) {... // traitement / enregistrement } else {... // afficher formulaire }... problème affichage formulaire validation ok traitement / enregistrement

16 Traitement / enregistrement if($ok) { $majeur=($age>=18);... requete_sql("update utilisateurs SET age=%d WHERE...",$age); // redirection header('location: exit(); } problème affichage formulaire validation ok traitement / enregistrement

17 3e partie Organisation code PHP

18 Le problème Répétition : pour chaque fichier : Initialisation variables Connexion à la BdD Droits d'accès utilisateur connecté? à le droit de voir cette page?... Chaque fichier à sa propre logique Difficile de suivre le déroulement

19 Une solution Toute requête passe par index.php index.php : initialisation, connexion BdD, droits d'accès... "contrôleur" : "aiguillage" Quels fichiers inclure / fonctions appeler

20 Exemple function exemple() { connexion_bdd(); $user=utilisateur_connecte(); $action=$_get['action']; verifier_acces($user,$action); } require_once 'entetes.inc'; switch($action) { case 'accueil': require_once 'accueil.inc'; accueil(); break; case 'page': require_once 'page.inc'; page(intval($_get['n'])); break;... } require_once 'fin-de-page.inc';

21 (rappel) séparation HTML / PHP <?php $total=0; foreach($joueurs as $joueur) { $total+=$joueur['score']; } require_once 'page-score.php',?> page-score.php <!DOCTYPE...> <html> <head> <title>...</title> </head> <body> <p>le score total est de <?php echo $total;?> points</p> </body> </html> PHP, très peu de HTML HTML, PHP très simple: (afficher variables) séparation des métiers

22 Template <!DOCTYPE...> page-score.php <html> <head> <title>...</title> </head> <body> <p>le score total est de <?php echo $total;?> points</p> </body> </html> template PHP <!DOCTYPE...> <html> <head> <title>...</title> </head> <body> <p>le score total est de {$total} points</p> </body> </html> page-score.tpl Langage template Smarty, CMS / Framework Symfony (Twig)...

23 5e partie CMS / Frameworks

24 CMS CMS: Content Management System Création / gestion site web par non-informaticien Gestion d'articles, contenu, utilisateurs,... Extensible: ajouter / personnaliser fonctionnalités Templates Droits d'accès Ne pas ré-inventer la roue... Temps d'apprentissage contraignant complexité Exemples: Drupal Wordpress Joomla Spip

25 Framework PHP Framework PHP: collection de fonctions et/ou classes facilitant l'écriture de logiciels web fonctionnalités similaires aux CMS vous écrivez le programme : liberté, souplesse Ne pas ré-inventer la roue... Temps d'apprentissage pour informaticiens uniquement Exemples: Zend Symfony CakePHP

26 6e partie Programmation coté client

27 client (navigateur) interactivité - lenteurs serveur site.org votre adresse: toto@site.o envoyer 1 apache 2 saisie.php adresse non valide! toto@site.o envoyer 4 3 lenteur réseau exécution PHP - serveur chargé lenteur réseau lenteur affichage internet

28 interactivité - programme client client (navigateur) serveur site.org votre adresse: toto@site.o envoyer script client adresse non valide! toto@site.o pas d'interaction client / serveur lente envoyer internet

29 programmes client - exemples popup interactif aide contextuelle popups validation de formulaires menus déroulants éditeurs wysiwyg cartes interactives...

30 programmes client - langages javascript langage de programmation standard - ECMAScript exécuté par le navigateur! aucun lien avec le Java! incompatibilités entre navigateurs adobe - flash vidéo sites entiers propriétaire navigation

31 javascript et DOM p a img a DOM Document Object Model représentation objet des éléments HTML du document strong img id=photo img est un objet! On peut le manipuler en javascript i=document.getelementbyid("photo"); i.style.border="1px solid red";

32 principaux objets DOM Window Document Un titre un paragraphe Element

33 objets DOM : Element <p id="ex" style="color: red">un exemple</p> var ceparagraphe=document.getelementbyid("ex") ceparagraphe.style.color="green"; élément

34 Element : propriétés <p id="ex" class="toto">un exemple</p> var ceparagraphe=document.getelementbyid("ex") ceparagraphe.classname="titi"; ceparagraphe.textcontent="nouveau texte";

35 événements Javascript interaction boutton souris boutton souris (double) mouvement souris touche clavier onclick ondblclick onmousemove onkeypress on peut ajouter des gestionnaires d'événement à tous les éléments exemple: <p onclick="ma_fonction()">...</p>

36 7e partie Bilan

37 Technologies : client / serveur client (navigateur) serveur HTML CSS Javascript Flash DOM JQuery PHP, Java, Perl, Python, ASP BdD: SQL CMS Framework Ajax (Ahah)

38 Au 3e semestre Programmation client: Javascript, DOM, Jquery PHP + BdD Ajax (Ahah) CMS / Frameworks

39 ce document est distribué librement : sous licence GNU FDL : les originaux sont disponibles aux formats OpenOffice et powerpoint