Avec Objis, spécialiste formation JSF, analysez la bibliothèque des composants Mojarra, implémentation de référence de JSF. mettez en œuvre quelques composants de cette bibliothèque pour construire des interfaces riches.
Objectifs
Parcourir l’ensemble des tags ou composants fournis par Mojarra, implémentation de référence de JSF.
Mettre en œuvre de quelques composants fournit par Mojarra.
Programme
Contexte et objectifs
Partie 1 :Parcourir et analyser l’ensemble des composants offert par Mojarra
Partie 2 : mettre en oeuvre quelques composants
Durée
30 min.
Contexte
La technologie JSF, a pour ambition de faciliter l’écriture d’applications WEB en offrant d’une part, une architecture MVC et d’autre part, une approche composant qui rappelle les interfaces graphiques natives. L’objectif est de remplacer l’approche je traite la requête HTTP et je renvoie une page HTML par j’envoie des composants (boutons, champs de texte, etc..) et je réagis aux actions de l’utilisateur .
Partie 1 : parcourir et analyser l’ensemble des composants offert par Mojarra
Installez Tomcat 6
Intégrez tomcat à votre Eclipse (Ganymède ou Galileo entreprise)
Analyser la bibliothèque des tags
Explorez l’ensemble des composants de la balise h
Partie 2:Mise en œuvre de quelques composants fournit par Mojarra)
Pour mettre en œuvre cette partie nous allons télécharger le prjet ci-dessous
Zip projet Tutoriel 6
Cliquez sur Finish puis OK, on obtient la structure du projet suivant sans erreur ci-dessous:
Ajouter au projet la configuration du projet JSF 2.1 pour faciliter l’auto-complétion avec les composants JSF
Clic droit sur le projet/Properties/Project Facets/
Cocher la case JSF 2.1
Cliquez sur OK/OK
Mise en œuvre des composants:
Téléchargez les fichiers User.java et UserBean.java:
User & UserBean
1- copiez le fichier user.java
2- remplacez le contenu de UserBean par celui téléchargé.
Ajouter dans le dossier resources/css le fichier table-style.css
Obtenez une structure suivante
Téléchargez le fichier register.xhtml et copiez son contenu dans celui existant dans votre projet Eclipse.
A ce stade le déploiement du projet sur le serveur cible Tomcat donne le rendu ci-dessous.
Cliquez sur : Cliquez ici pour vous enregistrez……
Identifiez les composants mis en place pour ce rendu et expliquez l’utilité des tags ci-desous:
h:inputText
h:selectOneRadio
f:selectItem
h:selectOneMenu
h:commandButton
h:dataTable
h:column
f:facet
h:form
Expliquez la différence faite vous entre les balise avec h et f?
Pour faire communiquer le formulaire d’inscription et le tableau des participants, modifiez register.xhtml
L’action consiste à ajouter une méthode qui permet d’ajouter l’utilisateur au tableau des participants.
Modification de UserBean.java par l’ajout de la méthode
Le déploiement sur le serveur cible donne le rendu suivant avec l’ajout d’un nouvel utilisateur.
Nous allons ajouter une autre fonctionnalité au tableau, supprimer un participant.
Ajouter la colonne suppression
Ajouter la méthode deleteAction
Le déploiement de l’application sur le serveir cible donne le rendu suivant:
Téléchargez le zip du projet.
Zip
Conclusion
Dans ce tutoriel, vous avez explorer la bibliothèque de composants fournit par Mojarra, mis en œuvre un certain nombre d’entre eux comme h:dataTable pour construire une IHM, vous avez compris la différence entre les composants visuels et non visuels de tag h et f.
Formation JSF
Le chemin le plus court pour avoir les réflexes et la méthodologie du bon développeur JSF : Formation JSF
