APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.

Présentation au sujet: "APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen."— Transcription de la présentation:

1 APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen Mahrous Grenoble INP – Pagora 10 novembre 2014 Cours en Réponse à questions, n° 3

2 Groupe : ? Autres groupes ? ? Profs Comment le serveur récupère-t-il les valeurs renseignées dans el formulaire ? Cas des boutons radio, les menus « surgissant » et des cases à cocher ? Cas des boutons, et du champ de type « hidden » ? Différence entre les méthodes GET et POST ? Peut-on cumuler les méthodes GET et POST ? Peut-on utiliser la méthode GET pour paramètrer une feuille de style ? Qu’est-ce qu’un programme principal ? Questions reçues

3  Formulaires HTML et PHP

4 Rappels HTML : les formulaires Exemple complet: (source et résultat) http://www.tiprof.fr/PHP-mySQL/ressources/html/html-form.html -Balise … -Attributs: -method -post -get -Différences -Des valeurs passées par GET se voient dans l’URL ex: http://maPage.php?val1=huhu&val2=hehehttp://maPage.php?val1=huhu&val2=hehe -GET limité en taille (255 caractères) -Action: -Ce qu’il se passe après la validation -Script php, perl, … -envoie d’un mail -Etc

5 Exemple de mini-formulaire Nom : Homme Femme Password : Informatique Telecom-Reseaux Electronique A1 A2 A3 html-form.html

6 Méthodes de transmission : GET, POST Osef.php Ex_form.html Essayer: http://tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/form_getpost/ mini-form.php?quoi=sertgsrtf http://tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/form_getpost/ mini-form.php?quoi=sertgsrtf Voir : http://tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/form_getpost/http://tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/form_getpost/

7 Paramètres GET et POST : mini-formulaire

8 Méthode GET

9 Méthode POST

10 Méthode POST avec String-Query Les valeurs POST écrasent les valeurs GET dans $_RESQUEST

11  Un programme principal pour Séquencer les actions

12 Traitements des formulaires Conseils : utiliser la méthode POST utiliser le même « name » pour les boutons de soumission Où utiliser le PHP ? pour récupérer les valeurs POST pour traiter les actions (programme principal) pour re-envoyer sur le formulaire lui-même pour réafficher avec les valeurs saisies pour les cases-à-cocher et autres choix

13 Formulaires HTML et PHP " METHOD= »POST"> Nom : "> Homme Femme Password : »> <?php $listOption = array("info"=>" Informatique ", "tr"=>" Telecom-Reseaux ", "en"=>" Electronique ”) ; foreach($listOption as $k => $opt) { $valCked = ($_POST['filiere']== $k)? 'CHECKED' : '' ; ?> " > <?php } // fin foreach ?> VALUE="a1"> A1 VALUE="a2"> A2 VALUE="a3"> A3 html-form.php du PHP - pour re-envoyer sur le formulaire lui-même - pour réafficher avec les valeurs saisies - pour les cases-à-cocher

14 Actions des formulaires <?php foreach($_REQUEST as $k => $v) { echo " \n $k $v "; } ?> " METHOD="POST"> <?php switch ($_REQUEST['lancer’] { case 'Afficher': afficher(); break; case 'Enregistrer': enregistrer(); break; default : afficher(); } ?> … du PHP - pour récupérer les valeurs POST - pour traiter les actions (programme principal)

15 3 pages HTML contenant des portions de formulaire dans 3 fichiers distincts http://www.tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/mysql/ Modularisation du code : plusieurs fichiers à inclure (ou des fonctions)

16 Modularisation du code : afficher

17 Modularisation du code : insérer

18 Modularisation du code : visualiser

19 Modularisation du code : programme principal (=le chef d’orchestre )

20 Séquencement d’un formulaire But : concevoir le flux de contrôle Etape 1 : réaliser le formulaire qui en fait rien mais dit ce qu’il fera Etape 2 : réaliser chacune de action Etape 3 : essayer le formulaire et le compléter Tout le monde doit être d’accord On doit pouvoir le tester « unitairement » On peut se répartir les tâches On recommence

21 Séquencement du formulaire Tout se joue dans un gros switch Quand il y a une BD, il faut connecter les 2 serveurs

22 Séquencement du formulaire : le switch

23 Sequencement : mise au point Un truc de mise au point : Faire écrire des textes de trace dans une balise Récupération des valeurs du.csv ligne par ligne Et lui associer un style CSS.trace { display:block; background-color: #ffffbb; border: 1px solid #008888; color: #008888; }

24 Introduction du code effectif des actions

25  Références

26 http://tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/form_getpost/mini-form.php Le formulaire GET/POST du diaporama, avec les / qui passent mal... http://www.tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/form_getpost/ la suite de la page explique comment les gérer. Le triple formulaire avec un minimum d'actions pour des cartes de visite http://tiprof.fr/SitesWebDynamic/Techniques-swd/matériel/mysql/ Le formulaire avec le programme principal qui ne fait rien expliqué et les codes correspondants de celui qui mémorise dans la base de données http://tiprof.fr/PHP-mySQL/ressources/conception/ http://tiprof.fr/Essais-php-js/formulaires/form-prog-principal/form.php Attention : il est très probable que le QCM de l’examen sera inspiré des questions des fiches de TD de tiprof : http://tiprof.fr/PHP-mySQL/Travaux%20Dirig%C3%A9s/TD2-Form/ http://tiprof.fr/PHP-mySQL/Travaux%20Dirig%C3%A9s/TD4-Deploie/ Liens et exemples en ligne