SlideShare une entreprise Scribd logo
Développement
des applications web
     avec J2EE

    Réalisé par:
  Jihed DGHAIES
   Copyright club CFEM ©2010




                        Modèle MVC
Programme


 1   Design pattern MVC

 2   Modèle

 3   Vue

 4   Contrôleur

 5
 3   J2EE et MVC


                          2/12
Design pattern MVC 1/3


 Le     Model-View-Controller (MVC) est un pattern d’architecture
   logicielle largement répandu. Il a été créé dans les années 1980 par
   Xerox PARC.

 il repose sur la volonté de séparer les données, les traitements et la
   présentation.

 Plus récemment, il a été recommandé comme modèle pour la plate-
   forme J2EE de Sun et gagne fortement en popularité auprès des
   développeurs, quel que soit le langage utilisé.




                                                                           3/12
Design pattern MVC 2/3


 Avantages :
    Séparation des compétences (design, base de données,
     application)
    Simplicité de mise à jour
    Vitesse de création de pages


 Inconvénient :
    Pages plus lentes à afficher (hors cache).
    Plus de ressources consommées.
    Développement initial plus long




                                                            4/12
Design pattern MVC 3/3




                         5/12
Modèle




 Le modèle représente les données et les règles métiers.
  C'est dans ce composant que s'effectuent les traitements
  liés au cœur du métier.




                                                             6/12
Vue




 représente l'interface utilisateur. Elle n'effectue
  aucun traitement, elle se contente simplement
  d'afficher les données que lui fournit le modèle. Il
  peut tout à fait y avoir plusieurs vues qui présentent
  les données d'un même modèle.




                                                           7/12
Contrôleur




 Le contrôleur se charge d'intercepter les requêtes de
  l'utilisateur, d'appeler le modèle puis de rediriger vers la
  vue adéquate. Il ne doit faire aucun traitement. Il ne fait
  que de l'interception et de la redirection.




                                                                 8/12
J2EE et MVC


 L'architecture J2EE permet de séparer les couches.

 la couche présentation, correspondant à l'interface homme-
  machine (IHM).

 la couche métier contenant l'essentiel des traitements de
  données.


 la couche de données correspondant aux informations de
  l'entreprise stockées dans des fichiers, dans des bases
  relationnelles ou XML, dans des annuaires d'entreprise..


                                                               9/12
J2EE et MVC

Reçoit les messages de la
couche présentation. Extrait
les objets de la couche
accès aux données et
envoie les réponses à
l’utilisateur.




                                                             Extrait les données de
                                                             l’application.   Il    les
                                                             encapsulent dans des
                                                             objets et les retourne au
                                                             contrôleur.

                     La couche présentation interagit avec
                     l’utilisateur et la couche métier.




                                                                                          10/12
J2EE et MVC

 il y a plusieurs Framework qui permettent d’implémenter le
  modèle MVC .

 Pour la couche Vue : Swing, AWT, JFC, struts, richfaces, GWT,
  myfaces, icefaces, spring web MVC….


 Pour la couche modèle : on utilise des Framework pour
  assurer la persistance des objets et le mapping objet
  relationnel tel que hibernate, jpa, ibatis...


 Pour la couche métier : on peut utiliser des EJB, javabeans,
  webservices….

                                                              11/11

Contenu connexe

Tendances

Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
ENSET, Université Hassan II Casablanca
 
Architectures orientés services (SOA)
Architectures orientés services (SOA)Architectures orientés services (SOA)
Architectures orientés services (SOA)
Heithem Abbes
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services Web
Lilia Sfaxi
 
eServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API ManagementeServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API Management
Lilia Sfaxi
 
Cours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategyCours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategy
ENSET, Université Hassan II Casablanca
 
Tp1 - WS avec JAXWS
Tp1 - WS avec JAXWSTp1 - WS avec JAXWS
Tp1 - WS avec JAXWS
Lilia Sfaxi
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
ENSET, Université Hassan II Casablanca
 
eServices-Tp1: Web Services
eServices-Tp1: Web ServiceseServices-Tp1: Web Services
eServices-Tp1: Web Services
Lilia Sfaxi
 
Chp2 - Vers les Architectures Orientées Services
Chp2 - Vers les Architectures Orientées ServicesChp2 - Vers les Architectures Orientées Services
Chp2 - Vers les Architectures Orientées Services
Lilia Sfaxi
 
Introduction aux systèmes répartis
Introduction aux systèmes répartisIntroduction aux systèmes répartis
Introduction aux systèmes répartis
Heithem Abbes
 
Architecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesArchitecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependances
ENSET, Université Hassan II Casablanca
 
UML-jamil.pptx
UML-jamil.pptxUML-jamil.pptx
UML-jamil.pptx
kdekde1
 
Architectures 3-tiers (Web)
Architectures 3-tiers (Web)Architectures 3-tiers (Web)
Architectures 3-tiers (Web)
Heithem Abbes
 
Sécurité des Applications Web avec Json Web Token (JWT)
Sécurité des Applications Web avec Json Web Token (JWT)Sécurité des Applications Web avec Json Web Token (JWT)
Sécurité des Applications Web avec Json Web Token (JWT)
ENSET, Université Hassan II Casablanca
 
comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web
Nazih Heni
 
Introduction à spring boot
Introduction à spring bootIntroduction à spring boot
Introduction à spring boot
Antoine Rey
 
SOA - Architecture Orientée Service : Démystification
SOA - Architecture Orientée Service : DémystificationSOA - Architecture Orientée Service : Démystification
SOA - Architecture Orientée Service : Démystification
Khaled Ben Driss
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
ENSET, Université Hassan II Casablanca
 
Chp1 - Introduction aux méthodologies de Conception
Chp1 - Introduction aux méthodologies de ConceptionChp1 - Introduction aux méthodologies de Conception
Chp1 - Introduction aux méthodologies de Conception
Lilia Sfaxi
 

Tendances (20)

Struts
StrutsStruts
Struts
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
 
Architectures orientés services (SOA)
Architectures orientés services (SOA)Architectures orientés services (SOA)
Architectures orientés services (SOA)
 
Chp3 - Les Services Web
Chp3 - Les Services WebChp3 - Les Services Web
Chp3 - Les Services Web
 
eServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API ManagementeServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API Management
 
Cours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategyCours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategy
 
Tp1 - WS avec JAXWS
Tp1 - WS avec JAXWSTp1 - WS avec JAXWS
Tp1 - WS avec JAXWS
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
 
eServices-Tp1: Web Services
eServices-Tp1: Web ServiceseServices-Tp1: Web Services
eServices-Tp1: Web Services
 
Chp2 - Vers les Architectures Orientées Services
Chp2 - Vers les Architectures Orientées ServicesChp2 - Vers les Architectures Orientées Services
Chp2 - Vers les Architectures Orientées Services
 
Introduction aux systèmes répartis
Introduction aux systèmes répartisIntroduction aux systèmes répartis
Introduction aux systèmes répartis
 
Architecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesArchitecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependances
 
UML-jamil.pptx
UML-jamil.pptxUML-jamil.pptx
UML-jamil.pptx
 
Architectures 3-tiers (Web)
Architectures 3-tiers (Web)Architectures 3-tiers (Web)
Architectures 3-tiers (Web)
 
Sécurité des Applications Web avec Json Web Token (JWT)
Sécurité des Applications Web avec Json Web Token (JWT)Sécurité des Applications Web avec Json Web Token (JWT)
Sécurité des Applications Web avec Json Web Token (JWT)
 
comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web
 
Introduction à spring boot
Introduction à spring bootIntroduction à spring boot
Introduction à spring boot
 
SOA - Architecture Orientée Service : Démystification
SOA - Architecture Orientée Service : DémystificationSOA - Architecture Orientée Service : Démystification
SOA - Architecture Orientée Service : Démystification
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
 
Chp1 - Introduction aux méthodologies de Conception
Chp1 - Introduction aux méthodologies de ConceptionChp1 - Introduction aux méthodologies de Conception
Chp1 - Introduction aux méthodologies de Conception
 

Similaire à 2 ModéLe Mvc

Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvc
Madridal
 
MVVM de A à Z
MVVM de A à ZMVVM de A à Z
MVVM de A à Z
Microsoft
 
Marzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcMarzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvc
abderrahim marzouk
 
Prezentare ASP.Net.pptx
Prezentare ASP.Net.pptxPrezentare ASP.Net.pptx
Prezentare ASP.Net.pptx
Anastasia801190
 
Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2
Novencia Groupe
 
les style d'architecture
les style d'architecture les style d'architecture
les style d'architecture
Mouna Maazoun
 
Tech days 2012 mvvm de a à z
Tech days 2012   mvvm de a à zTech days 2012   mvvm de a à z
Tech days 2012 mvvm de a à z
Arnaud Auroux
 
Cours spring
Cours springCours spring
Cours spring
mohamed el haddad
 
Architecture .net
Architecture  .netArchitecture  .net
Créer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShopCréer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShop
PrestaShop
 
Formation JAVA/J2EE
Formation JAVA/J2EEFormation JAVA/J2EE
Formation JAVA/J2EE
Ines Ouaz
 
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfiJava entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
ENSET, Université Hassan II Casablanca
 
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
Microsoft Technet France
 
JPA est middleware
JPA est middleware JPA est middleware
JPA est middleware
Shili Mohamed
 
Cas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De SilverlightCas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De Silverlight
Arnaud Auroux
 
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Microsoft Technet France
 
Design applicatif avec symfony2
Design applicatif avec symfony2Design applicatif avec symfony2
Design applicatif avec symfony2
RomainKuzniak
 
Introduction à Hibernate p.1
Introduction à Hibernate p.1Introduction à Hibernate p.1
Introduction à Hibernate p.1
ATHMAN HAJ-HAMOU
 

Similaire à 2 ModéLe Mvc (20)

Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvc
 
Spring
SpringSpring
Spring
 
MVVM de A à Z
MVVM de A à ZMVVM de A à Z
MVVM de A à Z
 
Marzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvcMarzouk architecture encouches-jee-mvc
Marzouk architecture encouches-jee-mvc
 
Prezentare ASP.Net.pptx
Prezentare ASP.Net.pptxPrezentare ASP.Net.pptx
Prezentare ASP.Net.pptx
 
Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2
 
Java Server Faces 2
Java Server Faces 2Java Server Faces 2
Java Server Faces 2
 
les style d'architecture
les style d'architecture les style d'architecture
les style d'architecture
 
Tech days 2012 mvvm de a à z
Tech days 2012   mvvm de a à zTech days 2012   mvvm de a à z
Tech days 2012 mvvm de a à z
 
Cours spring
Cours springCours spring
Cours spring
 
Architecture .net
Architecture  .netArchitecture  .net
Architecture .net
 
Créer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShopCréer et intégrer son thème PrestaShop
Créer et intégrer son thème PrestaShop
 
Formation JAVA/J2EE
Formation JAVA/J2EEFormation JAVA/J2EE
Formation JAVA/J2EE
 
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfiJava entreprise edition et industrialisation du génie logiciel par m.youssfi
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
 
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
System Center 2012 | Administrez vos clouds privé et public Windows Azure ave...
 
JPA est middleware
JPA est middleware JPA est middleware
JPA est middleware
 
Cas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De SilverlightCas Pratique Du Mode DéConnecté De Silverlight
Cas Pratique Du Mode DéConnecté De Silverlight
 
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
 
Design applicatif avec symfony2
Design applicatif avec symfony2Design applicatif avec symfony2
Design applicatif avec symfony2
 
Introduction à Hibernate p.1
Introduction à Hibernate p.1Introduction à Hibernate p.1
Introduction à Hibernate p.1
 

2 ModéLe Mvc

  • 1. Développement des applications web avec J2EE Réalisé par: Jihed DGHAIES Copyright club CFEM ©2010 Modèle MVC
  • 2. Programme 1 Design pattern MVC 2 Modèle 3 Vue 4 Contrôleur 5 3 J2EE et MVC 2/12
  • 3. Design pattern MVC 1/3  Le Model-View-Controller (MVC) est un pattern d’architecture logicielle largement répandu. Il a été créé dans les années 1980 par Xerox PARC.  il repose sur la volonté de séparer les données, les traitements et la présentation.  Plus récemment, il a été recommandé comme modèle pour la plate- forme J2EE de Sun et gagne fortement en popularité auprès des développeurs, quel que soit le langage utilisé. 3/12
  • 4. Design pattern MVC 2/3  Avantages :  Séparation des compétences (design, base de données, application)  Simplicité de mise à jour  Vitesse de création de pages  Inconvénient :  Pages plus lentes à afficher (hors cache).  Plus de ressources consommées.  Développement initial plus long 4/12
  • 6. Modèle  Le modèle représente les données et les règles métiers. C'est dans ce composant que s'effectuent les traitements liés au cœur du métier. 6/12
  • 7. Vue  représente l'interface utilisateur. Elle n'effectue aucun traitement, elle se contente simplement d'afficher les données que lui fournit le modèle. Il peut tout à fait y avoir plusieurs vues qui présentent les données d'un même modèle. 7/12
  • 8. Contrôleur  Le contrôleur se charge d'intercepter les requêtes de l'utilisateur, d'appeler le modèle puis de rediriger vers la vue adéquate. Il ne doit faire aucun traitement. Il ne fait que de l'interception et de la redirection. 8/12
  • 9. J2EE et MVC  L'architecture J2EE permet de séparer les couches.  la couche présentation, correspondant à l'interface homme- machine (IHM).  la couche métier contenant l'essentiel des traitements de données.  la couche de données correspondant aux informations de l'entreprise stockées dans des fichiers, dans des bases relationnelles ou XML, dans des annuaires d'entreprise.. 9/12
  • 10. J2EE et MVC Reçoit les messages de la couche présentation. Extrait les objets de la couche accès aux données et envoie les réponses à l’utilisateur. Extrait les données de l’application. Il les encapsulent dans des objets et les retourne au contrôleur. La couche présentation interagit avec l’utilisateur et la couche métier. 10/12
  • 11. J2EE et MVC  il y a plusieurs Framework qui permettent d’implémenter le modèle MVC .  Pour la couche Vue : Swing, AWT, JFC, struts, richfaces, GWT, myfaces, icefaces, spring web MVC….  Pour la couche modèle : on utilise des Framework pour assurer la persistance des objets et le mapping objet relationnel tel que hibernate, jpa, ibatis...  Pour la couche métier : on peut utiliser des EJB, javabeans, webservices…. 11/11