IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo dvp
  • Forums
  • Tutoriels
  • FAQ
  • Blogs
  • Chat
  • Newsletter
  • Emploi
  • Études
  • Droit
  • Club
  • DI/DSI Solutions d'entreprise
    • DI/DSI Solutions d'entreprise
    • Big Data
    • BPM
    • Business Intelligence
    • Data Science
    • ERP / PGI
    • CRM
    • SAS
    • SAP
    • Sécurité
    • Droit informatique et entreprise
    • OnlyOffice
  • Cloud
    • Cloud Computing
    • Oracle
    • Azure
    • IBM Cloud
  • IA
    • Intelligence artificielle
  • ALM
    • ALM
    • Agile
    • Merise
    • UML
  • Microsoft
    • Microsoft
    • .NET
    • Microsoft Office
    • Visual Studio
    • Windows
    • ASP.NET
    • TypeScript
    • C#
    • VB.NET
    • Azure
  • Java
    • Java
    • Java Web
    • Spring
    • Android
    • Eclipse
    • NetBeans
  • Dév. Web
    • Développement et hébergement Web
    • AJAX
    • Apache
    • ASP
    • CSS
    • Dart
    • Flash / Flex
    • JavaScript
    • NodeJS
    • PHP
    • Ruby & Rails
    • TypeScript
    • Web sémantique
    • Webmarketing
    • (X)HTML
  • EDI
    • EDI
    • 4D
    • Delphi
    • Eclipse
    • JetBrains
    • LabVIEW
    • NetBeans
    • MATLAB
    • Scilab
    • Visual Studio
    • WinDev
    • Visual Basic 6
    • Lazarus
    • Qt Creator
  • Programmation
    • Programmation
    • Débuter - Algorithmique
    • 2D - 3D - Jeux
    • Assembleur
    • C
    • C++
    • C#
    • D
    • Go
    • Kotlin
    • Objective C
    • Pascal
    • Perl
    • Python
    • Rust
    • Swift
    • Qt
    • XML
    • Autres
  • SGBD
    • SGBD & SQL
    • 4D
    • Access
    • Big Data
    • Data Science
    • DB2
    • Firebird
    • InterBase
    • MySQL
    • NoSQL
    • PostgreSQL
    • Oracle
    • Sybase
    • SQL-Server
    • MongoDB
  • Office
    • Microsoft Office
    • Access
    • Excel
    • Word
    • Outlook
    • PowerPoint
    • SharePoint
    • Microsoft Project
    • OpenOffice & LibreOffice
    • OnlyOffice
  • Mobiles
    • Mobiles
    • Android
    • iOS
  • Systèmes
    • Systèmes
    • Windows
    • Linux
    • Arduino
    • Hardware
    • HPC
    • Mac
    • Raspberry Pi
    • Réseau
    • Green IT
    • Sécurité
    • Systèmes embarqués
    • Virtualisation
    • Informatique quantique
    • Crypto, NFT & Blockchain
  • Java
  • Java Web
  • Spring
  • Android
  • Eclipse
  • NetBeans
  • Actualités Java Web
  • Forums Java Web
  • FAQ Java Web
  • Tutoriels Java Web
  • Livres Java Web
  • Vidéos Java
  • Sources Java
  • Outils, EDI & API Java
  • JavaSearch

Introduction aux frameworks web JSF2, Primefaces et Primefaces mobile

Table des matièresPlier Déplier

  • Remerciements
    • I. Remerciements
  • Introduction
    • II. Introduction
      • II-A. Présentation
      • II-B. Les exemples
      • II-C. Les outils utilisés
        • II-C-1. Installation de l'IDE Netbeans
        • II-C-2. Installation de l'IDE Eclipse
        • II-C-3. Installation de [WampServer]
  • Java Server Faces
    • III. Java Server Faces
      • III-A. La place de JSF dans une application web
      • III-B. Le modèle de développement MVC de JSF
      • III-C. Exemple mv-jsf2-01 : les éléments d'un projet JSF
        • III-C-1. Génération du projet
        • III-C-2. Exécution du projet
        • III-C-3. Le système de fichiers d'un projet Maven
        • III-C-4. Configurer un projet pour JSF
        • III-C-5. Exécuter le projet
        • III-C-6. Le dépôt Maven local
        • III-C-7. Chercher un artifact avec Maven
      • III-D. Exemple mv-jsf2-02 : gestionnaire d'événement - internationalisation - navigation entre pages
        • III-D-1. L'application
        • III-D-2. Le projet Netbeans
        • III-D-3. La page [index.xhtml]
        • III-D-4. Le bean [changeLocale]
        • III-D-5. Le fichier des messages
        • III-D-6. Le formulaire
        • III-D-7. La page JSF [page1.xhtml]
        • III-D-8. Exécution du projet
        • III-D-9. Le fichier de configuration [faces-config.xml]
        • III-D-10. Conclusion
      • III-E. Exemple mv-jsf2-03 : formulaire de saisie - composants JSF
        • III-E-1. L'application
        • III-E-2. Le projet Netbeans
        • III-E-3. Le fichier [pom.xml]
        • III-E-4. Le fichier [web.xml]
        • III-E-5. Le fichier [faces-config.xml]
        • III-E-6. Le fichier des messages [messages.properties]
        • III-E-7. Le modèle [Form.java] de la page [index.xhtml]
        • III-E-8. La page [index.xhtml]
        • III-E-9. Le style du formulaire
        • III-E-10. Les deux cycles demande client / réponse serveur d'un formulaire
        • III-E-11. Balise <h:inputText>
        • III-E-12. Balise <h:inputSecret>
        • III-E-13. Balise <h:inputTextArea>
        • III-E-14. Balise <h:selectOneListBox>
        • III-E-15. Balise <h:selectManyListBox>
        • III-E-16. Balise <h:selectOneMenu>
        • III-E-17. Balise <h:selectManyMenu>
        • III-E-18. Balise <h:inputHidden>
        • III-E-19. Balise <h:selectBooleanCheckBox>
        • III-E-20. Balise <h:selectManyCheckBox>
        • III-E-21. Balise <h:selectOneRadio>
      • III-F. Exemple mv-jsf2-04 : listes dynamiques
        • III-F-1. L'application
        • III-F-2. Le projet Netbeans
        • III-F-3. La page [index.xhtml] et son modèle [Form.java]
        • III-F-4. Le fichier des messages
        • III-F-5. Tests
      • III-G. Exemple mv-jsf2-05 : navigation - session - gestion des exceptions
        • III-G-1. L'application
        • III-G-2. Le projet Netbeans
        • III-G-3. Les pages [form.xhtml] et leur modèle [Form.java]
          • III-G-3-a. Le code des pages XHTML
          • III-G-3-b. Durée de vie du modèle [Form.java] des pages [form*.xhtml]
        • III-G-4. Gestion des exceptions
          • III-G-4-a. Configuration de l'application web pour la gestion des exceptions
          • III-G-4-b. La simulation de l'exception
          • III-G-4-c. Les informations liées à une exception
          • III-G-4-d. La page d'erreur [exception.xhtml]
            • III-G-4-d-i. Les expressions de la page d'exception
      • III-H. Exemple mv-jsf2-06 : validation et conversion des saisies
        • III-H-1. L'application
        • III-H-2. Le projet Netbeans
        • III-H-3. L'environnement de l'application
        • III-H-4. La page [index.xhtml] et son modèle [Form.java]
        • III-H-5. Les différentes saisies du formulaire
          • III-H-5-a. Saisies 1 à 4 : saisie d'un nombre entier
          • III-H-5-b. Saisies 5 et 6 : saisie d'un nombre réel
          • III-H-5-c. Saisie 7 : saisie d'un booléen
          • III-H-5-d. Saisie 8 : saisie d'une date
          • III-H-5-e. Saisie 9 : saisie d'une chaîne de longueur contrainte
          • III-H-5-f. Saisie 9B : saisie d'une chaîne devant se conformer à un modèle
          • III-H-5-g. Saisie 10 : écrire une méthode de validation spécifique
          • III-H-5-h. Saisies 11 et 12 : validation d'un groupe de composants
          • III-H-5-i. POST d'un formulaire sans vérification des saisies
      • III-I. Exemple mv-jsf2-07 : événements liés au changement d'état de composants JSF
        • III-I-1. L'application
        • III-I-2. Le projet Netbeans
        • III-I-3. L'environnement de l'application
        • III-I-4. Le formulaire [index.xhtml]
        • III-I-5. Le modèle [Form.java]
        • III-I-6. Le bouton [Raz]
      • III-J. Exemple mv-jsf2-08 : la balise <h:dataTable>
        • III-J-1. L'application
        • III-J-2. Le projet Netbeans
        • III-J-3. L'environnement de l'application
        • III-J-4. Le formulaire [index.xhtml] et son modèle [Form.java]
      • III-K. Exemple mv-jsf2-09 : mise en page d'une application JSF
        • III-K-1. L'application
        • III-K-2. Le projet Netbeans
        • III-K-3. La page [layout.xhtml]
        • III-K-4. La page [page1.xhtml]
      • III-L. Conclusion
      • III-M. Les tests avec Eclipse
  • Application exemple - 01 : rdvmedecins-jsf2-ejb
    • IV. Application exemple - 01 : rdvmedecins-jsf2-ejb
      • IV-A. L'application
      • IV-B. Fonctionnement de l'application
      • IV-C. La base de données
        • IV-C-1. La table [MEDECINS]
        • IV-C-2. La table [CLIENTS]
        • IV-C-3. La table [CRENEAUX]
        • IV-C-4. La table [RV]
        • IV-C-5. Génération de la base
      • IV-D. Les couches [DAO] et [JPA]
        • IV-D-1. Le projet Netbeans
        • IV-D-2. Génération de la couche [JPA]
          • IV-D-2-a. Création d'une connexion Netbeans à la base de données
          • IV-D-2-b. Création d'une unité de persistance
          • IV-D-2-c. Génération des entités JPA
          • IV-D-2-d. Les entités JPA générées
        • IV-D-3. La classe d'exception
        • IV-D-4. L'EJB de la couche [DAO]
        • IV-D-5. Mise en place du pilote JDBC de MySQL
        • IV-D-6. Déploiement de l'EJB de la couche [DAO]
        • IV-D-7. Tests de l'EJB de la couche [DAO]
      • IV-E. La couche [métier]
        • IV-E-1. Le projet Netbeans
        • IV-E-2. Déploiement de la couche [métier]
        • IV-E-3. Test de la couche [métier]
      • IV-F. La couche [web]
        • IV-F-1. Le projet Netbeans
        • IV-F-2. Les dépendances du projet
        • IV-F-3. La configuration du projet
        • IV-F-4. Les vues du projet
        • IV-F-5. Les beans du projet
          • IV-F-5-a. Le bean Application
          • IV-F-5-b. Le bean [Form]
        • IV-F-6. Interactions entre pages et modèle
          • IV-F-6-a. L'affichage de la page d'accueil
          • IV-F-6-b. Afficher l'agenda d'un médecin
          • IV-F-6-c. Suppression d'un rendez-vous
          • IV-F-6-d. Prise de rendez-vous
          • IV-F-6-e. Validation d'un rendez-vous
          • IV-F-6-f. Annulation d'une prise de rendez-vous
          • IV-F-6-g. Retour à la page d'accueil
      • IV-G. Conclusion
      • IV-H. Les tests avec Eclipse
        • IV-H-1. La couche [DAO]
        • IV-H-2. La couche [métier]
        • IV-H-3. La couche [web]
  • Application exemple - 02 : rdvmedecins-jsf2-spring
    • V. Application exemple - 02 : rdvmedecins-jsf2-spring
      • V-A. Les couches [DAO] et [JPA]
        • V-A-1. Le projet Netbeans
        • V-A-2. Le paquetage [exceptions]
        • V-A-3. Le paquetage [jpa]
        • V-A-4. Le paquetage [dao]
        • V-A-5. Configuration de la couche [JPA]
        • V-A-6. Le fichier de configuration de Spring
        • V-A-7. La classe de test JUnit
      • V-B. La couche [métier]
        • V-B-1. Le projet Netbeans
        • V-B-2. Les dépendances du projet
        • V-B-3. Le fichier de configuration de Spring
        • V-B-4. Test de la couche [métier]
      • V-C. La couche [web]
        • V-C-1. Le projet Netbeans
        • V-C-2. Les dépendances du projet
        • V-C-3. Portage du projet JSF / Glassfish vers le projet JSF / Tomcat
        • V-C-4. Modifications du projet importé
        • V-C-5. Test de l'application
      • V-D. Conclusion
      • V-E. Les tests avec Eclipse
  • Introduction à la bibliothèque de composants PrimeFaces
    • VI. Introduction à la bibliothèque de composants PrimeFaces
      • VI-A. La place de Primefaces dans une application JSF
      • VI-B. Les apports de Primefaces
      • VI-C. Apprentissage de Primefaces
      • VI-D. Un premier projet Primefaces : mv-pf-01
      • VI-E. Exemple mv-pf-02 : gestionnaire d'événement - internationalisation - navigation entre pages
      • VI-F. Exemple mv-pf-03 : mise en page à l'aide des facelets
      • VI-G. Exemple mv-pf-04 : formulaire de saisie
      • VI-H. Exemple : mv-pf-05 : listes dynamiques
      • VI-I. Exemple : mv-pf-06 : navigation - session - gestion des exceptions
      • VI-J. Exemple : mv-pf-07 : validation et conversion des saisies
      • VI-K. Exemple : mv-pf-08 : événements liés au changement d'état de composants
      • VI-L. Exemple : mv-pf-09 : saisie assistée
        • VI-L-1. Le projet Netbeans
        • VI-L-2. Le modèle
        • VI-L-3. Le formulaire
        • VI-L-4. Le calendrier
        • VI-L-5. Le slider
        • VI-L-6. Le spinner
        • VI-L-7. La saisie assistée
        • VI-L-8. La balise <p:growl>
      • VI-M. Exemple : mv-pf-10 : dataTable - 1
        • VI-M-1. Le projet Netbeans
        • VI-M-2. Le fichier des messages
        • VI-M-3. Le modèle
        • VI-M-4. Le formulaire
      • VI-N. Exemple : mv-pf-11 : dataTable - 2
      • VI-O. Exemple : mv-pf-12 : dataTable - 3
      • VI-P. Exemple : mv-pf-13 : dataTable - 4
      • VI-Q. Exemple : mv-pf-14 : dataTable - 5
      • VI-R. Exemple : mv-pf-15 : la barre d'outils
      • VI-S. Conclusion
      • VI-T. Les tests avec Eclipse
  • Application exemple-03 : rdvmedecins-pf-ejb
    • VII. Application exemple-03 : rdvmedecins-pf-ejb
      • VII-A. Le projet Netbeans
      • VII-B. Le projet d'entreprise
      • VII-C. Le projet web Primefaces
      • VII-D. La configuration du projet
      • VII-E. Le modèle des pages [layout.xhtml]
      • VII-F. La page [index.xhtml]
      • VII-G. Les beans du projet
        • VII-G-1. Le bean Application
        • VII-G-2. Le bean [Erreur]
        • VII-G-3. Le bean [Form]
      • VII-H. L'affichage de la page d'accueil
      • VII-I. Afficher l'agenda d'un médecin
        • VII-I-1. Vue d'ensemble de l'agenda
        • VII-I-2. Le tableau des rendez-vous
        • VII-I-3. La colonne des créneaux horaires
        • VII-I-4. La colonne des clients
      • VII-J. Suppression d'un rendez-vous
      • VII-K. Prise de rendez-vous
      • VII-L. Validation d'un rendez-vous
      • VII-M. Annulation d'une prise de rendez-vous
      • VII-N. Navigation dans le calendrier
      • VII-O. Changement de langue d'affichage
      • VII-P. Rafraîchissement des listes
      • VII-Q. Conclusion
      • VII-R. Tests Eclipse
  • Application exemple-04 : rdvmedecins-pf-spring
    • VIII. Application exemple-04 : rdvmedecins-pf-spring
      • VIII-A. Le portage
      • VIII-B. Conclusion
      • VIII-C. Tests avec Eclipse
  • Introduction à Primefaces mobile
    • IX. Introduction à Primefaces mobile
      • IX-A. La place de Primefaces mobile dans une application JSF
      • IX-B. Les apports de Primefaces mobile
      • IX-C. Apprentissage de Primefaces mobile
      • IX-D. Un premier projet Primefaces mobile : mv-pfm-01
        • IX-D-1. Le projet Netbeans
      • IX-E. Exemple mv-pfm-02 : formulaire et modèle
        • IX-E-1. Les vues
        • IX-E-2. Le projet Netbeans
        • IX-E-3. Configuration du projet
        • IX-E-4. La page Primefaces mobile
        • IX-E-5. Le modèle [Form.java]
        • IX-E-6. Les tests
      • IX-F. Conclusion
      • IX-G. Les tests avec Eclipse
  • Application exemple 05 : rdvmedecins-pfm-ejb
    • X. Application exemple 05 : rdvmedecins-pfm-ejb
      • X-A. Les vues
      • X-B. Le projet Netbeans
      • X-C. Le projet d'entreprise
      • X-D. Le projet web Primefaces mobile
      • X-E. La configuration du projet
      • X-F. La page [index.xhtml]
      • X-G. Les beans du projet
        • X-G-1. Le bean Application
        • X-G-2. Le bean [Erreur]
        • X-G-3. Le bean [Form]
      • X-H. L'affichage de la page d'accueil
      • X-I. Afficher l'agenda d'un médecin
      • X-J. Suppression d'un rendez-vous
      • X-K. Prise de rendez-vous
      • X-L. Validation d'un rendez-vous
      • X-M. Annulation d'une prise de rendez-vous
      • X-N. Navigation dans le calendrier
      • X-O. Changement de langue d'affichage
      • X-P. Conclusion
      • X-Q. Tests Eclipse
  • Application exemple-06 : rdvmedecins-pfm-spring
    • XI. Application exemple-06 : rdvmedecins-pfm-spring
      • XI-A. Le portage
      • XI-B. Conclusion
      • XI-C. Tests avec Eclipse
      • XI-D. Tests avec mobile
  • Conclusion
    • XII. Conclusion

Ce document est le fruit de plusieurs années d'enseignement en école d'ingénieurs à l'université d'Angers, plus particulièrement dans cette formation .

Il introduit à l'aide d'exemples le framework Java Server Faces 2 (JSF2), la bibliothèque de composants PrimeFaces pour JSF2 et sa variante pour les mobiles, Primefaces mobile.

  • Partie 1 : Introduction à JSF 2,
  • Partie 2 : Utilisation de JSF 2 dans une application Java EE dans deux environnements EJB3 / Glassfish et Spring / Tomcat,
  • Partie 3 : Introduction à Primefaces,
  • Partie 4 : Portage de l'application exemple sur Primefaces dans les deux environnements EJB3 / Glassfish et Spring / Tomcat,
  • Partie 5 : Introduction à Primefaces mobile,
  • Partie 6 : Portage de l'application exemple sur Primefaces mobile dans les deux environnements EJB3 / Glassfish et Spring / Tomcat.

Les six applications Java EE développées l'ont été avec des projets Maven sous Netbeans 7.1. Les versions Eclipse de ces projets sont également disponibles.

Pour réagir à cet article, un espace de dialogue vous est proposé sur le forum : Commentez1

Téléchargement PDF de l'article :  http1  http2

Téléchargement des codes du document :  http1  http2

Autres ressources (J2E, .Net, PHP, Andoid, Python, ...) : http://tahe.developpez.com

Lire l'article.

Article lu   fois.

L'auteur

Serge Tahé Profil Pro Site personnel

L'article

Publié le 1er juin 2012 - Mis à jour le 15 mars 2013 

Public visé : débutant

Version en ligne

Autre PDF

Lire l'article


suivant
  

Licence Creative Commons
Le contenu de cet article est rédigé par Serge Tahé et est mis à disposition selon les termes de la Licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 non transposé.
Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright © 2012 Developpez.com.

Responsables bénévoles de la rubrique Java Web : Mickael Baron - Robin56 -
  • Nous contacter
  • Soutenir Developpez.com
  • Participez
  • Hébergement
  • Publicité / Advertising
  • Informations légales

© 2000-2025 - www.developpez.com