ENSET, Université Hassan II Casablanca, profile picture
Téléchargé parENSET, Université Hassan II Casablanca
26,922 vues

Support de Cours JSF2 Première partie Intégration avec Spring

Le document présente JavaServer Faces (JSF), un framework pour le développement d'applications web en Java, axé sur la productivité et la standardisation. Il détaille l'architecture, le cycle de vie des composants, ainsi que des exemples de code pour une application de gestion de produits utilisant Spring et JSF. Enfin, il inclut des dépendances Maven nécessaires pour la mise en œuvre du projet.

Intégrer la présentation

Téléchargé 4 598 fois
JSFJSF JAVAJAVA SERVER FACESSERVER FACES MohamedYoussfi med@youssfi.net MohamedYoussfi med@youssfi.net ENSET, Université Hassan II Mohammedia Casablanca med@youssfi.net
JSFJSF Java Server Faces (JSF) est une technologie dont le but est de proposer un framework qui facilite et standardise le développement d’applications web avec Java. JSF est un Framework orienté composants Son développement a tenu en compte desSon développement a tenu en compte des différentes expériences acquises lors de l’utilisation des technologies standards pour le développement d’applications web ◦ Servlet, JSP, JSTL ◦ et de différents frameworks (Struts, Spring MVC). med@youssfi.net
JSFJSF L’objectif de JSF est de : ◦ fournir un standard JEE spécifié dans une JSR pour le développement des IHM web riches ◦ Maximiser la productivité des applications web ◦ Fournir des fonctionnalités récurrentes et avancées (Validations, Conversion, Ajax …) Fournir des fonctionnalités récurrentes et avancées (Validations, Conversion, Ajax …) ◦ Masquer la complexité med@youssfi.net
HistoriqueHistorique med@youssfi.net
ArchitectureArchitecture Web Container EJB ou Spring Container Couche Métier Couche DAO Model ManagedBean Vue.jsf web.xml Faces-config.xml SGBD : MYSQL Client HTTP FacesSevlet Controller Vue.jsf HTTP HTML
Cycle de vieCycle de vie Requête Restore view RenderRender Response Réponse med@youssfi.net Apply RequestValue Apply RequestValue Perform validations Perform validations Synchronize Model Synchronize Model Invoke Application Logic ResponseResponse
Cycle de vieCycle de vie Restore view ou Reconstruct Component Tree : ◦ Cette première phase permet au serveur de recréer l'arborescence des composants qui composent la page. recréer l'arborescence des composants qui composent la page. ◦ Cette arborescence est stockée dans un objet de type FacesContext et sera utilisée tout au long du traitement de la requête. med@youssfi.net
Cycle de vieCycle de vie Apply RequestValue : ◦ Dans cette étape, les valeurs des données sont extraites de la requête HTTP pour chaque composant et sont stockées dans leur composant respectif dans le FaceContext.composant respectif dans le FaceContext. ◦ Durant cette phase des opérations de conversions sont réalisées pour permettre de transformer les valeurs stockées sous forme de chaîne de caractères dans la requête http en un type utilisé pour le stockage des données. med@youssfi.net
Cycle de vieCycle de vie Perform validations : ◦ Une fois les données extraites et converties, il est possible de procéder à leur validation en appliquant les validators enregistrés auprès de chaque composant.composant. ◦ Les éventuelles erreurs de conversions sont stockées dans le FaceContext. ◦ Dans ce cas, l'étape suivante est directement « Render Response » pour permettre de réafficher la page avec les valeurs saisies et afficher les erreurs med@youssfi.net
Cycle de vieCycle de vie Synchronize Model ou update model values : ◦ Cette étape permet de stocker dans les composants du FaceContext leur valeur locale validée respective. ◦ Les éventuelles erreurs de conversions sont◦ Les éventuelles erreurs de conversions sont stockées dans le FaceContext. ◦ Dans ce cas, l'étape suivante est directement « Render Response » pour permettre de réafficher la page avec les valeurs saisies et afficher les erreurs med@youssfi.net
Cycle de vieCycle de vie Invoke Application Logic : ◦ Dans cette étape, le ou les événements émis dans la page sont traités. ◦ Cette phase doit permettre de déterminer quelle sera la page résultat qui sera renvoyée dans la réponse en utilisant les règles de navigation définieréponse en utilisant les règles de navigation définie dans l'application. ◦ L'arborescence des composants de cette page est créée. Render Response : ◦ Cette étape se charge de créer le rendue de la page de la réponse. med@youssfi.net
Web.xmlWeb.xml <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping><servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.xhtml</url-pattern> </servlet-mapping> med@youssfi.net
MavenMaven dependenciesdependencies : pom.xml: pom.xml <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.2.1</version> </dependency> <dependency><dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.2.1</version> </dependency> med@youssfi.net
MavenMaven dependenciesdependencies : pom.xml: pom.xml <dependency> <groupId>org.richfaces.ui</groupId> <artifactId>richfaces-components-api</artifactId> <version>4.2.2.Final</version> </dependency> <dependency><dependency> <groupId>org.richfaces.ui</groupId> <artifactId>richfaces-components-ui</artifactId> <version>4.2.2.Final</version> </dependency> med@youssfi.net
MavenMaven dependenciesdependencies : pom.xml: pom.xml <dependency> <groupId>org.richfaces.core</groupId> <artifactId>richfaces-core-api</artifactId> <version>4.2.2.Final</version> </dependency> <dependency><dependency> <groupId>org.richfaces.core</groupId> <artifactId>richfaces-core-impl</artifactId> <version>4.2.2.Final</version> </dependency> med@youssfi.net
facesfaces--config.xmlconfig.xml <?xml version="1.0" encoding="UTF-8"?> <faces-config xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaeexsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd" version="2.2"> </faces-config> med@youssfi.net
Exemple deExemple de ManagedManaged BeanBean package org.miage.sid.jsfmb; import java.util.Date; import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; @ManagedBean(name="contactBean") @RequestScoped public class ContactBean { private String nom; private Date dateNaissance; public String saveContact(){public String saveContact(){ // Traitement System.out.println(nom); System.out.println(dateNaissance); return "success"; } // Getters et Setters } med@youssfi.net
Exemple de vue JSF :Exemple de vue JSF : contact.xhtmlcontact.xhtml <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:r="http://richfaces.org/rich"> <h:head> <meta charset="UTF-8"/> <title>Contact</title> </h:head> <h:body> <f:view><f:view> med@youssfi.net
Exemple de vue JSF :Exemple de vue JSF : contact.xhtmlcontact.xhtml <h:form> <h:panelGrid columns="3"> <h:outputText value="Nom:"/> <h:inputText id="nom" value="#{contactBean.nom}" label="Nom:"> <f:validateLength minimum="4" maximum="12"/> </h:inputText> <h:message for="nom" errorStyle="color:red"/> <h:outputText value="Date Inscription:"/> <r:calendar id="dateNaissance" value="#{contactBean.dateNaissance}"<r:calendar id="dateNaissance" value="#{contactBean.dateNaissance}" popup="true" cellWidth="24px" cellHeight="22px" style="width:200px"/> <h:message for="dateNaissance" errorStyle="color:red"/> <h:commandButton action="#{contactBean.saveContact}" value="Save"/> </h:panelGrid> </h:form> </f:view> </h:body> </html> med@youssfi.net
Les Composants JSFLes Composants JSF Coté Client Coté Serveur View Form GridPanel Panel OutputText InputText Message Panel
INTÉGRATION AVECINTÉGRATION AVEC SPRINGSPRINGSPRINGSPRING med@youssfi.net
Application 1Application 1 On souhaite créer une application qui permet de gérer des produits. Chaque produit est défini par sa référence (de type String), sa désignation, son prix et sa quantité. L’application doit permettre les opérations suivantes : ◦ Ajouter un nouveau produit ◦ Consulter tous les produits ◦ Consulter les produits dont le nom contient un mot clé. ◦ Consulter un produit ◦ Supprimer un produit ◦ Mettre à jour un produit.◦ Mettre à jour un produit. Cette application se compose de trois couches DAO, Métier et Présentation. Elle doit être fermée à la modification et ouverte à l’extension. L’injection des dépendances sera effectuée en utilisant Spring IOC. Nous allons définir deux implémentations de la couche DAO. ◦ Une implémentation qui gère les produits qui sont stockés dans une liste de type HashMap. ◦ Dans la deuxième implémentation, nous allons supposer que les produits sont stockés dans une base de données de type MySQL. med@youssfi.net
Gestion des produitsGestion des produits med@youssfi.net
Installation du plugin :Installation du plugin : springspring toolstools pourpour eclipseeclipse med@youssfi.net
Installation du plugin :Installation du plugin : springspring toolstools pourpour eclipseeclipse med@youssfi.net
Création d’un projetCréation d’un projet SpringSpring med@youssfi.net
Création d’un projetCréation d’un projet SpringSpring med@youssfi.net
Structure du projetStructure du projet med@youssfi.net
DépendancesDépendances med@youssfi.net
Architecture techniqueArchitecture technique Web Container Spring IOC Container ContextLoaderListner Couche Métier ICatMetier Couche DAO ICatDAO dependencies Spring Hibernate- validator produits.whtml Produit aapplicationContext.xml web.xml Faces-config.xml CatMetierImpl ICatDAO CatDAOImpl Client HTTP FacesSevlet CatalManagedBean HTTP HTML
MavenMaven dependenciesdependencies :: SpringSpring <properties> <java-version>1.6</java-version> <org.springframework-version> pom.xml 3.2.3.RELEASE </org.springframework-version> <org.aspectj-version>1.6.10</org.aspectj-version> <org.slf4j-version>1.6.6</org.slf4j-version> </properties> med@youssfi.net
MavenMaven DependenciesDependencies <!-- Spring --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>${org.springframework-version}</version> <exclusions> <!-- Exclude Commons Logging in favor of SLF4j --> <exclusion> <groupId>commons-logging</groupId><groupId>commons-logging</groupId> <artifactId>commons-logging</artifactId> </exclusion> </exclusions> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${org.springframework-version}</version> </dependency> med@youssfi.net
MavenMaven DependenciesDependencies <!-- AspectJ --> <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjrt</artifactId> <version>${org.aspectj-version}</version> </dependency> <!-- Logging --> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-api</artifactId> <version>${org.slf4j-version}</version><version>${org.slf4j-version}</version> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>jcl-over-slf4j</artifactId> <version>${org.slf4j-version}</version> <scope>runtime</scope> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>${org.slf4j-version}</version> <scope>runtime</scope> </dependency> med@youssfi.net
MavenMaven DependenciesDependencies <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>1.2.15</version> <exclusions> <exclusion> <groupId>javax.mail</groupId> <artifactId>mail</artifactId> </exclusion> <exclusion> <groupId>javax.jms</groupId><groupId>javax.jms</groupId> <artifactId>jms</artifactId> </exclusion> <exclusion> <groupId>com.sun.jdmk</groupId> <artifactId>jmxtools</artifactId> </exclusion> <exclusion> <groupId>com.sun.jmx</groupId> <artifactId>jmxri</artifactId> </exclusion> </exclusions> <scope>runtime</scope> </dependency> med@youssfi.net
MavenMaven DependenciesDependencies <!-- @Inject --> <dependency> <groupId>javax.inject</groupId> <artifactId>javax.inject</artifactId> <version>1</version> </dependency> <!-- Servlet --> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version><version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.1</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> med@youssfi.net
MavenMaven DependenciesDependencies <!-- Test --> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.7</version> <scope>test</scope> </dependency> <!-- Hibernate Validator --> <dependency><dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-validator</artifactId> <version>5.0.0.Final</version> </dependency> <dependency> <groupId>javax.validation</groupId> <artifactId>validation-api</artifactId> <version>1.1.0.Final</version> </dependency> med@youssfi.net
MavenMaven DependenciesDependencies <!-- JSF --> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.2.1</version> </dependency></dependency> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.2.1</version> </dependency> med@youssfi.net
COUCHE DAOCOUCHE DAO med@youssfi.net
Entité ProduitEntité Produit package org.miage.sid.dao; import java.io.Serializable; import javax.validation.constraints.DecimalMin; import javax.validation.constraints.Size; import org.hibernate.validator.constraints.NotEmpty; public class Produit implements Serializable { @NotEmpty @Size(min=4,max=12)@Size(min=4,max=12) private String reference; @NotEmpty private String designation; @DecimalMin(value="100") private double prix; private int quantite; // Constructeurs // Getters et Setters } med@youssfi.net
InterfaceInterface ICatalogueDAOICatalogueDAO package org.miage.sid.dao; import java.util.List; public interface ICatalogueDAO { public void addProduit(Produit p); public List<Produit> getAllProduits(); public List<Produit> getProduits(String mc);public List<Produit> getProduits(String mc); public Produit getProduit(String reference); public void deleteProduit(String refernce); public void updateProduit(Produit p); } med@youssfi.net
ImplémentationImplémentation CatalogueDAOImplCatalogueDAOImpl package org.miage.sid.dao; import java.util.*; import org.apache.log4j.Logger; public class CatalogueDaoImpl implements ICatalogueDAO { private Map<String, Produit> produits=new HashMap<String, Produit>(); Logger logger=Logger.getLogger(CatalogueDaoImpl.class); @Override public void addProduit(Produit p) { produits.put(p.getReference(), p);produits.put(p.getReference(), p); } @Override public List<Produit> getAllProduits() { Collection<Produit> prods=produits.values(); return new ArrayList<Produit>(prods); } med@youssfi.net
ImplémentationImplémentation CatalogueDAOImplCatalogueDAOImpl @Override public List<Produit> getProduits(String mc) { List<Produit> prods=new ArrayList<Produit>(); for(Produit p:produits.values()) if(p.getDesignation().indexOf(mc)>=0) prods.add(p); return prods; } @Override@Override public Produit getProduit(String reference) { return produits.get(reference); } @Override public void deleteProduit(String refernce) { produits.remove(refernce); } med@youssfi.net
ImplémentationImplémentation CatalogueDAOImplCatalogueDAOImpl @Override public void updateProduit(Produit p) { produits.put(p.getReference(),p); } public void init(){ logger.info("Initialisation du catalogue"); this.addProduit(new Produit("HP675","Ordinateur HP", 8000, 5)); this.addProduit(new Produit("AEP65","Impriomante AE",760, 80));this.addProduit(new Produit("AEP65","Impriomante AE",760, 80)); this.addProduit(new Produit("AT980","Smart Phone GT", 4500, 8)); } } med@youssfi.net
COUCHE METIERCOUCHE METIER med@youssfi.net
InterfaceInterface IcatalogueMetierIcatalogueMetier package org.miage.sid.metier; import java.util.List; import org.miage.sid.dao.Produit; public interface ICatalogueMetier { public void addProduit(Produit p); public List<Produit> getAllProduits(); public List<Produit> getProduits(String mc); public Produit getProduit(String reference); public void deleteProduit(String refernce); public void updateProduit(Produit p); } med@youssfi.net
ImplémentationImplémentation CatalogueMetierImplCatalogueMetierImpl package org.miage.sid.metier; import java.util.List; import org.miage.sid.dao.ICatalogueDAO; import org.miage.sid.dao.Produit; public class CatalogueMetierImpl implements ICatalogueMetier { private ICatalogueDAO dao; /*Setter setDao pour l'injection*/ public void setDao(ICatalogueDAO dao) { this.dao = dao;this.dao = dao; } @Override public void addProduit(Produit p) { dao.addProduit(p); } @Override public List<Produit> getAllProduits() { return dao.getAllProduits(); }
ImplémentationImplémentation CatalogueMetierImplCatalogueMetierImpl @Override public List<Produit> getProduits(String mc) { return dao.getProduits(mc); } @Override public Produit getProduit(String reference) { return dao.getProduit(reference); }} @Override public void deleteProduit(String refernce) { dao.deleteProduit(refernce); } @Override public void updateProduit(Produit p) { dao.updateProduit(p); } }
INJECTION DESINJECTION DES DEPENDANCESDEPENDANCESDEPENDANCESDEPENDANCES med@youssfi.net
applicationContext.xmlapplicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd"> <bean id="dao" class="org.miage.sid.dao.CatalogueDaoImpl" init-method="init"></bean> <bean id="metier" class="org.miage.sid.metier.CatalogueMetierImpl"> <property name="dao" ref="dao"></property><property name="dao" ref="dao"></property> </bean> </beans> med@youssfi.net
COUCHE WEBCOUCHE WEB med@youssfi.net
web.xmlweb.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <!-- The definition of the Root Spring Container shared by all Servlets and Filters --> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath*:applicationContext.xml</param-value> </context-param> <!-- Creates the Spring Container shared by all Servlets and Filters --> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> med@youssfi.net
web.xmlweb.xml <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.xhtml</url-pattern><url-pattern>*.xhtml</url-pattern> </servlet-mapping> </web-app> med@youssfi.net
facesfaces--config.xmlconfig.xml <?xml version="1.0" encoding="UTF-8"?> <faces-config xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd" version="2.2">version="2.2"> <application> <el-resolver> org.springframework.web.jsf.el.SpringBeanFacesELResolver </el-resolver> </application> </faces-config> med@youssfi.net
JSFJSF ManagedBeanManagedBean package org.miage.sid.jsfmb; import java.util.List;import javax.faces.bean.*;import org.miage.sid.dao.Produit; import org.miage.sid.metier.ICatalogueMetier; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; @Component @ManagedBean @RequestScoped public class CatalogueMB {public class CatalogueMB { private Produit produit=new Produit(); @Autowired private ICatalogueMetier metier; public List<Produit> getListProduits(){ return metier.getAllProduits(); } public String saveProduit(){ metier.addproduit(produit); return "sucess"; } med@youssfi.net
JSFJSF ManagedBeanManagedBean public String deleteProduit(String ref){ metier.deleteProduit(ref); return "sucess"; } public String editProduit(String ref){ if(metier.getproduit(ref)!=null) produit=metier.getproduit(ref); return "sucess ";return "sucess "; } // Getters et Setters public Produit getProduit() { return produit; } public void setProduit(Produit produit) { this.produit = produit; } }
Page JSF :Page JSF : index.xhtmlindex.xhtml <?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="resources/css/style.css"></link> </head> <body><body> med@youssfi.net
Page JSF :Page JSF : index.xhtmlindex.xhtml <h:form> <div> <h:panelGrid columns="3"> <f:validateBean> <h:outputText value="REF"></h:outputText> <h:inputText id="reference" value="#{catalogueMB.produit.reference}"> </h:inputText> <h:message for="reference" errorClass="errors"></h:message> <h:outputText value="DESIGNATION"></h:outputText> <h:inputText id="designation" value="#{catalogueMB.produit.designation}"/><h:inputText id="designation" value="#{catalogueMB.produit.designation}"/> <h:message for="designation" errorClass="errors"></h:message> <h:outputText value="PRIX"></h:outputText> <h:inputText id="prix" value="#{catalogueMB.produit.prix}"/> <h:message for="prix" errorClass="errors"></h:message> <h:outputText value="QUANTITE"></h:outputText> <h:inputText id="quantite" value="#{catalogueMB.produit.quantite}"/> <h:message for="quantite" errorClass="errors"></h:message> <h:commandButton value="Save" action="#{catalogueMB.saveProduit}"/> </f:validateBean> </h:panelGrid> </div> med@youssfi.net
Page JSF :Page JSF : index.xhtmlindex.xhtml <div> <h:dataTable value="#{catalogueMB.listProduits}" var="p" class="table1"> <h:column> <f:facet name="header"> <h:outputText value="REF"/> </f:facet> <h:outputText value="#{p.reference}"/> </h:column> <h:column> <f:facet name="header"><f:facet name="header"> <h:outputText value="DESIGNATION"/> </f:facet> <h:outputText value="#{p.designation}"/> </h:column> <h:column> <f:facet name="header"> <h:outputText value="PRIX"/> </f:facet> <h:outputText value="#{p.prix}"/> </h:column> med@youssfi.net
Page JSF :Page JSF : index.xhtmlindex.xhtml <h:column> <f:facet name="header"> <h:outputText value="QUANTITE"></h:outputText> </f:facet> <h:outputText value="#{p.quantite}"></h:outputText> </h:column> <h:column> <h:commandLink action="#{catalogueMB.deleteProduit(p.reference)}" value="Supp"/> </h:column> <h:column><h:column> <h:commandLink action="#{catalogueMB.editProduit(p.reference)}" value="Edit"/> </h:column> </h:dataTable> </div> </h:form> </body> </html> med@youssfi.net

Contenu connexe

PDF
Support programmation orientée aspect mohamed youssfi (aop)
parENSET, Université Hassan II Casablanca
 
PDF
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
parENSET, Université Hassan II Casablanca
 
PDF
Support JEE Spring Inversion de Controle IOC et Spring MVC
parENSET, Université Hassan II Casablanca
 
PDF
Support programmation orientée objet c# .net version f8
parENSET, Université Hassan II Casablanca
 
PDF
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
parENSET, Université Hassan II Casablanca
 
PDF
Support de cours entrepise java beans ejb m.youssfi
parENSET, Université Hassan II Casablanca
 
PDF
Maven et industrialisation du logiciel
parENSET, Université Hassan II Casablanca
 
PDF
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
parENSET, Université Hassan II Casablanca
 
Support programmation orientée aspect mohamed youssfi (aop)
parENSET, Université Hassan II Casablanca
 
Java entreprise edition et industrialisation du génie logiciel par m.youssfi
parENSET, Université Hassan II Casablanca
 
Support JEE Spring Inversion de Controle IOC et Spring MVC
parENSET, Université Hassan II Casablanca
 
Support programmation orientée objet c# .net version f8
parENSET, Université Hassan II Casablanca
 
Développement d'un site web jee de e commerce basé sur spring (m.youssfi)
parENSET, Université Hassan II Casablanca
 
Support de cours entrepise java beans ejb m.youssfi
parENSET, Université Hassan II Casablanca
 
Maven et industrialisation du logiciel
parENSET, Université Hassan II Casablanca
 
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
parENSET, Université Hassan II Casablanca
 

Tendances

PDF
Support POO Java Deuxième Partie
parENSET, Université Hassan II Casablanca
 
PDF
Mohamed youssfi support architectures logicielles distribuées basées sue les ...
parENSET, Université Hassan II Casablanca
 
PDF
Architecture jee principe de inversion de controle et injection des dependances
parENSET, Université Hassan II Casablanca
 
PDF
Support Java Avancé Troisième Partie
parENSET, Université Hassan II Casablanca
 
PDF
Support de cours Spring M.youssfi
parENSET, Université Hassan II Casablanca
 
PDF
Cours design pattern m youssfi partie 5 adapter
parENSET, Université Hassan II Casablanca
 
PPTX
Workshop spring session 2 - La persistance au sein des applications Java
parAntoine Rey
 
PDF
Cours design pattern m youssfi partie 6 proxy
parENSET, Université Hassan II Casablanca
 
PDF
Support de cours technologie et application m.youssfi
parENSET, Université Hassan II Casablanca
 
PDF
Cours design pattern m youssfi partie 3 decorateur
parENSET, Université Hassan II Casablanca
 
PPTX
Java Server Faces (JSF)
parHeithem Abbes
 
PDF
Support developpement applications mobiles avec ionic v3 et v4
parENSET, Université Hassan II Casablanca
 
PPTX
Servlets et JSP
parHeithem Abbes
 
PDF
Site JEE de ECommerce Basé sur Spring IOC MVC Security JPA Hibernate
parENSET, Université Hassan II Casablanca
 
PPTX
Introduction à spring boot
parAntoine Rey
 
PDF
Support NodeJS avec TypeScript Express MongoDB
parENSET, Université Hassan II Casablanca
 
PDF
Sécurité des Applications Web avec Json Web Token (JWT)
parENSET, Université Hassan II Casablanca
 
PDF
Support JEE Servlet Jsp MVC M.Youssfi
parENSET, Université Hassan II Casablanca
 
PDF
Appalications JEE avec Servlet/JSP
parYouness Boukouchi
 
PDF
Tp1 - WS avec JAXWS
parLilia Sfaxi
 
Support POO Java Deuxième Partie
parENSET, Université Hassan II Casablanca
 
Mohamed youssfi support architectures logicielles distribuées basées sue les ...
parENSET, Université Hassan II Casablanca
 
Architecture jee principe de inversion de controle et injection des dependances
parENSET, Université Hassan II Casablanca
 
Support Java Avancé Troisième Partie
parENSET, Université Hassan II Casablanca
 
Support de cours Spring M.youssfi
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 5 adapter
parENSET, Université Hassan II Casablanca
 
Workshop spring session 2 - La persistance au sein des applications Java
parAntoine Rey
 
Cours design pattern m youssfi partie 6 proxy
parENSET, Université Hassan II Casablanca
 
Support de cours technologie et application m.youssfi
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 3 decorateur
parENSET, Université Hassan II Casablanca
 
Java Server Faces (JSF)
parHeithem Abbes
 
Support developpement applications mobiles avec ionic v3 et v4
parENSET, Université Hassan II Casablanca
 
Servlets et JSP
parHeithem Abbes
 
Site JEE de ECommerce Basé sur Spring IOC MVC Security JPA Hibernate
parENSET, Université Hassan II Casablanca
 
Introduction à spring boot
parAntoine Rey
 
Support NodeJS avec TypeScript Express MongoDB
parENSET, Université Hassan II Casablanca
 
Sécurité des Applications Web avec Json Web Token (JWT)
parENSET, Université Hassan II Casablanca
 
Support JEE Servlet Jsp MVC M.Youssfi
parENSET, Université Hassan II Casablanca
 
Appalications JEE avec Servlet/JSP
parYouness Boukouchi
 
Tp1 - WS avec JAXWS
parLilia Sfaxi
 

En vedette

PDF
Cours design pattern m youssfi partie 7 facade bridge flyweight
parENSET, Université Hassan II Casablanca
 
PDF
softCours design pattern m youssfi partie 9 creation des objets abstract fact...
parENSET, Université Hassan II Casablanca
 
PDF
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
parENSET, Université Hassan II Casablanca
 
PDF
Cours design pattern m youssfi partie 8 stat, template method, command , medi...
parENSET, Université Hassan II Casablanca
 
PDF
Cours design pattern m youssfi partie 1 introduction et pattern strategy
parENSET, Université Hassan II Casablanca
 
PDF
Cours design pattern m youssfi partie 2 observer
parENSET, Université Hassan II Casablanca
 
PDF
Développement d'un site web de E-Commerce avec PHP (Première Partie)
parENSET, Université Hassan II Casablanca
 
PDF
JBoss Seam vs JSF
parMarkos Fragkakis
 
PPT
Intelligence artificielle et système multi-agent
parNoureddine Djebbari
 
DOC
Resume
parManvendra Singh
 
PDF
Support POO Java première partie
parENSET, Université Hassan II Casablanca
 
PDF
Cours design pattern m youssfi partie 4 composite
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 7 facade bridge flyweight
parENSET, Université Hassan II Casablanca
 
softCours design pattern m youssfi partie 9 creation des objets abstract fact...
parENSET, Université Hassan II Casablanca
 
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 8 stat, template method, command , medi...
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 1 introduction et pattern strategy
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 2 observer
parENSET, Université Hassan II Casablanca
 
Développement d'un site web de E-Commerce avec PHP (Première Partie)
parENSET, Université Hassan II Casablanca
 
JBoss Seam vs JSF
parMarkos Fragkakis
 
Intelligence artificielle et système multi-agent
parNoureddine Djebbari
 
Resume
parManvendra Singh
 
Support POO Java première partie
parENSET, Université Hassan II Casablanca
 
Cours design pattern m youssfi partie 4 composite
parENSET, Université Hassan II Casablanca
 

Similaire à Support de Cours JSF2 Première partie Intégration avec Spring

PDF
JEE_Chapter4_JSF_VF (1).pdf
parMahmoudiOussama
 
PPT
Prsentation de-javaserver-faces4124
parMejdeddine Bouzouita
 
PPT
Présentation de JavaServer Faces
parJS Bournival
 
ODP
Presentation jsf2
parDamien GOUYETTE
 
PDF
Java Server Faces 2
par'Farouk' 'BEN GHARSSALLAH'
 
PPT
JSF 2.0
parSlimen Belhaj Ali
 
PDF
Jsf 110530152515-phpapp01
parEric Bourdet
 
PDF
3 Jsf
parDghaies Jihed , PSM I Ⓡ
 
PDF
Alphorm.com Formation Java Server Faces
parAlphorm
 
PDF
Et pourquoi pas JEE ?
parPALO IT
 
PDF
Java EE 6 Solutions Linux 2010
parAlexis Moussine-Pouchkine
 
PDF
Java Server Faces - Beyond
parMamadou Lamine Ba
 
PDF
ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours
parHoracio Gonzalez
 
PDF
Prsentationtutoriel 100217133915-phpapp01 (1)
parEric Bourdet
 
PDF
Jee008 formation-jee-jsf-java-server-faces
parCERTyou Formation
 
PDF
2 ModéLe Mvc
parDghaies Jihed , PSM I Ⓡ
 
PDF
Tutoriel J2EE
parDghaies Jihed , PSM I Ⓡ
 
PDF
JSF2 par la pratique
parDamien GOUYETTE
 
PDF
Et pourquoi pas JEE ?
parPALO IT
 
PPTX
Jboss Seam
parSlimen Belhaj Ali
 
JEE_Chapter4_JSF_VF (1).pdf
parMahmoudiOussama
 
Prsentation de-javaserver-faces4124
parMejdeddine Bouzouita
 
Présentation de JavaServer Faces
parJS Bournival
 
Presentation jsf2
parDamien GOUYETTE
 
Java Server Faces 2
par'Farouk' 'BEN GHARSSALLAH'
 
JSF 2.0
parSlimen Belhaj Ali
 
Jsf 110530152515-phpapp01
parEric Bourdet
 
3 Jsf
parDghaies Jihed , PSM I Ⓡ
 
Alphorm.com Formation Java Server Faces
parAlphorm
 
Et pourquoi pas JEE ?
parPALO IT
 
Java EE 6 Solutions Linux 2010
parAlexis Moussine-Pouchkine
 
Java Server Faces - Beyond
parMamadou Lamine Ba
 
ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours
parHoracio Gonzalez
 
Prsentationtutoriel 100217133915-phpapp01 (1)
parEric Bourdet
 
Jee008 formation-jee-jsf-java-server-faces
parCERTyou Formation
 
2 ModéLe Mvc
parDghaies Jihed , PSM I Ⓡ
 
Tutoriel J2EE
parDghaies Jihed , PSM I Ⓡ
 
JSF2 par la pratique
parDamien GOUYETTE
 
Et pourquoi pas JEE ?
parPALO IT
 
Jboss Seam
parSlimen Belhaj Ali
 

Plus de ENSET, Université Hassan II Casablanca

PDF
Theses Soutenues sous Direction et Co-Direction du Pr YOUSSFI
parENSET, Université Hassan II Casablanca
 
PDF
Traitement distribue en BIg Data - KAFKA Broker and Kafka Streams
parENSET, Université Hassan II Casablanca
 
PDF
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
parENSET, Université Hassan II Casablanca
 
PDF
Support distributed computing and caching avec hazelcast
parENSET, Université Hassan II Casablanca
 
PDF
Mise en oeuvre des framework de machines et deep learning v1
parENSET, Université Hassan II Casablanca
 
PDF
Conférence: Catalyseurs de l'Intelligence Artificielle et Écosystème des Fram...
parENSET, Université Hassan II Casablanca
 
PDF
Support de cours angular
parENSET, Université Hassan II Casablanca
 
Theses Soutenues sous Direction et Co-Direction du Pr YOUSSFI
parENSET, Université Hassan II Casablanca
 
Traitement distribue en BIg Data - KAFKA Broker and Kafka Streams
parENSET, Université Hassan II Casablanca
 
Mise en oeuvre des Frameworks de Machines et Deep Learning pour les Applicati...
parENSET, Université Hassan II Casablanca
 
Support distributed computing and caching avec hazelcast
parENSET, Université Hassan II Casablanca
 
Mise en oeuvre des framework de machines et deep learning v1
parENSET, Université Hassan II Casablanca
 
Conférence: Catalyseurs de l'Intelligence Artificielle et Écosystème des Fram...
parENSET, Université Hassan II Casablanca
 
Support de cours angular
parENSET, Université Hassan II Casablanca
 

Support de Cours JSF2 Première partie Intégration avec Spring

  • 1.
    JSFJSF JAVAJAVA SERVER FACESSERVERFACES MohamedYoussfi med@youssfi.net MohamedYoussfi med@youssfi.net ENSET, Université Hassan II Mohammedia Casablanca med@youssfi.net
  • 2.
    JSFJSF Java Server Faces(JSF) est une technologie dont le but est de proposer un framework qui facilite et standardise le développement d’applications web avec Java. JSF est un Framework orienté composants Son développement a tenu en compte desSon développement a tenu en compte des différentes expériences acquises lors de l’utilisation des technologies standards pour le développement d’applications web ◦ Servlet, JSP, JSTL ◦ et de différents frameworks (Struts, Spring MVC). med@youssfi.net
  • 3.
    JSFJSF L’objectif de JSFest de : ◦ fournir un standard JEE spécifié dans une JSR pour le développement des IHM web riches ◦ Maximiser la productivité des applications web ◦ Fournir des fonctionnalités récurrentes et avancées (Validations, Conversion, Ajax …) Fournir des fonctionnalités récurrentes et avancées (Validations, Conversion, Ajax …) ◦ Masquer la complexité med@youssfi.net
  • 4.
  • 5.
    ArchitectureArchitecture Web Container EJBou Spring Container Couche Métier Couche DAO Model ManagedBean Vue.jsf web.xml Faces-config.xml SGBD : MYSQL Client HTTP FacesSevlet Controller Vue.jsf HTTP HTML
  • 6.
    Cycle de vieCyclede vie Requête Restore view RenderRender Response Réponse med@youssfi.net Apply RequestValue Apply RequestValue Perform validations Perform validations Synchronize Model Synchronize Model Invoke Application Logic ResponseResponse
  • 7.
    Cycle de vieCyclede vie Restore view ou Reconstruct Component Tree : ◦ Cette première phase permet au serveur de recréer l'arborescence des composants qui composent la page. recréer l'arborescence des composants qui composent la page. ◦ Cette arborescence est stockée dans un objet de type FacesContext et sera utilisée tout au long du traitement de la requête. med@youssfi.net
  • 8.
    Cycle de vieCyclede vie Apply RequestValue : ◦ Dans cette étape, les valeurs des données sont extraites de la requête HTTP pour chaque composant et sont stockées dans leur composant respectif dans le FaceContext.composant respectif dans le FaceContext. ◦ Durant cette phase des opérations de conversions sont réalisées pour permettre de transformer les valeurs stockées sous forme de chaîne de caractères dans la requête http en un type utilisé pour le stockage des données. med@youssfi.net
  • 9.
    Cycle de vieCyclede vie Perform validations : ◦ Une fois les données extraites et converties, il est possible de procéder à leur validation en appliquant les validators enregistrés auprès de chaque composant.composant. ◦ Les éventuelles erreurs de conversions sont stockées dans le FaceContext. ◦ Dans ce cas, l'étape suivante est directement « Render Response » pour permettre de réafficher la page avec les valeurs saisies et afficher les erreurs med@youssfi.net
  • 10.
    Cycle de vieCyclede vie Synchronize Model ou update model values : ◦ Cette étape permet de stocker dans les composants du FaceContext leur valeur locale validée respective. ◦ Les éventuelles erreurs de conversions sont◦ Les éventuelles erreurs de conversions sont stockées dans le FaceContext. ◦ Dans ce cas, l'étape suivante est directement « Render Response » pour permettre de réafficher la page avec les valeurs saisies et afficher les erreurs med@youssfi.net
  • 11.
    Cycle de vieCyclede vie Invoke Application Logic : ◦ Dans cette étape, le ou les événements émis dans la page sont traités. ◦ Cette phase doit permettre de déterminer quelle sera la page résultat qui sera renvoyée dans la réponse en utilisant les règles de navigation définieréponse en utilisant les règles de navigation définie dans l'application. ◦ L'arborescence des composants de cette page est créée. Render Response : ◦ Cette étape se charge de créer le rendue de la page de la réponse. med@youssfi.net
  • 12.
  • 13.
    MavenMaven dependenciesdependencies :pom.xml: pom.xml <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.2.1</version> </dependency> <dependency><dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.2.1</version> </dependency> med@youssfi.net
  • 14.
    MavenMaven dependenciesdependencies :pom.xml: pom.xml <dependency> <groupId>org.richfaces.ui</groupId> <artifactId>richfaces-components-api</artifactId> <version>4.2.2.Final</version> </dependency> <dependency><dependency> <groupId>org.richfaces.ui</groupId> <artifactId>richfaces-components-ui</artifactId> <version>4.2.2.Final</version> </dependency> med@youssfi.net
  • 15.
    MavenMaven dependenciesdependencies :pom.xml: pom.xml <dependency> <groupId>org.richfaces.core</groupId> <artifactId>richfaces-core-api</artifactId> <version>4.2.2.Final</version> </dependency> <dependency><dependency> <groupId>org.richfaces.core</groupId> <artifactId>richfaces-core-impl</artifactId> <version>4.2.2.Final</version> </dependency> med@youssfi.net
  • 16.
  • 17.
    Exemple deExemple deManagedManaged BeanBean package org.miage.sid.jsfmb; import java.util.Date; import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; @ManagedBean(name="contactBean") @RequestScoped public class ContactBean { private String nom; private Date dateNaissance; public String saveContact(){public String saveContact(){ // Traitement System.out.println(nom); System.out.println(dateNaissance); return "success"; } // Getters et Setters } med@youssfi.net
  • 18.
    Exemple de vueJSF :Exemple de vue JSF : contact.xhtmlcontact.xhtml <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:r="http://richfaces.org/rich"> <h:head> <meta charset="UTF-8"/> <title>Contact</title> </h:head> <h:body> <f:view><f:view> med@youssfi.net
  • 19.
    Exemple de vueJSF :Exemple de vue JSF : contact.xhtmlcontact.xhtml <h:form> <h:panelGrid columns="3"> <h:outputText value="Nom:"/> <h:inputText id="nom" value="#{contactBean.nom}" label="Nom:"> <f:validateLength minimum="4" maximum="12"/> </h:inputText> <h:message for="nom" errorStyle="color:red"/> <h:outputText value="Date Inscription:"/> <r:calendar id="dateNaissance" value="#{contactBean.dateNaissance}"<r:calendar id="dateNaissance" value="#{contactBean.dateNaissance}" popup="true" cellWidth="24px" cellHeight="22px" style="width:200px"/> <h:message for="dateNaissance" errorStyle="color:red"/> <h:commandButton action="#{contactBean.saveContact}" value="Save"/> </h:panelGrid> </h:form> </f:view> </h:body> </html> med@youssfi.net
  • 20.
    Les Composants JSFLesComposants JSF Coté Client Coté Serveur View Form GridPanel Panel OutputText InputText Message Panel
  • 21.
  • 22.
    Application 1Application 1 Onsouhaite créer une application qui permet de gérer des produits. Chaque produit est défini par sa référence (de type String), sa désignation, son prix et sa quantité. L’application doit permettre les opérations suivantes : ◦ Ajouter un nouveau produit ◦ Consulter tous les produits ◦ Consulter les produits dont le nom contient un mot clé. ◦ Consulter un produit ◦ Supprimer un produit ◦ Mettre à jour un produit.◦ Mettre à jour un produit. Cette application se compose de trois couches DAO, Métier et Présentation. Elle doit être fermée à la modification et ouverte à l’extension. L’injection des dépendances sera effectuée en utilisant Spring IOC. Nous allons définir deux implémentations de la couche DAO. ◦ Une implémentation qui gère les produits qui sont stockés dans une liste de type HashMap. ◦ Dans la deuxième implémentation, nous allons supposer que les produits sont stockés dans une base de données de type MySQL. med@youssfi.net
  • 23.
    Gestion des produitsGestiondes produits med@youssfi.net
  • 24.
    Installation du plugin:Installation du plugin : springspring toolstools pourpour eclipseeclipse med@youssfi.net
  • 25.
    Installation du plugin:Installation du plugin : springspring toolstools pourpour eclipseeclipse med@youssfi.net
  • 26.
    Création d’un projetCréationd’un projet SpringSpring med@youssfi.net
  • 27.
    Création d’un projetCréationd’un projet SpringSpring med@youssfi.net
  • 28.
    Structure du projetStructuredu projet med@youssfi.net
  • 29.
  • 30.
    Architecture techniqueArchitecture technique WebContainer Spring IOC Container ContextLoaderListner Couche Métier ICatMetier Couche DAO ICatDAO dependencies Spring Hibernate- validator produits.whtml Produit aapplicationContext.xml web.xml Faces-config.xml CatMetierImpl ICatDAO CatDAOImpl Client HTTP FacesSevlet CatalManagedBean HTTP HTML
  • 31.
    MavenMaven dependenciesdependencies ::SpringSpring <properties> <java-version>1.6</java-version> <org.springframework-version> pom.xml 3.2.3.RELEASE </org.springframework-version> <org.aspectj-version>1.6.10</org.aspectj-version> <org.slf4j-version>1.6.6</org.slf4j-version> </properties> med@youssfi.net
  • 32.
    MavenMaven DependenciesDependencies <!-- Spring--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>${org.springframework-version}</version> <exclusions> <!-- Exclude Commons Logging in favor of SLF4j --> <exclusion> <groupId>commons-logging</groupId><groupId>commons-logging</groupId> <artifactId>commons-logging</artifactId> </exclusion> </exclusions> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${org.springframework-version}</version> </dependency> med@youssfi.net
  • 33.
    MavenMaven DependenciesDependencies <!-- AspectJ--> <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjrt</artifactId> <version>${org.aspectj-version}</version> </dependency> <!-- Logging --> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-api</artifactId> <version>${org.slf4j-version}</version><version>${org.slf4j-version}</version> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>jcl-over-slf4j</artifactId> <version>${org.slf4j-version}</version> <scope>runtime</scope> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>${org.slf4j-version}</version> <scope>runtime</scope> </dependency> med@youssfi.net
  • 34.
  • 35.
    MavenMaven DependenciesDependencies <!-- @Inject--> <dependency> <groupId>javax.inject</groupId> <artifactId>javax.inject</artifactId> <version>1</version> </dependency> <!-- Servlet --> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version><version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.1</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> med@youssfi.net
  • 36.
    MavenMaven DependenciesDependencies <!-- Test--> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.7</version> <scope>test</scope> </dependency> <!-- Hibernate Validator --> <dependency><dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-validator</artifactId> <version>5.0.0.Final</version> </dependency> <dependency> <groupId>javax.validation</groupId> <artifactId>validation-api</artifactId> <version>1.1.0.Final</version> </dependency> med@youssfi.net
  • 37.
    MavenMaven DependenciesDependencies <!-- JSF--> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.2.1</version> </dependency></dependency> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.2.1</version> </dependency> med@youssfi.net
  • 38.
  • 39.
    Entité ProduitEntité Produit packageorg.miage.sid.dao; import java.io.Serializable; import javax.validation.constraints.DecimalMin; import javax.validation.constraints.Size; import org.hibernate.validator.constraints.NotEmpty; public class Produit implements Serializable { @NotEmpty @Size(min=4,max=12)@Size(min=4,max=12) private String reference; @NotEmpty private String designation; @DecimalMin(value="100") private double prix; private int quantite; // Constructeurs // Getters et Setters } med@youssfi.net
  • 40.
    InterfaceInterface ICatalogueDAOICatalogueDAO package org.miage.sid.dao; importjava.util.List; public interface ICatalogueDAO { public void addProduit(Produit p); public List<Produit> getAllProduits(); public List<Produit> getProduits(String mc);public List<Produit> getProduits(String mc); public Produit getProduit(String reference); public void deleteProduit(String refernce); public void updateProduit(Produit p); } med@youssfi.net
  • 41.
    ImplémentationImplémentation CatalogueDAOImplCatalogueDAOImpl package org.miage.sid.dao; importjava.util.*; import org.apache.log4j.Logger; public class CatalogueDaoImpl implements ICatalogueDAO { private Map<String, Produit> produits=new HashMap<String, Produit>(); Logger logger=Logger.getLogger(CatalogueDaoImpl.class); @Override public void addProduit(Produit p) { produits.put(p.getReference(), p);produits.put(p.getReference(), p); } @Override public List<Produit> getAllProduits() { Collection<Produit> prods=produits.values(); return new ArrayList<Produit>(prods); } med@youssfi.net
  • 42.
    ImplémentationImplémentation CatalogueDAOImplCatalogueDAOImpl @Override public List<Produit>getProduits(String mc) { List<Produit> prods=new ArrayList<Produit>(); for(Produit p:produits.values()) if(p.getDesignation().indexOf(mc)>=0) prods.add(p); return prods; } @Override@Override public Produit getProduit(String reference) { return produits.get(reference); } @Override public void deleteProduit(String refernce) { produits.remove(refernce); } med@youssfi.net
  • 43.
    ImplémentationImplémentation CatalogueDAOImplCatalogueDAOImpl @Override public voidupdateProduit(Produit p) { produits.put(p.getReference(),p); } public void init(){ logger.info("Initialisation du catalogue"); this.addProduit(new Produit("HP675","Ordinateur HP", 8000, 5)); this.addProduit(new Produit("AEP65","Impriomante AE",760, 80));this.addProduit(new Produit("AEP65","Impriomante AE",760, 80)); this.addProduit(new Produit("AT980","Smart Phone GT", 4500, 8)); } } med@youssfi.net
  • 44.
  • 45.
    InterfaceInterface IcatalogueMetierIcatalogueMetier package org.miage.sid.metier; importjava.util.List; import org.miage.sid.dao.Produit; public interface ICatalogueMetier { public void addProduit(Produit p); public List<Produit> getAllProduits(); public List<Produit> getProduits(String mc); public Produit getProduit(String reference); public void deleteProduit(String refernce); public void updateProduit(Produit p); } med@youssfi.net
  • 46.
    ImplémentationImplémentation CatalogueMetierImplCatalogueMetierImpl package org.miage.sid.metier; importjava.util.List; import org.miage.sid.dao.ICatalogueDAO; import org.miage.sid.dao.Produit; public class CatalogueMetierImpl implements ICatalogueMetier { private ICatalogueDAO dao; /*Setter setDao pour l'injection*/ public void setDao(ICatalogueDAO dao) { this.dao = dao;this.dao = dao; } @Override public void addProduit(Produit p) { dao.addProduit(p); } @Override public List<Produit> getAllProduits() { return dao.getAllProduits(); }
  • 47.
    ImplémentationImplémentation CatalogueMetierImplCatalogueMetierImpl @Override public List<Produit>getProduits(String mc) { return dao.getProduits(mc); } @Override public Produit getProduit(String reference) { return dao.getProduit(reference); }} @Override public void deleteProduit(String refernce) { dao.deleteProduit(refernce); } @Override public void updateProduit(Produit p) { dao.updateProduit(p); } }
  • 48.
  • 49.
    applicationContext.xmlapplicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beansxmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd"> <bean id="dao" class="org.miage.sid.dao.CatalogueDaoImpl" init-method="init"></bean> <bean id="metier" class="org.miage.sid.metier.CatalogueMetierImpl"> <property name="dao" ref="dao"></property><property name="dao" ref="dao"></property> </bean> </beans> med@youssfi.net
  • 50.
  • 51.
    web.xmlweb.xml <?xml version="1.0" encoding="UTF-8"?> <web-appversion="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <!-- The definition of the Root Spring Container shared by all Servlets and Filters --> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath*:applicationContext.xml</param-value> </context-param> <!-- Creates the Spring Container shared by all Servlets and Filters --> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> med@youssfi.net
  • 52.
  • 53.
  • 54.
    JSFJSF ManagedBeanManagedBean package org.miage.sid.jsfmb; importjava.util.List;import javax.faces.bean.*;import org.miage.sid.dao.Produit; import org.miage.sid.metier.ICatalogueMetier; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; @Component @ManagedBean @RequestScoped public class CatalogueMB {public class CatalogueMB { private Produit produit=new Produit(); @Autowired private ICatalogueMetier metier; public List<Produit> getListProduits(){ return metier.getAllProduits(); } public String saveProduit(){ metier.addproduit(produit); return "sucess"; } med@youssfi.net
  • 55.
    JSFJSF ManagedBeanManagedBean public StringdeleteProduit(String ref){ metier.deleteProduit(ref); return "sucess"; } public String editProduit(String ref){ if(metier.getproduit(ref)!=null) produit=metier.getproduit(ref); return "sucess ";return "sucess "; } // Getters et Setters public Produit getProduit() { return produit; } public void setProduit(Produit produit) { this.produit = produit; } }
  • 56.
    Page JSF :PageJSF : index.xhtmlindex.xhtml <?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="resources/css/style.css"></link> </head> <body><body> med@youssfi.net
  • 57.
    Page JSF :PageJSF : index.xhtmlindex.xhtml <h:form> <div> <h:panelGrid columns="3"> <f:validateBean> <h:outputText value="REF"></h:outputText> <h:inputText id="reference" value="#{catalogueMB.produit.reference}"> </h:inputText> <h:message for="reference" errorClass="errors"></h:message> <h:outputText value="DESIGNATION"></h:outputText> <h:inputText id="designation" value="#{catalogueMB.produit.designation}"/><h:inputText id="designation" value="#{catalogueMB.produit.designation}"/> <h:message for="designation" errorClass="errors"></h:message> <h:outputText value="PRIX"></h:outputText> <h:inputText id="prix" value="#{catalogueMB.produit.prix}"/> <h:message for="prix" errorClass="errors"></h:message> <h:outputText value="QUANTITE"></h:outputText> <h:inputText id="quantite" value="#{catalogueMB.produit.quantite}"/> <h:message for="quantite" errorClass="errors"></h:message> <h:commandButton value="Save" action="#{catalogueMB.saveProduit}"/> </f:validateBean> </h:panelGrid> </div> med@youssfi.net
  • 58.
    Page JSF :PageJSF : index.xhtmlindex.xhtml <div> <h:dataTable value="#{catalogueMB.listProduits}" var="p" class="table1"> <h:column> <f:facet name="header"> <h:outputText value="REF"/> </f:facet> <h:outputText value="#{p.reference}"/> </h:column> <h:column> <f:facet name="header"><f:facet name="header"> <h:outputText value="DESIGNATION"/> </f:facet> <h:outputText value="#{p.designation}"/> </h:column> <h:column> <f:facet name="header"> <h:outputText value="PRIX"/> </f:facet> <h:outputText value="#{p.prix}"/> </h:column> med@youssfi.net
  • 59.
    Page JSF :PageJSF : index.xhtmlindex.xhtml <h:column> <f:facet name="header"> <h:outputText value="QUANTITE"></h:outputText> </f:facet> <h:outputText value="#{p.quantite}"></h:outputText> </h:column> <h:column> <h:commandLink action="#{catalogueMB.deleteProduit(p.reference)}" value="Supp"/> </h:column> <h:column><h:column> <h:commandLink action="#{catalogueMB.editProduit(p.reference)}" value="Edit"/> </h:column> </h:dataTable> </div> </h:form> </body> </html> med@youssfi.net