Tutoriel struts2 N°8 : Mettre en oeuvre les Tags Struts 2

/////Tutoriel struts2 N°8 : Mettre en oeuvre les Tags Struts 2

logo-struts-2.pngComprenez la mise en place des Tags de base de Struts² et des Tags de composant d’Interface avec l’Utilisateur (UI). Maîtrisez avec OGNL les techniques de transfert de données de vos actions Struts² vers la réponse utilisateur via les Tags. Comprendre les plus qu’offre les Tags de composant UI.

Objis, spécialiste de la formation Java, est heureux de vous offrir ce
tutoriel, extrait de séances pratiques de la formation Struts 2 dispensée par Objis.

Les + objis

 70% de travaux pratiques

 Clé USB avec tous les outils utilisés + Corrigés TPs

 Bilan pédagogique individuel + conseils

Liens utiles

 Documentation Struts 2

 API Struts 2

Prérequis, outils et versions

 JDK 6

 Struts 2.3.1.2

 Eclipse JEE Indigo

 Tomcat 7

Objectifs

 Comprendre les Tags de données

 Comprendre les Tags de contrôle

 Comprendre les Tags divers

 Comprendre les Tags de composant UI

Programme

 Partie 1 : Tags de données

 Partie 2 : Tags de contrôle

 Partie 3 : Tags divers

 Partie 4 : Tags de composant UI

Durée

2h.

Rappel : OGNL – transfert de données et conversion de type

archi.png

 Expliquez.

Démarage

 Sur eclipse repartez du corrigé du TP précédant sur OGNL, il nous servira de base de travail.

Partie 1 : Tags de données

 Les Tags de données servent à extraire et déposer des données dans ValueStack.

 Les principaux tags de données sont property, set, push, bean et action

 Faite une première utilisation de set et de property dans formulaire-inscription.jsp en faisant d’abords une variable contact avec set qui a une valeur écrit en dur dans la JSP puis utilisé cette variable avec le tag property:

Voici votre contact pour votre inscription:

 Notez l’utilisation de simple quote dans l’expression OGNL.

 Notez l’utilisation du dièse.

 Essayez de préciser un scope pour le tag set et de récupérer la valeur dans le tag property.


 Faites ensuite une utilisation du tag Push dans la page inscriptionOK.jsp pour ne plus avoir besoin de préfixer par user les propriétés de l’utilisateur:


Nom:


 Faites ensuite une utilisation du tag bean dans formulaire-inscription.jsp en faisant un nouvelle objet Utilisateur avec settage des propriétés avec le tag param:




Voici plus d'info sur votre contact pour votre inscription:

 Notez l’utilisation de simple quote dans les expressions OGNL.

 Notez l’écrasement de notre première variable #contact.

 Essayez de déplacer les deux tag property dans le tag bean et d’accèder directement au propriétés sans passer par la variable #contact.


 Et enfin faite une utilisation du tag action dans inscriptionOK.jsp pour insérer à nouveau le formulaire d’inscription:

Voulez-vous inscrire une autre personne?

 Attention, la page n’est pas incluse si il y a une erreur de conversion.

 Notez l’utilisation de l’attribut executeResult.

Partie 2 : Tags de contrôle

 Essayez le tag iterator en bouclant sur une liste de formateurs:


  • )
  •  Notez l’utilisation d’une variable status.

     Observez l’absence de l’attribut value dans la deuxième property. Expliquez.

    Essayez d’ajouter un attribut value avec comme valeur: #formateurs[#fStatus.index]

     Enlevez l’attribut value de la deuxième property et essayez les attributs begin et end.


     Essayez le tag if en affichant le message suivant si l’inscrit à moins de 18 ans:

    Il faudra que vous soyez accompagné par un adulte.

     Essayez les tags elseif et else.

    Partie 3 : Tags divers

     Remplacez le tag action par un tag include et indiquez la jsp à inclure dans l’attribut value.

     Notez que l’inclusion marche même si il y a une erreur de conversion.


     Essayez le tags text pour aller chercher une valeur dans un fichier de properties et encapsulez le dans un tag i18n qui forcera la langue vers une autre que celle par défaut.

    Partie 3 : Tags de composant UI

     Notez dans notre formulaire l’utilisation des composants suivant: form, textfield, password, submit

     Remplacez un composant textfield par un textarea et jouez avec les différents attributs de ce composant.

     Ajoutez un attribut de type booléen dans la classe Utilisateur et essayez de le remplir via un composant checkbox dans le formulaire.

     Faites une map de langue: # 'fr' : 'français', 'en' : 'anglais' et affichez la dans le formulaire avec un composant select. Faites un nouvel attribut langue dans l’objet Utilisateur pour récupérer la valeur choisi.

     Changez le composant select par une un composant radio.

     Changez le composant radio par un composant checkboxlist et changer l’attribut langue de l’objet Utilisateur pour en faire une liste.

     Essayez le composant label.

     Essayez le composant hidden.

     Essayez de changer de thème et d’observez le changement dans le code html généré.

     Essayez la mise en place d’un composant doubleselect.

    2018-01-29T17:13:56+01:00

    Contactez nous

    241 rue DUGUESCLIN, 69003 Lyon

    Web : Objis : spécialiste formation Java