Universit´ e de Versailles Vanessa Vitse IUT de V´ elizy - PHP 2006/2007 - TP n

Universit´ e de Versailles Vanessa Vitse IUT de V´ elizy - PHP 2006/2007 - TP n ˚ 1 - Formulaires et int´ egration Web/PHP Votre compte-rendu de TP doit ˆ etre rendu sous la forme d’un seul fichier dans un format ´ editable (en particulier pas d’extension .pdf) et comprendre : – les listings des diff´ erents fichiers sources – des commentaires concis sur les parties importantes du programme – des exemples d’utilisation du programme, ainsi que des captures d’´ ecran illustrant les r´ esultats – un rapport de synth` ese rappelant l’objectif du TP. Avertissement : Il est rappel´ e que le compte-rendu est strictement personnel, les devoirs comportant des ressemblances seront sanctionn´ es dans la note. Tout travail rendu apr` es la date limite ne sera pas corrig´ e. Objectif : Cr´ eer un formulaire HTML, et traiter les donn´ ees entr´ ees par l’utilisateur ` a l’aide d’un script PHP. Outils : le cours, la sp´ ecification HTML et le validateur du W3C, le manuel PHP en fran¸ cais (disponible en ligne sur http://www.php.net/manual/fr/), les feuilles de style CSS... Exercice 1. Cr´ eez une page HTML de votre choix comprenant un formulaire avec les champs suivants : – un champ texte (type="text") – un champ mot de passe (type="password") – une liste d´ eroulante comprenant au moins 5 entr´ ees (balise <select> ... </select>) – un groupe de boutons radio (type="radio") – un bouton de r´ einitialisation du formulaire (type="reset") – un bouton de soumission du formulaire (type="submit") Vous utiliserez la m´ ethode post pour l’envoi du formulaire, en positionnant la valeur de l’attribut method de la balise form ` a "post". L’attribut action du formulaire devra pointer vers un script, nomm´ e affiche parametres.php, prenant en charge le traitement des donn´ ees saisies par l’utilisateur dans les champs du formulaire (ce script fait l’objet de l’exercice suivant). Validez la page HTML obtenue. Exercice 2. Cr´ eez le script affiche parametres.php permettant d’afficher les valeurs saisies par l’utilisateur dans les diff´ erents champs du formulaire. Pour ne pas perdre trop de temps avec la mise en page, vous pouvez : – inclure au d´ ebut du script le fichier "entete.inc" donn´ e avec le sujet (utilisez la fonction include vue en cours) – afficher ensuite le contenu du tableau associatif $ POST sous la forme d’un tableau HTML constitu´ e de deux colonnes : la premi` ere colonne contenant les noms des diff´ erents param` etres du formulaire et la deuxi` eme leurs valeurs (l’utilisation de foreach pour le parcours d’un tableau est fortement recommand´ ee) – inclure en fin de script le fichier "pied.inc" donn´ e avec le sujet (toujours avec include). Votre page pourra avoir l’allure suivante : Exercice 3. 1. Ajoutez l’attribut multiple ` a la liste d’options (champ select) du formulaire. S´ electionnez plusieurs ´ el´ ements de la liste (touche Ctrl) et regardez le r´ esultat af- fich´ e par affiche parametres.php. Que se passe-t-il ? 2. Pour corriger ce probl` eme, appliquez ` a la liste d’options la m´ ethode vue en cours, consistant ` a donner un nom de tableau aux champs ayant des valeurs multiples (par exemple : <select name="liste[]">). Adaptez en cons´ equence le script PHP pour tenir compte des param` etres ` a valeurs multiples ; vous utiliserez la fonction PHP is array pour savoir si le param` etre est une valeur simple ou un tableau. 3. Ajoutez au formulaire HTML un groupe de cases ` a cocher (type="checkbox"), que vous traiterez dans le script PHP avec la mˆ eme m´ ethode que pour la liste d’options. Pour ceux ` a qui il reste du temps : Exercice 4. On souhaite rendre les champs de type text et password du formulaire obligatoires : dans le cas o` u l’utilisateur soumettrait un formulaire mal rempli, il serait automatiquement redirig´ e sur la page initiale du formulaire. Pour r´ ealiser ce travail, vous pouvez : 1. modifier la page HTML, afin de stocker tous les champs obligatoires dans un tableau selon la m´ ethode appliqu´ ee dans l’exercice pr´ ec´ edant (par ex : Nom : <input type="text" name="obligatoires[]"> Mot de passe : <input type="password" name="obligatoires[]">) 2. rajouter en d´ ebut de script PHP un test d´ eterminant si les variables correspon- dant au champ Nom ($ POST["obligatoires"][0]) et au champ Mot de passe ($ POST["obligatoires"][1]) ont ´ et´ e correctement initialis´ ees. La fonction empty pourra ˆ etre utilis´ ee pour ce test. – Si les champs ont ´ et´ e correctement remplis, le contenu du tableau $ POST sera affich´ e comme pr´ ec´ edemment – Sinon, un appel ` a la fonction header permettant de rediriger l’utilisateur sur une autre page sera fait. Vous pourrez par exemple lui passer en argument Location: URL absolue du formulaire pour une redirection sur la page initiale du formulaire. Auteur : Vanessa Vitse 2 uploads/Litterature/ tp-n-1-formulaires-et-int-egration-web-php.pdf

  • 11
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager