JAVASERVER FACES. Un framework Java pour le développement Web

Transcription

1 JAVASERVER FACES Un framework Java pour le développement Web

2 JavaServer Faces JSF, un framework MVC basé sur les composants Description Démonstration Conclusion

3 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Utiliser Biocham à distance sur un navigateur Problème : avoir le comportement d une application «de bureau»

4 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Structure normalisée

5 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Client Serveur d applications requête HTTP Contrôleur réponse HTTP Vue Modèle

6 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Client Serveur d applications requête HTTP Contrôleur (servlets) réponse HTTP Vue (pages JSP) Modèle (objets Java) Web app Java EE classique Stockage de données

7 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Et pourquoi pas une architecture 3-tiers? Différence

8 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Et pourquoi pas une architecture 3-tiers? Différence Le problème des web apps

9 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Et pourquoi pas une architecture 3-tiers? Les frameworks MVC Qu'est-ce que c'est? Pourquoi les utiliser?

10 JSF, un framework MVC basé sur les composants Problématique : pourquoi une web app? Pourquoi utiliser le pattern Modèle Vue Contrôleur? Et pourquoi pas une architecture 3-tiers? Les frameworks MVC Qu'est-ce que c'est? Pourquoi les utiliser? Request-based VS. Component-based

11 JSF, un framework MVC basé sur les composants MVC basé sur les requêtes Workflow linéaire

12 JSF, un framework MVC basé sur les composants MVC basé sur les requêtes Workflow linéaire Penser en termes d actions!

13 JSF, un framework MVC basé sur les composants MVC basé sur les requêtes Workflow linéaire Penser en termes d actions! Servlet unique

14 JSF, un framework MVC basé sur les composants MVC basé sur les requêtes Workflow linéaire Penser en termes d actions! Servlet unique Vues stateless

15 JSF, un framework MVC basé sur les composants MVC basé sur les composants Abstraction des concepts de requête/réponse Le contrôleur (FacesServlet) : rassemble, convertit et valide les valeurs saisies par l utilisateur les affecte au modèle de données via un backing bean invoque les actions créé la réponse

16 JSF, un framework MVC basé sur les composants MVC basé sur les composants Abstraction des concepts de requête/réponse Le contrôleur (FacesServlet) : rassemble, convertit et valide les valeurs saisies par l utilisateur les affecte au modèle de données via un backing bean invoque les actions créé la réponse Application vue comme une collection de composants

17 JSF, un framework MVC basé sur les composants MVC basé sur les composants Abstraction des concepts de requête/réponse Le contrôleur (FacesServlet) : rassemble, convertit et valide les valeurs saisies par l utilisateur les affecte au modèle de données via un backing bean invoque les actions créé la réponse Application vue comme une collection de composants Vues stateful

18 JSF, un framework MVC basé sur les composants JSF est donc principalement : Un assemblage de composants serveur Un modèle de développement standardisé Capable de gérer les états des UIComponents

19 Description Qu est-ce qu un composant JSF (UIComponent)? Bloc de base réutilisable

20 Description Qu est-ce qu un composant JSF (UIComponent)? Bloc de base réutilisable Simple ou composé

21 Description Qu est-ce qu un composant JSF (UIComponent)? Bloc de base réutilisable Simple ou composé Associé ou non à des données

22 Description Qu est-ce qu un composant JSF (UIComponent)? Bloc de base réutilisable Simple ou composé Associé ou non à des données Fournit ses méthodes de rendu et d action

23 Description Qu est-ce qu un composant JSF (UIComponent)? Bloc de base réutilisable Simple ou composé Associé ou non à des données Fournit ses méthodes de rendu et d action S assemblent pour créer une vue

24 Description L architecture MVC de JSF

25 Description Cycle de vie requête-réponse

26 Description Cycle de vie requête-réponse

27 Description Cycle de vie requête-réponse

28 Description Cycle de vie requête-réponse

29 Description Cycle de vie requête-réponse

30 Description Cycle de vie requête-réponse

31 Démonstration Un Hello World en direct!

32 Conclusion Nombreux avantages Réduction de l effort : moins de code de présentation Composants réutilisables Gestion de l état de l UI entre plusieurs requêtes Gestion fine des événements côté client

33 Conclusion Nombreux avantages Réduction de l effort : moins de code de présentation Composants réutilisables Gestion de l état de l UI entre plusieurs requêtes Gestion fine des événements côté client Quelques inconvénients Nécessité de créer un nouveau composant pour un besoin que ne peut pas satisfaire le framework

34 Conclusion Nombreux avantages Réduction de l effort : moins de code de présentation Composants réutilisables Gestion de l état de l UI entre plusieurs requêtes Gestion fine des événements côté client Quelques inconvénients Nécessité de créer un nouveau composant pour un besoin que ne peut pas satisfaire le framework Exécution plus gourmande en mémoire

35 Conclusion Nombreux avantages Réduction de l effort : moins de code de présentation Composants réutilisables Gestion de l état de l UI entre plusieurs requêtes Gestion fine des événements côté client Quelques inconvénients Nécessité de créer un nouveau composant pour un besoin que ne peut pas satisfaire le framework Exécution plus gourmande en mémoire Faible contrôle sur le rendu HTML/CSS/JS