Maîtrisez le téléchargement et l’installation de RichFaces, bibliothèque de composants JSF.
Identifiez le lien entre RichFaces et Mojarra, implémentation de référence de JSF. Integrez RichFaces dans une application web. Enfin, mettez en œuvre quelques composants de RicheFaces.
Objis, spécialiste de la formation Java, est heureux de vous offrir ce
tutoriel, extrait de séances pratiques de la formation JSF 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
Prérequis, outils et versions
Connaissances développement JEE(JSP+Servlet) / JSTL
Installation JDK6 ou plus.
Installation Tomcat 7.0.4
Installation Eclipse Juno (Entreprise)
Intégration Tomcat 7 dans Eclipse Juno
Liens utiles
+ de 100 tutoriaux java/jee Objis
implémentations de JSF : Mojarra , MyFaces
API JSF 2.1,datasheet JSF 2
API Beans Managés JSF 2.1, Balises Facelets2
Render Kit HTML JSF 2.1, Composants Mojarra,FAQ JSF Mojarra
API Primefaces 3.4 :,Composants Primesfaces 3.4:
Formation JSF
Le chemin le plus court pour avoir les réflexes et la méthodologie du bon développeur JSF : Formation JSF
Objectifs
Comprendre le pourquoi de RichFaces.
Télécharger et intégrer RichFaces dans une application JSF 2
Mettre en œuvre quelques composants de la bibliothèque.
Programme
Contexte JSF
Partie 1 : téléchargement de RichFaces
Partie 2 : installation de RichFaces
Partie 3 :intégration RichFaces dans une application web
Partie 4 : mise en œuvre des composants RichFaces
Durée
30 min.
Contexte
Mojarra fournit en standard 32 de composants visuels pour développer votre interface. Ce nombre de composants ne suffit pas pour répondre au besoin des interfaces riches qui se veulent modernes. ces interfaces sont caractérisées par des composants supportant la mise à jour partielle c’est le principe d’Ajax.
Plusieurs bibliothèque de composant répondent à ce besoin:
Primefaces , Icefaces, Richfaces.
Partie 1 : téléchargement RichFaces
Aller sur le site de Jboos et télécharger le zip de la version:
RichFaces 4.2.3.Final
Partie 2 : installation de RichFaces
Après avoir téléchargé RichFaces, installez le zip dans:
C:objisformationjsf2outilslibrairies ou un autre répertoire de votre choix.
Remarque:
Pour mettre en œuvre cette partie nous allons télécharger le projet ci-dessous
Zip du project
Cliquez sur Finish puis OK, on obtient la structure du projet suivant sans erreur ci-dessous:
Cliquez sur OK/OK
Partie 3 :intégration RichFaces dans une application web
L’intégration de RichFaces dans une application passe par les étapes suivantes:
Etape1: Copiez les librairies du dossier richfaces-4.2.3.Finalartifacts de la bibliothèqye RichFaces que vous avez télécharger plus haut vers le dossier WEB-INF/lib de votre projet.
INFO: RichFaces à une dépendance vers certaines bibliothèques qu’il convient d’intégrer dans votre répertoire WEB-INF/lib du projet.
cssparser-0.9.7.jar
guava-0.9.jar
sac-1.3.jar
Cliquez ci-dessous pour les télécharger:
librairies additionnelles RichFaces 4.2.3
Voici la structure du dossier lib du projet:
Etape2: Enregistrez RichFaces dans le web.xml
Cliquez ci-dessous pour télécharger le Zip du web.xml
Etape3: Déclarer la Bibliothèque Richfaces dans chaque vue de votre application pour utiliser les composants qu’offre la bibliothèque.
Partie 4 : mise en œuvre des composants RichFaces
Remplacez le contenu du fichier main.xhtml par celui téléchargé ci-dessous:
main
Identifiez les composants RichFaces
Expliquez le rôle des composants suivants:
rich:panel
rich:message
a4j:commandButton
Consultez API des composants RichFaces
L’exécution du projet sur le serveur cible de déploiement donne le rendu suivant pour la vue main.xhtml.
Conclusion
Formation JSF
Le chemin le plus court pour avoir les réflexes et la méthodologie du bon développeur JSF : Formation JSF
