Téléchargé parmosalah38
119 vues

Developpement dun site_web_developpement

Le document présente le développement d'un site web de commerce électronique utilisant le framework Spring basé sur Java EE. Il décrit la structure du projet, les composants techniques et les fonctionnalités, notamment la gestion des produits et des catégories, ainsi que les configurations XML pour le conteneur Spring et l'accès à la base de données. Le document aborde également la création d'entités JPA pour représenter les données du site et les interactions utilisateur via un contrôleur MVC.

Intégrer la présentation

Télécharger pour lire hors ligne
1 / 109
2 / 109
3 / 109
4 / 109
5 / 109
6 / 109
7 / 109
8 / 109
9 / 109
10 / 109
11 / 109
12 / 109
13 / 109
14 / 109
15 / 109
16 / 109
17 / 109
18 / 109
19 / 109
20 / 109
21 / 109
22 / 109
23 / 109
24 / 109
25 / 109
26 / 109
27 / 109
28 / 109
29 / 109
30 / 109
31 / 109
32 / 109
33 / 109
34 / 109
35 / 109
36 / 109
37 / 109
38 / 109
39 / 109
40 / 109
41 / 109
42 / 109
43 / 109
44 / 109
45 / 109
46 / 109
47 / 109
48 / 109
49 / 109
50 / 109
51 / 109
52 / 109
53 / 109
54 / 109
55 / 109
56 / 109
57 / 109
58 / 109
59 / 109
60 / 109
61 / 109
62 / 109
63 / 109
64 / 109
65 / 109
66 / 109
67 / 109
68 / 109
69 / 109
70 / 109
71 / 109
72 / 109
73 / 109
74 / 109
75 / 109
76 / 109
77 / 109
78 / 109
79 / 109
80 / 109
81 / 109
82 / 109
83 / 109
84 / 109
85 / 109
86 / 109
87 / 109
88 / 109
89 / 109
90 / 109
91 / 109
92 / 109
93 / 109
94 / 109
95 / 109
96 / 109
97 / 109
98 / 109
99 / 109
100 / 109
101 / 109
102 / 109
103 / 109
104 / 109
105 / 109
106 / 109
107 / 109
108 / 109
109 / 109
Développement d’un site web Développement d’un site web de E de E- -Commerce Commerce Basé sur JEE (Part 1 ) Basé sur JEE (Part 1 ) - - Eclipse, Eclipse, Maven Maven, , JUnit JUnit - - Spring Spring IOC IOC - - Spring Spring MVC MVC - - Spring Spring Security Security - - JPA, JPA, Hibernate Hibernate - - JPA, JPA, Hibernate Hibernate med@youssfi.net MohamedYoussfi Laboratoire Signaux Systèmes Distribués et Intelligence Artificielle (SSDIA) ENSET, Université Hassan II Casablanca, Maroc Email : med@youssfi.net Supports de cours : http://fr.slideshare.net/mohamedyoussfi9 Chaîne vidéo : http://youtube.com/mohamedYoussfi Recherche : http://www.researchgate.net/profile/Youssfi_Mohamed/publications
Spring MVC Spring MVC med@youssfi.net
Spring Spring MVC MVC med@youssfi.net
Installation du plugin : Installation du plugin : spring spring tools tools pour pour eclipse eclipse med@youssfi.net
Installation du plugin : Installation du plugin : spring spring tools tools pour pour eclipse eclipse med@youssfi.net
Création d’un projet Création d’un projet Spring Spring med@youssfi.net
Création d’un projet Création d’un projet Spring Spring med@youssfi.net
Structure du projet Structure du projet Navigator Explorer med@youssfi.net
web.xml web.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>/WEB-INF/spring/root-context.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.xml web.xml <!-- Processes application requests --> <servlet> <servlet-name>appServlet</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet- class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value> </init-param> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>appServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app> med@youssfi.net
> >/WEB /WEB- -INF/ INF/spring spring/ /root root- -context.xml context.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" • Ce fichier est lu par ContextLoaderListener, au démarrage du serveur . • C’est un fichier dans lequel contexte de l’application sera construit • ContextLoaderListener représente Spring IOC • c’est donc un fichier pour l’injection des dépendances • Pour le moment, il est vide xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/sc hema/beans http://www.springframework.org/schema/beans/spring- beans.xsd"> <!-- Root Context: defines shared resources visible to all other web components --> </beans> med@youssfi.net
> >/WEB /WEB- -INF/ INF/spring spring/ /appServlet appServlet/ /servlet servlet- -context.xml context.xml <?xml version="1.0" encoding="UTF-8"?> <beans:beans xmlns="http://www.springframework.org/schema/mvc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd"> <!-- Enables the Spring MVC @Controller programming model --> <annotation-driven /> • Ce fichier est lu par DispatcherServlet qui représente le controleur web de l’application <!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory --> <resources mapping="/resources/**" location="/resources/" /> <!-- Resolves views selected for rendering by @Controllers to .jsp resources in the /WEB-INF/views directory --> <beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <beans:property name="prefix" value="/WEB-INF/views/" /> <beans:property name="suffix" value=".jsp" /> </beans:bean> <context:component-scan base-package="ma.enset.myCataogue" /> </beans:beans> med@youssfi.net
Un exemple de contrôleur Un exemple de contrôleur Spring Spring MVC MVC package ma.enset.myCataogue; import java.text.*;import java.util.*;import org.slf4j.*;import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; /** Handles requests for the application home page. */ @Controller public class HomeController { private static final Logger logger = LoggerFactory.getLogger(HomeController.class); /** Simply selects the home view to render by returning its name. */ @RequestMapping(value = "/", method = RequestMethod.GET) @RequestMapping(value = "/", method = RequestMethod.GET) public String home(Locale locale, Model model) { logger.info("Welcome home! The client locale is {}.", locale); Date date = new Date(); DateFormat dateFormat = DateFormat.getDateTimeInstance(DateFormat.LONG, DateFormat.LONG, locale); String formattedDate = dateFormat.format(date); model.addAttribute("serverTime", formattedDate ); return "home"; } } med@youssfi.net
Un exemple de vue JSP Un exemple de vue JSP <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page session="false" %> <html> <head> <title>Home</title> </head> <body> <h1> Hello world! </h1> <h1> Hello world! </h1> <P> The time on the server is ${serverTime}. </P> </body> </html> med@youssfi.net
Functionnement Functionnement Tomcat Lire web.xml :ContextLoaderListner Instancier Lire root-context.xml :DispatcherServlet Instancier Lire servlet-context.xml Client :HomeController Req HTTP med@youssfi.net GET/ doGet(request,response) instancier Model And View :home.jsp home() instancier rendu html Rep HTTP
Site de E Site de E- -Commerce avec Commerce avec Spring Spring Framework Framework Youssfi Mohamed ENSET ENSET Université Hassan II Mohammedia med@youssfi.net med@youssfi.net | ENSET Université Hassan II Mohammedia
Problème Problème On souhaite créer un site web de commerce électronique sui se compose de deux parties : ◦ Une partie back office qui nécessite une authentification et qui permet de gérer les produits et les catégories Nous définissons deux rôles pour cette partie: ROLE_ADMIN_CAT : l’utilisateur ayant ce rôle a la possibilités de gérer les catégories et les produits (Ajout, suppression, Edition,Modification et consultation) ainsi que les droits d’accès ROLE_ADMIN_PROD : l’utilisateur ayant ce rôle a la possibilités de gérer uniquement les produits (Ajout, suppression, Edition,Modification et consultation) ◦ Une partie front office qui représentent la boutique virtuelle qui ne ◦ Une partie front office qui représentent la boutique virtuelle qui ne nécessite pas d’authentification. Dans cette partie l’utilisateur a la possibilités de : Consulter toutes les catégories Consulter les produits d’une catégorie Consulter les produits sélectionnés Chercher des produits par mot clé Ajouter un produit avec une quantité au panier Supprimer un produit du panier Enregistrer le client et la commande des produits de son panier. med@youssfi.net
Gestion des catégories Gestion des catégories med@youssfi.net
Gestion des catégories Gestion des catégories med@youssfi.net
Gestion des catégories Gestion des catégories med@youssfi.net
Gestion des produits Gestion des produits med@youssfi.net
Partie Front Office Partie Front Office med@youssfi.net
Architecture Architecture Web Container SGBD Spring IOC Container ContextLoaderListner Couche Métier ICatMetier JPATransaction Manager EntityManager FactoryBean Couche DAO ICatDAO dependencies Spring JaxWS Jax RS Jackson persistence.xml DispatcherSevlet CatalController CatMetierImpl ICatDAO CatDAOImpl JDBC JPA Hibernate Client HTTP View.jsp HTTP HTML
Use Case Use Case med@youssfi.net
Diagramme de classes des entités Diagramme de classes des entités med@youssfi.net
Diagramme de classes des traitements Diagramme de classes des traitements med@youssfi.net
Création des entités Création des entités med@youssfi.net
Maven Maven Dependencies Dependencies <!-- Hibernate--> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-entitymanager</artifactId> <version>3.6.0.Final</version> </dependency> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-validator</artifactId> <artifactId>hibernate-validator</artifactId> <version>4.1.0.Final</version> </dependency> <!-- MySQL Connector--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.6</version> </dependency> med@youssfi.net
Categorie.java Categorie.java package net.youssfi.eboutique.entities; import java.io.Serializable;import java.util.*; import javax.persistence.*;import javax.validation.constraints.Size; import org.hibernate.validator.constraints.NotEmpty; @Entity public class Categorie implements Serializable { @Id @GeneratedValue private Long idCategorie; @NotEmpty @NotEmpty @Size(min=4,max=20) private String nomCategorie; private String description; private String nomPhoto; @Lob private byte[] photo; @OneToMany(mappedBy="categorie") private Collection<Produit> produits=new ArrayList<Produit>(); // Getters et Setters // Constructeurs sans paramètre et avec paramètres } med@youssfi.net
Produit.java Produit.java package net.youssfi.eboutique.entities; import java.io.Serializable; import javax.persistence.*; import org.hibernate.validator.constraints.NotEmpty; @Entity public class Produit implements Serializable { @Id @GeneratedValue(strategy=GenerationType.IDENTITY) private Long idProduit; @NotEmpty private String designation; private String description; private String designation; private String description; private double prix; private String photo; private int quantite; private boolean selectionne; @ManyToOne @JoinColumn(name="ID_CAT") private Categorie categorie; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
Client.java Client.java package net.youssfi.eboutique.entities; import java.io.Serializable; import java.util.Collection; import javax.persistence.*; @Entity public class Client implements Serializable { @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long idClient; private String nomClient; private String nomClient; private String adresse; private String email; private String tel; @OneToMany(mappedBy="client") private Collection<Commande> commandes; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
Commande.java Commande.java package net.youssfi.eboutique.entities; import java.io.Serializable; import java.util.*; import javax.persistence.*; @Entity public class Commande implements Serializable { @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long idCommande; private Date dateCommande; private Date dateCommande; @ManyToOne @JoinColumn(name="idClient") private Client client; @OneToMany @JoinColumn(name="idCommande") private Collection<LigneCommande> ligneCommandes; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
LigneCommande.java LigneCommande.java package net.youssfi.eboutique.entities; import java.io.Serializable; import javax.persistence.*; @Entity public class LigneCommande implements Serializable { @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long id; @ManyToOne @JoinColumn(name="idproduit") @JoinColumn(name="idproduit") private Produit produit; private int quantite; private double prix; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
Panier.java Panier.java package net.youssfi.eboutique.entities; import java.io.Serializable; import java.util.*; public class Panier implements Serializable { private Map<Long, LigneCommande> items=new HashMap<Long, LigneCommande>(); public void addItem(Produit p, int quantite){ LigneCommande lc=items.get(p.getIdProduit()); if(lc==null){ LigneCommande art=new LigneCommande(); art.setProduit(p); art.setProduit(p); art.setQuantite(quantite); art.setPrix(p.getPrix()); items.put(p.getIdProduit(), art); } else{ lc.setQuantite(lc.getQuantite()+quantite); } } med@youssfi.net
Panier.java Panier.java public Collection<LigneCommande> getItems(){ return items.values(); } public int getSize(){ return items.size(); } public double getTotal(){ double total=0; for(LigneCommande lc:items.values()){ total+=lc.getPrix()*lc.getQuantite(); } return total; } public void deleteItem(Long idproduit){ items.remove(idproduit); } } med@youssfi.net
Tester les entités Tester les entités med@youssfi.net
/EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/META /META- -INF/persistence.xml INF/persistence.xml <?xml version="1.0" encoding="UTF-8"?> <persistence version="2.0" xmlns="http://java.sun.com/xml/ns/persistence" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/persistence http://java.sun.com/xml/ns/persistence/persistence_2_0.xsd "> <persistence-unit name="UP_EBOUTIQUE" transaction-type="RESOURCE_LOCAL"> <provider>org.hibernate.ejb.HibernatePersistence</provider> <properties> <property name="hibernate.show_sql" value="true"/> <property name="hibernate.hbm2ddl.auto" value="update"/> <property name="hibernate.dialect" value="org.hibernate.dialect.MySQLDialect"/> </properties> </persistence-unit> </persistence> med@youssfi.net
Configuration JPA avec Configuration JPA avec Spring Spring IOC IOC med@youssfi.net
Maven Maven Properties Properties <properties> <java-version>1.6</java-version> <org.springframework- version>3.2.2.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
Maven Maven Dependencies Dependencies <!-- 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
Maven Maven Dependencies Dependencies <!-- Spring --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>>${org.springframework-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>>${org.springframework-version}</version> </dependency> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-beans</artifactId> <version>>${org.springframework-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version>>${org.springframework-version}</version> </dependency> med@youssfi.net
Configuration JPA avec Configuration JPA avec Spring Spring IOC : IOC : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/applicationContext.xml /applicationContext.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" xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd"> <bean id="datasource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="com.mysql.jdbc.Driver"></property> <property name="url" value="jdbc:mysql://localhost:3306/eboutique"></property> <property name="username" value="root"></property> <property name="password" value=""></property> </bean>
Configuration JPA avec Configuration JPA avec Spring Spring IOC : IOC : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/applicationContext.xml /applicationContext.xml <bean id="persistenceUnitManager" class="org.springframework.orm.jpa.persistenceunit.DefaultPersistenceUnitManager"> <property name="defaultDataSource" ref="datasource"></property> <property name="persistenceXmlLocations"> <list> <value>classpath*:META-INF/persistence.xml</value> </list> </property> </bean> </bean> <bean id="entityManagerFactory" class="org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean"> <property name="persistenceUnitManager" ref="persistenceUnitManager"></property> <property name="persistenceUnitName" value="UP_EBOUTIQUE"></property> </bean> <bean id="transactionManager" class="org.springframework.orm.jpa.JpaTransactionManager"> <property name="entityManagerFactory" ref="entityManagerFactory"></property> </bean> <tx:annotation-driven transaction-manager="transactionManager"/> <context:annotation-config></context:annotation-config> </beans>
JUnit JUnit Test : Test : src src/test/java/TestDao.java /test/java/TestDao.java package net.youssfi.eboutique; import static org.junit.Assert.*; import org.junit.*; import org.springframework.context.support.ClassPathXmlApplicationContext; public class TestDAO { @Before public void setUp() throws Exception { } @Test public void test() { try { ClassPathXmlApplicationContext app= new ClassPathXmlApplicationContext(new String[]{"applicationContext.xml"}); assertTrue(true); } catch (Exception e) { assertTrue(e.getMessage(),false); } } }
Tables générées Tables générées med@youssfi.net
COUCHES COUCHES Deuxième Partie COUCHES COUCHES DAO ET MÉTIER DAO ET MÉTIER med@youssfi.net
Inteface Inteface IBoutiqueDao IBoutiqueDao package net.youssfi.eboutique.dao; import java.util.List; import net.youssfi.eboutique.entities.*; public interface IBoutiqueDao { public Long ajouterCategorie(Categorie c); public List<Categorie> listCategories(); public Categorie getCategorie(Long idCat); public void supprimerCategrorie(Long idcat); public void modifierCategorie(Categorie c); public Long ajouterProduit(Produit p, Long idCat); public List<Produit> listproduits(); public List<Produit> listproduits(); public List<Produit> produitsParMotCle(String mc); public List<Produit> produitsParCategorie(Long idCat); public List<Produit> produitsSelectionnes(); public Produit getProduit(Long idP); public void supprimerProduit(Long idP); public void modifierProduit(Produit p); public void ajouterUser(User u); public void attribuerRole(Role r,Long userID); public Commande enregistrerCommande(Panier p,Client c); } med@youssfi.net
BoutiqueDaoImpl BoutiqueDaoImpl package net.youssfi.eboutique.dao; import java.util.List; import javax.persistence.*; import javax.persistence.Query; import net.youssfi.eboutique.entities.*; public class BoutiqueDaoImpl implements IBoutiqueDao { @PersistenceContext private EntityManager em; @Override public Long ajouterCategorie(Categorie c) { em.persist(c); return c.getIdCategorie(); } @Override public List<Categorie> listCategories() { Query req=em.createQuery("select c from Categorie c"); return req.getResultList(); } med@youssfi.net
BoutiqueDaoImpl BoutiqueDaoImpl @Override public Categorie getCategorie(Long idCat) { return em.find(Categorie.class, idCat); } @Override public void supprimerCategrorie(Long idcat) { Categorie c=em.find(Categorie.class, idcat); em.remove(c); } @Override @Override public void modifierCategorie(Categorie c) { em.merge(c); } @Override public Long ajouterProduit(Produit p, Long idCat) { Categorie c=getCategorie(idCat); p.setCategorie(c);em.persist(p); return p.getIdProduit(); }
BoutiqueDaoImpl BoutiqueDaoImpl @Override public List<Produit> listproduits() { Query req=em.createQuery("select p from Produit p"); return req.getResultList(); } @Override public List<Produit> produitsParMotCle(String mc) { Query req=em.createQuery("select p from Produit p where p.designation like :x or p.description like:x"); req.setParameter("x", "%"+mc+"%"); req.setParameter("x", "%"+mc+"%"); return req.getResultList(); } @Override public List<Produit> produitsParCategorie(Long idCat) { Query req=em.createQuery("select p from Produit p where p.categorie.idCategorie=:x"); req.setParameter("x", idCat); return req.getResultList(); }
BoutiqueDaoImpl BoutiqueDaoImpl @Override public List<Produit> produitsSelectionnes() { Query req=em.createQuery("select p from Produit p where p.selectionne=true"); return req.getResultList(); } @Override @Override public Produit getProduit(Long idP) { return em.find(Produit.class, idP); } @Override public void supprimerProduit(Long idP) { Produit p=getProduit(idP); em.remove(p); }
BoutiqueDaoImpl BoutiqueDaoImpl @Override public void modifierProduit(Produit p) { em.merge(p); } @Override public void ajouterUser(User u) { em.persist(u); } } @Override public void attribuerRole(Role r, Long userID) { User u=em.find(User.class, userID); r.setUser(u); em.persist(r); }
BoutiqueDaoImpl BoutiqueDaoImpl @Override public Commande enregistrerCommande(Panier panier,Client c) { em.persist(c); Commande cmd=new Commande(); cmd.setClient(c); cmd.setLigneCommandes(panier.getItems()); em.persist(cmd); return cmd; return cmd; } }
COUCHE MÉTIER COUCHE MÉTIER med@youssfi.net
Interface Interface InternauteBoutiqueMetier InternauteBoutiqueMetier package net.youssfi.eboutique.metier; import java.util.List; import net.youssfi.eboutique.entities.*; public interface InternauteBoutiqueMetier { public List<Categorie> listCategories(); public Categorie getCategorie(Long idCat); public List<Produit> listproduits(); public List<Produit> listproduits(); public List<Produit> produitsParMotCle(String mc); public List<Produit> produitsParCategorie(Long idCat); public List<Produit> produitsSelectionnes(); public Produit getProduit(Long idP); public Commande enregistrerCommande(Panier p,Client c); } med@youssfi.net
Interface Interface IAdminProduitsMetier IAdminProduitsMetier package net.youssfi.eboutique.metier; import net.youssfi.eboutique.entities.Produit; public interface IAdminProduitMetier extends InternauteBoutiqueMetier { public Long ajouterProduit(Produit p, Long idCat); public void supprimerProduit(Long idP); public void supprimerProduit(Long idP); public void modifierProduit(Produit p); } med@youssfi.net
Interface Interface IAdminCategoriesMetier IAdminCategoriesMetier package net.youssfi.eboutique.metier; import net.youssfi.eboutique.entities.Categorie; import net.youssfi.eboutique.entities.Role; import net.youssfi.eboutique.entities.User; public interface IAdminCategoriesMetier extends IAdminProduitMetier { public Long ajouterCategorie(Categorie c); public Long ajouterCategorie(Categorie c); public void supprimerCategrorie(Long idcat); public void modifierCategorie(Categorie c); public void ajouterUser(User u); public void attribuerRole(Role r,Long userID); } med@youssfi.net
Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl package net.youssfi.eboutique.metier; import java.util.List; import org.springframework.transaction.annotation.Transactional; import net.youssfi.eboutique.dao.*; import net.youssfi.eboutique.entities.*; @Transactional public class BoutiqueMetierImpl implements IAdminCategoriesMetier{ private IBoutiqueDao dao; public void setDao(IBoutiqueDao dao) { this.dao = dao; } @Override public Long ajouterProduit(Produit p, Long idCat) { return dao.ajouterProduit(p, idCat); }
Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public void supprimerProduit(Long idP) { dao.supprimerProduit(idP); } @Override public void modifierProduit(Produit p) { dao.modifierProduit(p); } @Override public List<Categorie> listCategories() { return dao.listCategories(); } @Override public Categorie getCategorie(Long idCat) { return dao.getCategorie(idCat); }
Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public List<Produit> listproduits() { return dao.listproduits(); } @Override public List<Produit> produitsParMotCle(String mc) { return dao.produitsParMotCle(mc); } @Override public List<Produit> produitsParCategorie(Long idCat) { return dao.produitsParCategorie(idCat); } @Override public List<Produit> produitsSelectionnes() { return dao.produitsSelectionnes(); }
Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public Produit getProduit(Long idP) { return dao.getProduit(idP); } @Override public Commande enregistrerCommande(Panier p, Client c) { return dao.enregistrerCommande(p, c); } @Override public Long ajouterCategorie(Categorie c) { return dao.ajouterCategorie(c); } @Override public void supprimerCategrorie(Long idcat) { dao.supprimerCategrorie(idcat); }
Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public void modifierCategorie(Categorie c) { dao.modifierCategorie(c); } @Override public void ajouterUser(User u) { dao.ajouterUser(u); } @Override public void attribuerRole(Role r, Long userID) { dao.attribuerRole(r, userID); } }
Tester les deux couches métiers et dao Tester les deux couches métiers et dao med@youssfi.net
Injection des dépendances : Injection des dépendances : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/applicationContext.xml /applicationContext.xml <bean id="dao" class="net.youssfi.eboutique.dao.BoutiqueDaoImpl"></bean> <bean id="metier" class="net.youssfi.eboutique.metier.BoutiqueMetierImpl"> <property name="dao" ref="dao"></property> </bean> med@youssfi.net
JUnit JUnit Test Test package net.youssfi.eboutique; import static org.junit.Assert.*;import java.util.List;import net.youssfi.eboutique.entities.*; import net.youssfi.eboutique.metier.IAdminCategoriesMetier; import org.junit.*; import org.springframework.context.support.*; public class TestDAO { @Before public void setUp() throws Exception { } @Test public void test() { public void test() { try { ClassPathXmlApplicationContext context= new ClassPathXmlApplicationContext(new String[]{"applicationContext.xml"}); IAdminCategoriesMetier metier=(IAdminCategoriesMetier) context.getBean("metier"); List<Categorie> cats1=metier.listCategories(); metier.ajouterCategorie(new Categorie("Ordinateur", "Ordinateurs", "", null)); metier.ajouterCategorie(new Categorie("Imprimantes", "Imprimantes", "", null)); List<Categorie> cats2=metier.listCategories(); assertTrue(cats2.size()==cats1.size()+2); } catch (Exception e) { assertTrue(e.getMessage(),false);}} }
COUCHE WEB COUCHE WEB Troisième Partie med@youssfi.net
Structure du projet Structure du projet med@youssfi.net
web.xml web.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> </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.xml web.xml <!-- Processes application requests --> <servlet> <servlet-name>appServlet</servlet-name> <servlet- class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value> </init-param> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>appServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app> med@youssfi.net
Fonctionnement Fonctionnement Tomcat Lire web.xml :ContextLoaderListner Instancier Lire applicationContext.xml :DispatcherServlet Instancier Lire servlet-context.xml Client :HomeController Req HTTP med@youssfi.net GET/ doGet(request,response) instancier Model And View :home.jsp home() instancier rendu html Rep HTTP
Maven Maven Dependencies Dependencies <!-- Apache Commons Upload --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.2.2</version> </dependency> <dependency> <groupId>org.apache.commons</groupId> <groupId>org.apache.commons</groupId> <artifactId>commons-io</artifactId> <version>1.3.2</version> </dependency> med@youssfi.net
/WEB /WEB- -INF/ INF/spring spring/ /appServlet appServlet/servlet /servlet- -context.xml context.xml <?xml version="1.0" encoding="UTF-8"?> <beans:beans xmlns="http://www.springframework.org/schema/mvc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring- beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring- context.xsd"> <!-- DispatcherServlet Context: defines this servlet's request- <!-- DispatcherServlet Context: defines this servlet's request- processing infrastructure --> <!-- Enables the Spring MVC @Controller programming model --> <annotation-driven /> <!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory --> <resources mapping="/resources/**" location="/resources/" /> med@youssfi.net
/WEB /WEB- -INF/ INF/spring spring/ /appServlet appServlet/servlet /servlet- -context.xml context.xml <beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <beans:property name="prefix" value="/WEB-INF/views/" /> <beans:property name="suffix" value=".jsp" /> </beans:bean> <context:component-scan base-package="net.youssfi.eboutique" /> </beans:beans> <context:component-scan base-package="net.youssfi.eboutique" /> <!-- Configuration Upload--> <beans:bean name="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <beans:property name="maxUploadSize" value="100000"></beans:property> </beans:bean> med@youssfi.net
Gestion des catégories Gestion des catégories med@youssfi.net
AdminCategoriesController AdminCategoriesController package net.youssfi.eboutique.controllers; import java.io.*; import javax.validation.Valid; import net.youssfi.eboutique.entities.Categorie; import net.youssfi.eboutique.metier.IAdminCategoriesMetier; import org.apache.commons.io.IOUtils; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.MediaType; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.bind.annotation.SessionAttributes; import org.springframework.web.multipart.MultipartFile; med@youssfi.net
AdminCategoriesController AdminCategoriesController @Controller @RequestMapping("/adminCat") @SessionAttributes("editedCat") public class AdminCategoriesController { @Autowired private IAdminCategoriesMetier metier; @RequestMapping("/index") public String index(Model model){ model.addAttribute("categorie", new Categorie()); model.addAttribute("categories", metier.listCategories()); return "categories"; } med@youssfi.net
AdminCategoriesController AdminCategoriesController @RequestMapping("/saveCat") public String saveCat(@Valid Categorie c,BindingResult bindingResult, Model model,MultipartFile file) throws Exception{ if(bindingResult.hasErrors()){ model.addAttribute("categories", metier.listCategories()); return "categories"; } if(!file.isEmpty()){c.setPhoto(file.getBytes());} else{ if(c.getIdCategorie()!=null){ Categorie cat=(Categorie) model.asMap().get("editedCat"); c.setPhoto(cat.getPhoto()); }} if(c.getIdCategorie()==null) metier.ajouterCategorie(c); else metier.modifierCategorie(c); model.addAttribute("categorie", new Categorie()); model.addAttribute("categories", metier.listCategories()); return "categories"; } med@youssfi.net
AdminCategoriesController AdminCategoriesController @RequestMapping(value="/photoCat",produces=MediaType.IMAGE_JPEG_VALUE) @ResponseBody public byte[] getPhoto(Long idCat) throws IOException{ Categorie c=metier.getCategorie(idCat); if(c.getPhoto()==null) return new byte[0]; else return IOUtils.toByteArray(new ByteArrayInputStream(c.getPhoto())); } @RequestMapping(value="/suppCat") public String suppCat(Long idCat,Model model){ metier.supprimerCategrorie(idCat); metier.supprimerCategrorie(idCat); model.addAttribute("categorie", new Categorie()); model.addAttribute("categories", metier.listCategories()); return "categories"; } @RequestMapping(value="/editCat") public String editCat(Long idCat,Model model){ Categorie c=metier.getCategorie(idCat); model.addAttribute("editedCat", c);model.addAttribute("categorie",c ); model.addAttribute("categories", metier.listCategories()); return "categories";} } med@youssfi.net
Vue : categories.jsp Vue : categories.jsp med@youssfi.net
Vue : categories.jsp Vue : categories.jsp <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@taglib uri="http://www.springframework.org/tags/form" prefix="f"%> <head> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resources/css/style.css"> </head> <div id="formCat" class="cadre"> <f:form modelAttribute="categorie" action="saveCat" method="post" enctype="multipart/form-data"> <table> <tr> <td>ID Catégorie:</td> <td>${categorie.idCategorie}<f:input type="hidden" path="idCategorie"/></td> <td><f:errors path="idCategorie"></f:errors> </td> </tr> <tr> <td>Nom Catégorie</td><td><f:input path="nomCategorie"/></td> <td><f:errors path="nomCategorie"></f:errors> </td> </tr> med@youssfi.net
Vue : categories.jsp Vue : categories.jsp <tr> <td>Description</td> <td><f:textarea path="description"/></td> <td><f:errors path="description"></f:errors> </td> </tr> <tr> <td>Photo</td> <c:if test="${categorie.idCategorie!=null}"> <td><img src="photoCat?idCat=${categorie.idCategorie}"></td> <td><img src="photoCat?idCat=${categorie.idCategorie}"></td> </c:if> <td> <input type="file" name="file"></td> </tr> <tr> <td><input type="submit" value="Save"></td> </tr> </table> </f:form> </div> med@youssfi.net
Vue : categories.jsp Vue : categories.jsp <div id="tabCategories" class="cadre"> <table class="tabStyle1"> <tr> <th>ID</th><th>NOM CAT</th><th>DESCRIPTION</th><th>PHOTO</th> <th></th><th></th> </tr> <c:forEach items="${categories}" var="cat"> <tr> <td>${cat.idCategorie}</td> <td>${cat.idCategorie}</td> <td>${cat.nomCategorie}</td> <td>${cat.description}</td> <td><img src="photoCat?idCat=${cat.idCategorie}"></td> <td><a href="suppCat?idCat=${cat.idCategorie}">Supprimer</a></td> <td><a href="editCat?idCat=${cat.idCategorie}">Edit</a></td> </tr> </c:forEach> </table> </div> med@youssfi.net
Feuille de style CSS : Feuille de style CSS : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/webapp webapp/ /resources resources/ /css css/style.css /style.css div.cadre{ border: 1px dotted gray; border-radius:10px; margin: 10px; padding: 10px; } .tabStyle1 th{ .tabStyle1 th{ border: 1px dotted gray; background: pink; padding: 5px; } .tabStyle1 td{ border: 1px dotted gray; background: white; padding: 5px; } med@youssfi.net
Structure du projet Structure du projet med@youssfi.net
Gestion des produits Gestion des produits med@youssfi.net
AdminProduitsController AdminProduitsController package org.sid.eboutique.controllers; import java.io.*; import javax.validation.Valid; import org.apache.commons.io.IOUtils; import org.sid.eboutique.entities.Produit; import org.sid.eboutique.metier.IAdminProduitsMetier; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.MediaType; import org.springframework.http.MediaType; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.multipart.MultipartFile; med@youssfi.net
AdminProduitsController AdminProduitsController @Controller @RequestMapping(value="/adminProd") public class AdminProduitsController { @Autowired private IAdminProduitsMetier metier; @RequestMapping(value="/index") public String index(Model model){ public String index(Model model){ model.addAttribute("produit",new Produit()); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories", metier.listCategories()); return "produits"; } med@youssfi.net
AdminProduitsController AdminProduitsController @RequestMapping(value="/saveProd") public String saveProd(@Valid Produit p,BindingResult bindingResult, Model model,MultipartFile file) throws IOException{ if(bindingResult.hasErrors()){ model.addAttribute("categories",metier.listCategories()); model.addAttribute("produits",metier.listproduits()); return("produits");} if(!file.isEmpty()) { String path=System.getProperty("java.io.tmpdir"); p.setPhoto(file.getOriginalFilename()); Long idP=null; if(p.getIdProduit()==null){ if(p.getIdProduit()==null){ idP=metier.ajouterProduit(p,p.getCategorie().getIdcategorie());} else{ metier.modifierProduit(p);idP=p.getIdProduit();} file.transferTo(new File(path+"/"+"PROD_"+idP+"_"+file.getOriginalFilename())); }else{ if(p.getIdProduit()==null) metier.ajouterProduit(p, p.getCategorie().getIdcategorie()); else metier.modifierProduit(p); } model.addAttribute("produit",new Produit()); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories",metier.listCategories()); return "produits"; } med@youssfi.net
AdminProduitsController AdminProduitsController @RequestMapping(value="photoProd",produces=MediaType.IMAGE_JPEG_VALUE) @ResponseBody public byte[] photCat(Long idProd) throws IOException{ Produit p=metier.getProduit(idProd); File f=new File(System.getProperty("java.io.tmpdir")+"/PROD_"+idProd+"_"+p.getPhoto( )); return IOUtils.toByteArray(new FileInputStream(f)); } @RequestMapping(value="/suppProd") @RequestMapping(value="/suppProd") public String supp(Long idProd,Model model){ metier.supprimerProduit(idProd); model.addAttribute("produit",new Produit()); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories", metier.listCategories()); return "produits"; } med@youssfi.net
AdminProduitsController AdminProduitsController @RequestMapping(value="/editProd") public String edit(Long idProd,Model model){ Produit p=metier.getProduit(idProd); model.addAttribute("produit",p); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories", metier.listCategories()); return "produits"; } } med@youssfi.net
Vue : produits.jsp Vue : produits.jsp med@youssfi.net
Vue : produits.jsp Vue : produits.jsp med@youssfi.net
Vue : produits.jsp Vue : produits.jsp med@youssfi.net
Vue : produits.jsp Vue : produits.jsp <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@taglib uri="http://www.springframework.org/tags/form" prefix="f"%> <head> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/css/style1.css"> </head> <a href="<c:url value="/j_spring_security_logout" />" > Logout</a> <div class="errors"> ${exception} </div> </div> <div id="formProd" class="cadre"> <f:form modelAttribute="produit" action="saveProd" method="post" enctype="multipart/form-data"> <table> <tr> <td>ID Produit</td> <td><f:input path="idProduit"/></td> <td><f:errors path="idProduit" cssClass="errors"></f:errors></td> </tr> med@youssfi.net
Vue : produits.jsp Vue : produits.jsp <tr> <td>Désignation</td> <td><f:input path="designation"/></td> <td><f:errors path="designation" cssClass="errors"></f:errors></td> </tr> <tr> <td>Cétegorie</td> <td><f:select path="categorie.idcategorie" items="${categories}" itemValue="idcategorie" itemLabel="nomCategorie"></f:select></td> itemValue="idcategorie" itemLabel="nomCategorie"></f:select></td> <td><f:errors path="designation" cssClass="errors"></f:errors></td> </tr> <tr> <td>Description</td> <td><f:textarea path="description"/></td> <td><f:errors path="description" cssClass="errors"></f:errors></td> </tr> med@youssfi.net
Vue : produits.jsp Vue : produits.jsp <tr> <td>Prix</td> <td><f:input path="prix"/></td> <td><f:errors path="prix" cssClass="errors"></f:errors></td> </tr> <tr> <td>Quantité</td> <td><f:input path="quantite"/></td> <td><f:errors path="quantite" cssClass="errors"></f:errors></td> <td><f:errors path="quantite" cssClass="errors"></f:errors></td> </tr> <tr> <td>Séleclionner?</td> <td><f:checkbox path="selected"/></td> <td><f:errors path="selected" cssClass="errors"></f:errors></td> </tr> med@youssfi.net
Vue : produits.jsp Vue : produits.jsp <tr> <td>Photo</td> <td> <c:if test="${produit.idProduit!=null}"> <img src="photoProd?idProd=${produit.idProduit }"/> </c:if> </td> <td> <input type="file" name="file"/> <input type="file" name="file"/> </td> </tr> <tr> <td><input type="submit" value="Save"></td> </tr> </table> </f:form> </div> med@youssfi.net
Vue : produits.jsp Vue : produits.jsp <div id="tabProduits" class="cadre"> <table class="tab1"> <tr> <th>ID</th><th>Désignation</th><th>Description</th> <th>catégorie</th><th>Prix</th><th>Quantité</th><th>Selected</th> <th>Photo</th> </tr> <c:forEach items="${produits}" var="p"> <tr> <tr> <td>${p.idProduit }</td><td>${p.designation }</td> <td>${p.description }</td><td>${p.categorie.nomCategorie }</td> <td>${p.prix }</td><td>${p.quantite }</td> <td>${p.selected }</td> <td><img src="photoProd?idProd=${p.idProduit }"/></td> <td><a href="suppProd?idProd=${p.idProduit }">Supp</a></td> <td><a href="editProd?idProd=${p.idProduit }">Edit</a></td> </tr> </c:forEach> </table> </div> med@youssfi.net
Feuille de style CSS : Feuille de style CSS : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/webapp webapp/ /resources resources/ /css css/style.css /style.css div.cadre{ border: 1px dotted gray; border-radius:10px; margin: 10px; padding: 10px; } .tabStyle1 th{ .tabStyle1 th{ border: 1px dotted gray; background: pink; padding: 5px; } .tabStyle1 td{ border: 1px dotted gray; background: white; padding: 5px; } med@youssfi.net
Structure du projet Structure du projet med@youssfi.net
SPRING SPRING SECURITY SECURITY med@youssfi.net
Maven Maven Dependencies Dependencies <!-- Spring Security--> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-core</artifactId> <version>3.2.0.RELEASE</version> </dependency> <dependency> <groupId>org.springframework.security</groupId> <groupId>org.springframework.security</groupId> <artifactId>spring-security-config</artifactId> <version>3.2.0.RELEASE</version> </dependency> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-web</artifactId> <version>3.2.0.RELEASE</version> </dependency> med@youssfi.net
web.xml web.xml <!-- Spring Security --> <filter> Déclarer le filtre DelegatingFilterProxy dans le fichier web.xml Toutes les requêtes HTTP passent par ce filtre. Le nom du filtre est : springSecurityFilterChain Ce nom devrait correspondre au nom d’un bean spring qui sera déployé par ContextLoaderListener et qui contient les règles de sécurité à exécuter. <filter> <filter-name>springSecurityFilterChain</filter-name> <filter- class>org.springframework.web.filter.DelegatingFilterProxy</filter-class> </filter> <filter-mapping> <filter-name>springSecurityFilterChain</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> med@youssfi.net
Base de données Base de données Créer deux tables : ◦ Users : qui contient les utilisateurs autorisés à accéder à l’application ◦ Role : qui contient les rôles de chaque utilisateur med@youssfi.net
applicationContext.xml applicationContext.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" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:context="http://www.springframework.org/schema/context" xmlns:s="http://www.springframework.org/schema/security" xsi:schemaLocation="http://www.springframework.org/schema/security http://www.springframework.org/schema/security/spring-security-3.2.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd"> <bean id="datasource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="com.mysql.jdbc.Driver"></property> <property name="url" value="jdbc:mysql://localhost:3306/sid_eboutique"></property> <property name="username" value="root"></property> <property name="password" value=""></property> </bean> med@youssfi.net
applicationContext.xml applicationContext.xml <s:http> <s:intercept-url pattern="/produits/**" access="ROLE_ADMIN_PROD"/> <s:intercept-url pattern="/categories/**" access="ROLE_ADMIN_CAT"/> <s:form-login login-page="/login" default-target-url="/produits/index" authentication-failure-url="/login" /> <s:logout logout-success-url="/logout" /> </s:http> <s:authentication-manager> <s:authentication-provider> <s:password-encoder hash="md5"></s:password-encoder> <s:jdbc-user-service data-source-ref="datasource" users-by-username-query="select user_name,password, actived from users where user_name=?" authorities-by-username-query="select u.user_name, r.roleName from users u, role r where u.user_id = r.user_id and u.user_name =? " /> <!-- <s:user-service> <s:user name="admin1" password="admin1" authorities="ROLE_ADMIN_PROD"/> <s:user name="admin2" authorities="ROLE_ADMIN_CAT,ROLE_ADMIN_PROD" password="admin2" /> </s:user-service> --> </s:authentication-provider> </s:authentication-manager> </beans> med@youssfi.net
Contrôleur Contrôleur package org.enset.sid.controllers; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class LoginController { @RequestMapping("/login") @RequestMapping("/login") public String login(){ return "login"; } @RequestMapping("/logout") public String login(){ return "login"; } } med@youssfi.net
login.jsp login.jsp <form action="j_spring_security_check" method="post"> <table> <tr> <td>Login</td> <td><input type="text" name="j_username"></td> </tr> <tr> <td>Pass word</td><td> <td>Pass word</td><td> <input type="password" name="j_password"></td> </tr> <tr> <td><input type="submit" value="Login"></td> </tr> </table> </form> med@youssfi.net
Lien Lien Logout Logout <a href="<c:url value="/j_spring_security_logout" />" > Logout</a> med@youssfi.net

Contenu connexe

PDF
Support Web Services SOAP et RESTful Mr YOUSSFI
parENSET, Université Hassan II Casablanca
 
PDF
Tp1 - WS avec JAXWS
parLilia Sfaxi
 
PPTX
Soap, wsdl et uddi
parmiraprincesse
 
PDF
Tp3 - Application SOA avec BPEL
parLilia Sfaxi
 
PPT
Soap
parwissalll
 
DOCX
comment realiser un Service Web
parNazih Heni
 
PPTX
Introduction aux web services
parmohammed addoumi
 
PDF
Ter Web Service Intro
parRiadh Tebourbi (Ai1990)
 
Support Web Services SOAP et RESTful Mr YOUSSFI
parENSET, Université Hassan II Casablanca
 
Tp1 - WS avec JAXWS
parLilia Sfaxi
 
Soap, wsdl et uddi
parmiraprincesse
 
Tp3 - Application SOA avec BPEL
parLilia Sfaxi
 
Soap
parwissalll
 
comment realiser un Service Web
parNazih Heni
 
Introduction aux web services
parmohammed addoumi
 
Ter Web Service Intro
parRiadh Tebourbi (Ai1990)
 

Tendances

PDF
Support JEE Servlet Jsp MVC M.Youssfi
parENSET, Université Hassan II Casablanca
 
PPTX
Presentation JEE et son écossystéme
parAlgeria JUG
 
PPTX
Servlets et JSP
parHeithem Abbes
 
PDF
les servlets-java EE
parYassine Badri
 
PPT
Les Servlets et JSP
parKorteby Farouk
 
PDF
eServices-Tp1: Web Services
parLilia Sfaxi
 
PDF
Flex, une techno RIA incontournable pour les futures app web ?
parGreenIvory
 
PDF
Support de cours angular
parENSET, Université Hassan II Casablanca
 
PDF
Service WEB de type REST avec Java
parFrancois ANDRE
 
PDF
Tp2 - WS avec JAXRS
parLilia Sfaxi
 
PDF
Cours JSP
parherynantenaina
 
ODP
REST JUG Toulouse 20100615
parJUG Toulouse
 
PPTX
Web services SOAP et REST
parRadhoueneRouached
 
PDF
Sécurité des Applications Web avec Json Web Token (JWT)
parENSET, Université Hassan II Casablanca
 
PPTX
Les plateformes de développement des web services
paroussemos
 
PDF
Services web soap-el-habib-nfaoui
parEl Habib NFAOUI
 
PDF
Jsp
parraymen87
 
PDF
Jsf 110530152515-phpapp01
parEric Bourdet
 
PPT
Introductions Aux Servlets
parFrançois Charoy
 
PDF
.NET DotNet CF - 3
parRiadh Tebourbi (Ai1990)
 
Support JEE Servlet Jsp MVC M.Youssfi
parENSET, Université Hassan II Casablanca
 
Presentation JEE et son écossystéme
parAlgeria JUG
 
Servlets et JSP
parHeithem Abbes
 
les servlets-java EE
parYassine Badri
 
Les Servlets et JSP
parKorteby Farouk
 
eServices-Tp1: Web Services
parLilia Sfaxi
 
Flex, une techno RIA incontournable pour les futures app web ?
parGreenIvory
 
Support de cours angular
parENSET, Université Hassan II Casablanca
 
Service WEB de type REST avec Java
parFrancois ANDRE
 
Tp2 - WS avec JAXRS
parLilia Sfaxi
 
Cours JSP
parherynantenaina
 
REST JUG Toulouse 20100615
parJUG Toulouse
 
Web services SOAP et REST
parRadhoueneRouached
 
Sécurité des Applications Web avec Json Web Token (JWT)
parENSET, Université Hassan II Casablanca
 
Les plateformes de développement des web services
paroussemos
 
Services web soap-el-habib-nfaoui
parEl Habib NFAOUI
 
Jsp
parraymen87
 
Jsf 110530152515-phpapp01
parEric Bourdet
 
Introductions Aux Servlets
parFrançois Charoy
 
.NET DotNet CF - 3
parRiadh Tebourbi (Ai1990)
 

Similaire à Developpement dun site_web_developpement

PPT
Spring MVC
parAbdelhakim Bachar
 
PDF
Architecture jee principe de inversion de controle et injection des dependances
parENSET, Université Hassan II Casablanca
 
PDF
Play Framework - Toulouse JUG - nov 2011
parSylvain Wallez
 
PPTX
Java Server Faces (JSF)
parHeithem Abbes
 
PDF
Cv ines ouaz
parInes Ouaz
 
PDF
Application Spring MVC/IOC & Hibernate
parInes Ouaz
 
PDF
Tuto spring
parsamba-somoko
 
PDF
2 ModéLe Mvc
parDghaies Jihed , PSM I Ⓡ
 
PDF
Tutoriel J2EE
parDghaies Jihed , PSM I Ⓡ
 
PDF
cours modélisation des applications Web et ou mobile détaillé
parManassanYADIA
 
PPT
Spring mvc
parLhouceine OUHAMZA
 
PPT
Développement Web
parmastertic
 
PPTX
Cours programmation web, introduction à HTML et CSS.pptx
parUniversité Presbytérienne Shepard et Lapsley du Congo
 
PDF
ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours
parHoracio Gonzalez
 
PDF
Java EE 6 Solutions Linux 2010
parAlexis Moussine-Pouchkine
 
PDF
7_SitesWebMVC.pdf
parBerrySeven
 
PDF
YaJUG - Spring 3.0
parGildas Cuisinier
 
PPT
Développement Web
parmastertic
 
PDF
Do you speak technique ?
parJEAN-GUILLAUME DUJARDIN
 
PDF
Support formation vidéo : Réussir votre site web avec WordPress
parSmartnSkilled
 
Spring MVC
parAbdelhakim Bachar
 
Architecture jee principe de inversion de controle et injection des dependances
parENSET, Université Hassan II Casablanca
 
Play Framework - Toulouse JUG - nov 2011
parSylvain Wallez
 
Java Server Faces (JSF)
parHeithem Abbes
 
Cv ines ouaz
parInes Ouaz
 
Application Spring MVC/IOC & Hibernate
parInes Ouaz
 
Tuto spring
parsamba-somoko
 
2 ModéLe Mvc
parDghaies Jihed , PSM I Ⓡ
 
Tutoriel J2EE
parDghaies Jihed , PSM I Ⓡ
 
cours modélisation des applications Web et ou mobile détaillé
parManassanYADIA
 
Spring mvc
parLhouceine OUHAMZA
 
Développement Web
parmastertic
 
Cours programmation web, introduction à HTML et CSS.pptx
parUniversité Presbytérienne Shepard et Lapsley du Congo
 
ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours
parHoracio Gonzalez
 
Java EE 6 Solutions Linux 2010
parAlexis Moussine-Pouchkine
 
7_SitesWebMVC.pdf
parBerrySeven
 
YaJUG - Spring 3.0
parGildas Cuisinier
 
Développement Web
parmastertic
 
Do you speak technique ?
parJEAN-GUILLAUME DUJARDIN
 
Support formation vidéo : Réussir votre site web avec WordPress
parSmartnSkilled
 

Dernier

PDF
Langage HTMLjvjdzbojvvbsfvsffsvsvbzdkk.pdf
parmohammedzouhri50
 
PPTX
L`industrie 4.0 PRESENTATION.pptx (1).pptx
paranedameaya
 
PPTX
Présentation du comité technique ITB Ile-de-France Yonne 2025 Désherbage.pptx
parInstitut Technique de la Betterave
 
PPTX
Présentation du comité technique ITB Ile-de-France Yonne 2025 cercospriose AB...
parInstitut Technique de la Betterave
 
PPTX
Présentation du comité technique ITB Ile-de-France Yonne 2025 bilan.pptx
parInstitut Technique de la Betterave
 
PPTX
Présentation du comité technique ITB Ile-de-France Yonne 2025 Choix variétal....
parInstitut Technique de la Betterave
 
PPTX
Présentation du comité technique ITB Ile-de-France Yonne 2025 jaunisse.pptx
parInstitut Technique de la Betterave
 
PDF
Chapitre 6- numpy cours en USMBAFFFFFD .pdf
parmohammedzouhri50
 
PPTX
2. Desherbage.pptx - Les faits marquant : désherbage
parInstitut Technique de la Betterave
 
PPTX
4. cercospriose.pptx - Le point cercosporiose
parInstitut Technique de la Betterave
 
PPTX
3. Jaunisse.pptx - La jaunisse en 2025 et 2026
parInstitut Technique de la Betterave
 
PPTX
1. Point technique.pptx - Les faits marquants en 2025
parInstitut Technique de la Betterave
 
PPTX
5. choix variétal.pptx - Le choix variétal pour 2026
parInstitut Technique de la Betterave
 
Langage HTMLjvjdzbojvvbsfvsffsvsvbzdkk.pdf
parmohammedzouhri50
 
L`industrie 4.0 PRESENTATION.pptx (1).pptx
paranedameaya
 
Présentation du comité technique ITB Ile-de-France Yonne 2025 Désherbage.pptx
parInstitut Technique de la Betterave
 
Présentation du comité technique ITB Ile-de-France Yonne 2025 cercospriose AB...
parInstitut Technique de la Betterave
 
Présentation du comité technique ITB Ile-de-France Yonne 2025 bilan.pptx
parInstitut Technique de la Betterave
 
Présentation du comité technique ITB Ile-de-France Yonne 2025 Choix variétal....
parInstitut Technique de la Betterave
 
Présentation du comité technique ITB Ile-de-France Yonne 2025 jaunisse.pptx
parInstitut Technique de la Betterave
 
Chapitre 6- numpy cours en USMBAFFFFFD .pdf
parmohammedzouhri50
 
2. Desherbage.pptx - Les faits marquant : désherbage
parInstitut Technique de la Betterave
 
4. cercospriose.pptx - Le point cercosporiose
parInstitut Technique de la Betterave
 
3. Jaunisse.pptx - La jaunisse en 2025 et 2026
parInstitut Technique de la Betterave
 
1. Point technique.pptx - Les faits marquants en 2025
parInstitut Technique de la Betterave
 
5. choix variétal.pptx - Le choix variétal pour 2026
parInstitut Technique de la Betterave
 

Developpement dun site_web_developpement

  • 1.
    Développement d’un siteweb Développement d’un site web de E de E- -Commerce Commerce Basé sur JEE (Part 1 ) Basé sur JEE (Part 1 ) - - Eclipse, Eclipse, Maven Maven, , JUnit JUnit - - Spring Spring IOC IOC - - Spring Spring MVC MVC - - Spring Spring Security Security - - JPA, JPA, Hibernate Hibernate - - JPA, JPA, Hibernate Hibernate med@youssfi.net MohamedYoussfi Laboratoire Signaux Systèmes Distribués et Intelligence Artificielle (SSDIA) ENSET, Université Hassan II Casablanca, Maroc Email : med@youssfi.net Supports de cours : http://fr.slideshare.net/mohamedyoussfi9 Chaîne vidéo : http://youtube.com/mohamedYoussfi Recherche : http://www.researchgate.net/profile/Youssfi_Mohamed/publications
  • 2.
  • 3.
  • 4.
    Installation du plugin: Installation du plugin : spring spring tools tools pour pour eclipse eclipse med@youssfi.net
  • 5.
    Installation du plugin: Installation du plugin : spring spring tools tools pour pour eclipse eclipse med@youssfi.net
  • 6.
    Création d’un projet Créationd’un projet Spring Spring med@youssfi.net
  • 7.
    Création d’un projet Créationd’un projet Spring Spring med@youssfi.net
  • 8.
    Structure du projet Structuredu projet Navigator Explorer med@youssfi.net
  • 9.
    web.xml web.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>/WEB-INF/spring/root-context.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
  • 10.
    web.xml web.xml <!-- Processes applicationrequests --> <servlet> <servlet-name>appServlet</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet- class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value> </init-param> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>appServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app> med@youssfi.net
  • 11.
    > >/WEB /WEB- -INF/ INF/spring spring/ /root root- -context.xml context.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" •Ce fichier est lu par ContextLoaderListener, au démarrage du serveur . • C’est un fichier dans lequel contexte de l’application sera construit • ContextLoaderListener représente Spring IOC • c’est donc un fichier pour l’injection des dépendances • Pour le moment, il est vide xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/sc hema/beans http://www.springframework.org/schema/beans/spring- beans.xsd"> <!-- Root Context: defines shared resources visible to all other web components --> </beans> med@youssfi.net
  • 12.
    > >/WEB /WEB- -INF/ INF/spring spring/ /appServlet appServlet/ /servlet servlet- -context.xml context.xml <?xml version="1.0" encoding="UTF-8"?> <beans:beansxmlns="http://www.springframework.org/schema/mvc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd"> <!-- Enables the Spring MVC @Controller programming model --> <annotation-driven /> • Ce fichier est lu par DispatcherServlet qui représente le controleur web de l’application <!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory --> <resources mapping="/resources/**" location="/resources/" /> <!-- Resolves views selected for rendering by @Controllers to .jsp resources in the /WEB-INF/views directory --> <beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <beans:property name="prefix" value="/WEB-INF/views/" /> <beans:property name="suffix" value=".jsp" /> </beans:bean> <context:component-scan base-package="ma.enset.myCataogue" /> </beans:beans> med@youssfi.net
  • 13.
    Un exemple decontrôleur Un exemple de contrôleur Spring Spring MVC MVC package ma.enset.myCataogue; import java.text.*;import java.util.*;import org.slf4j.*;import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; /** Handles requests for the application home page. */ @Controller public class HomeController { private static final Logger logger = LoggerFactory.getLogger(HomeController.class); /** Simply selects the home view to render by returning its name. */ @RequestMapping(value = "/", method = RequestMethod.GET) @RequestMapping(value = "/", method = RequestMethod.GET) public String home(Locale locale, Model model) { logger.info("Welcome home! The client locale is {}.", locale); Date date = new Date(); DateFormat dateFormat = DateFormat.getDateTimeInstance(DateFormat.LONG, DateFormat.LONG, locale); String formattedDate = dateFormat.format(date); model.addAttribute("serverTime", formattedDate ); return "home"; } } med@youssfi.net
  • 14.
    Un exemple devue JSP Un exemple de vue JSP <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page session="false" %> <html> <head> <title>Home</title> </head> <body> <h1> Hello world! </h1> <h1> Hello world! </h1> <P> The time on the server is ${serverTime}. </P> </body> </html> med@youssfi.net
  • 15.
    Functionnement Functionnement Tomcat Lire web.xml :ContextLoaderListner Instancier Lire root-context.xml :DispatcherServlet Instancier Lire servlet-context.xml Client :HomeController ReqHTTP med@youssfi.net GET/ doGet(request,response) instancier Model And View :home.jsp home() instancier rendu html Rep HTTP
  • 16.
    Site de E Sitede E- -Commerce avec Commerce avec Spring Spring Framework Framework Youssfi Mohamed ENSET ENSET Université Hassan II Mohammedia med@youssfi.net med@youssfi.net | ENSET Université Hassan II Mohammedia
  • 17.
    Problème Problème On souhaite créerun site web de commerce électronique sui se compose de deux parties : ◦ Une partie back office qui nécessite une authentification et qui permet de gérer les produits et les catégories Nous définissons deux rôles pour cette partie: ROLE_ADMIN_CAT : l’utilisateur ayant ce rôle a la possibilités de gérer les catégories et les produits (Ajout, suppression, Edition,Modification et consultation) ainsi que les droits d’accès ROLE_ADMIN_PROD : l’utilisateur ayant ce rôle a la possibilités de gérer uniquement les produits (Ajout, suppression, Edition,Modification et consultation) ◦ Une partie front office qui représentent la boutique virtuelle qui ne ◦ Une partie front office qui représentent la boutique virtuelle qui ne nécessite pas d’authentification. Dans cette partie l’utilisateur a la possibilités de : Consulter toutes les catégories Consulter les produits d’une catégorie Consulter les produits sélectionnés Chercher des produits par mot clé Ajouter un produit avec une quantité au panier Supprimer un produit du panier Enregistrer le client et la commande des produits de son panier. med@youssfi.net
  • 18.
    Gestion des catégories Gestiondes catégories med@youssfi.net
  • 19.
    Gestion des catégories Gestiondes catégories med@youssfi.net
  • 20.
    Gestion des catégories Gestiondes catégories med@youssfi.net
  • 21.
    Gestion des produits Gestiondes produits med@youssfi.net
  • 22.
    Partie Front Office PartieFront Office med@youssfi.net
  • 23.
    Architecture Architecture Web Container SGBD Spring IOCContainer ContextLoaderListner Couche Métier ICatMetier JPATransaction Manager EntityManager FactoryBean Couche DAO ICatDAO dependencies Spring JaxWS Jax RS Jackson persistence.xml DispatcherSevlet CatalController CatMetierImpl ICatDAO CatDAOImpl JDBC JPA Hibernate Client HTTP View.jsp HTTP HTML
  • 24.
  • 25.
    Diagramme de classesdes entités Diagramme de classes des entités med@youssfi.net
  • 26.
    Diagramme de classesdes traitements Diagramme de classes des traitements med@youssfi.net
  • 27.
    Création des entités Créationdes entités med@youssfi.net
  • 28.
  • 29.
    Categorie.java Categorie.java package net.youssfi.eboutique.entities; import java.io.Serializable;importjava.util.*; import javax.persistence.*;import javax.validation.constraints.Size; import org.hibernate.validator.constraints.NotEmpty; @Entity public class Categorie implements Serializable { @Id @GeneratedValue private Long idCategorie; @NotEmpty @NotEmpty @Size(min=4,max=20) private String nomCategorie; private String description; private String nomPhoto; @Lob private byte[] photo; @OneToMany(mappedBy="categorie") private Collection<Produit> produits=new ArrayList<Produit>(); // Getters et Setters // Constructeurs sans paramètre et avec paramètres } med@youssfi.net
  • 30.
    Produit.java Produit.java package net.youssfi.eboutique.entities; import java.io.Serializable;import javax.persistence.*; import org.hibernate.validator.constraints.NotEmpty; @Entity public class Produit implements Serializable { @Id @GeneratedValue(strategy=GenerationType.IDENTITY) private Long idProduit; @NotEmpty private String designation; private String description; private String designation; private String description; private double prix; private String photo; private int quantite; private boolean selectionne; @ManyToOne @JoinColumn(name="ID_CAT") private Categorie categorie; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
  • 31.
    Client.java Client.java package net.youssfi.eboutique.entities; import java.io.Serializable; importjava.util.Collection; import javax.persistence.*; @Entity public class Client implements Serializable { @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long idClient; private String nomClient; private String nomClient; private String adresse; private String email; private String tel; @OneToMany(mappedBy="client") private Collection<Commande> commandes; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
  • 32.
    Commande.java Commande.java package net.youssfi.eboutique.entities; import java.io.Serializable; importjava.util.*; import javax.persistence.*; @Entity public class Commande implements Serializable { @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long idCommande; private Date dateCommande; private Date dateCommande; @ManyToOne @JoinColumn(name="idClient") private Client client; @OneToMany @JoinColumn(name="idCommande") private Collection<LigneCommande> ligneCommandes; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
  • 33.
    LigneCommande.java LigneCommande.java package net.youssfi.eboutique.entities; import java.io.Serializable; importjavax.persistence.*; @Entity public class LigneCommande implements Serializable { @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long id; @ManyToOne @JoinColumn(name="idproduit") @JoinColumn(name="idproduit") private Produit produit; private int quantite; private double prix; // Getters et Setters // Cosntructeur sans paramètre // Cosntructeur avec paramètres } med@youssfi.net
  • 34.
    Panier.java Panier.java package net.youssfi.eboutique.entities; import java.io.Serializable; importjava.util.*; public class Panier implements Serializable { private Map<Long, LigneCommande> items=new HashMap<Long, LigneCommande>(); public void addItem(Produit p, int quantite){ LigneCommande lc=items.get(p.getIdProduit()); if(lc==null){ LigneCommande art=new LigneCommande(); art.setProduit(p); art.setProduit(p); art.setQuantite(quantite); art.setPrix(p.getPrix()); items.put(p.getIdProduit(), art); } else{ lc.setQuantite(lc.getQuantite()+quantite); } } med@youssfi.net
  • 35.
    Panier.java Panier.java public Collection<LigneCommande> getItems(){ returnitems.values(); } public int getSize(){ return items.size(); } public double getTotal(){ double total=0; for(LigneCommande lc:items.values()){ total+=lc.getPrix()*lc.getQuantite(); } return total; } public void deleteItem(Long idproduit){ items.remove(idproduit); } } med@youssfi.net
  • 36.
    Tester les entités Testerles entités med@youssfi.net
  • 37.
    /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/META /META- -INF/persistence.xml INF/persistence.xml <?xml version="1.0" encoding="UTF-8"?> <persistenceversion="2.0" xmlns="http://java.sun.com/xml/ns/persistence" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/persistence http://java.sun.com/xml/ns/persistence/persistence_2_0.xsd "> <persistence-unit name="UP_EBOUTIQUE" transaction-type="RESOURCE_LOCAL"> <provider>org.hibernate.ejb.HibernatePersistence</provider> <properties> <property name="hibernate.show_sql" value="true"/> <property name="hibernate.hbm2ddl.auto" value="update"/> <property name="hibernate.dialect" value="org.hibernate.dialect.MySQLDialect"/> </properties> </persistence-unit> </persistence> med@youssfi.net
  • 38.
    Configuration JPA avec ConfigurationJPA avec Spring Spring IOC IOC med@youssfi.net
  • 39.
  • 40.
    Maven Maven Dependencies Dependencies <!-- 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
  • 41.
    Maven Maven Dependencies Dependencies <!-- Spring--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>>${org.springframework-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>>${org.springframework-version}</version> </dependency> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-beans</artifactId> <version>>${org.springframework-version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version>>${org.springframework-version}</version> </dependency> med@youssfi.net
  • 42.
    Configuration JPA avec ConfigurationJPA avec Spring Spring IOC : IOC : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/applicationContext.xml /applicationContext.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" xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd"> <bean id="datasource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="com.mysql.jdbc.Driver"></property> <property name="url" value="jdbc:mysql://localhost:3306/eboutique"></property> <property name="username" value="root"></property> <property name="password" value=""></property> </bean>
  • 43.
    Configuration JPA avec ConfigurationJPA avec Spring Spring IOC : IOC : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/applicationContext.xml /applicationContext.xml <bean id="persistenceUnitManager" class="org.springframework.orm.jpa.persistenceunit.DefaultPersistenceUnitManager"> <property name="defaultDataSource" ref="datasource"></property> <property name="persistenceXmlLocations"> <list> <value>classpath*:META-INF/persistence.xml</value> </list> </property> </bean> </bean> <bean id="entityManagerFactory" class="org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean"> <property name="persistenceUnitManager" ref="persistenceUnitManager"></property> <property name="persistenceUnitName" value="UP_EBOUTIQUE"></property> </bean> <bean id="transactionManager" class="org.springframework.orm.jpa.JpaTransactionManager"> <property name="entityManagerFactory" ref="entityManagerFactory"></property> </bean> <tx:annotation-driven transaction-manager="transactionManager"/> <context:annotation-config></context:annotation-config> </beans>
  • 44.
    JUnit JUnit Test : Test: src src/test/java/TestDao.java /test/java/TestDao.java package net.youssfi.eboutique; import static org.junit.Assert.*; import org.junit.*; import org.springframework.context.support.ClassPathXmlApplicationContext; public class TestDAO { @Before public void setUp() throws Exception { } @Test public void test() { try { ClassPathXmlApplicationContext app= new ClassPathXmlApplicationContext(new String[]{"applicationContext.xml"}); assertTrue(true); } catch (Exception e) { assertTrue(e.getMessage(),false); } } }
  • 45.
  • 46.
    COUCHES COUCHES Deuxième Partie COUCHES COUCHES DAO ETMÉTIER DAO ET MÉTIER med@youssfi.net
  • 47.
    Inteface Inteface IBoutiqueDao IBoutiqueDao package net.youssfi.eboutique.dao; importjava.util.List; import net.youssfi.eboutique.entities.*; public interface IBoutiqueDao { public Long ajouterCategorie(Categorie c); public List<Categorie> listCategories(); public Categorie getCategorie(Long idCat); public void supprimerCategrorie(Long idcat); public void modifierCategorie(Categorie c); public Long ajouterProduit(Produit p, Long idCat); public List<Produit> listproduits(); public List<Produit> listproduits(); public List<Produit> produitsParMotCle(String mc); public List<Produit> produitsParCategorie(Long idCat); public List<Produit> produitsSelectionnes(); public Produit getProduit(Long idP); public void supprimerProduit(Long idP); public void modifierProduit(Produit p); public void ajouterUser(User u); public void attribuerRole(Role r,Long userID); public Commande enregistrerCommande(Panier p,Client c); } med@youssfi.net
  • 48.
    BoutiqueDaoImpl BoutiqueDaoImpl package net.youssfi.eboutique.dao; import java.util.List; importjavax.persistence.*; import javax.persistence.Query; import net.youssfi.eboutique.entities.*; public class BoutiqueDaoImpl implements IBoutiqueDao { @PersistenceContext private EntityManager em; @Override public Long ajouterCategorie(Categorie c) { em.persist(c); return c.getIdCategorie(); } @Override public List<Categorie> listCategories() { Query req=em.createQuery("select c from Categorie c"); return req.getResultList(); } med@youssfi.net
  • 49.
    BoutiqueDaoImpl BoutiqueDaoImpl @Override public Categorie getCategorie(LongidCat) { return em.find(Categorie.class, idCat); } @Override public void supprimerCategrorie(Long idcat) { Categorie c=em.find(Categorie.class, idcat); em.remove(c); } @Override @Override public void modifierCategorie(Categorie c) { em.merge(c); } @Override public Long ajouterProduit(Produit p, Long idCat) { Categorie c=getCategorie(idCat); p.setCategorie(c);em.persist(p); return p.getIdProduit(); }
  • 50.
    BoutiqueDaoImpl BoutiqueDaoImpl @Override public List<Produit> listproduits(){ Query req=em.createQuery("select p from Produit p"); return req.getResultList(); } @Override public List<Produit> produitsParMotCle(String mc) { Query req=em.createQuery("select p from Produit p where p.designation like :x or p.description like:x"); req.setParameter("x", "%"+mc+"%"); req.setParameter("x", "%"+mc+"%"); return req.getResultList(); } @Override public List<Produit> produitsParCategorie(Long idCat) { Query req=em.createQuery("select p from Produit p where p.categorie.idCategorie=:x"); req.setParameter("x", idCat); return req.getResultList(); }
  • 51.
    BoutiqueDaoImpl BoutiqueDaoImpl @Override public List<Produit> produitsSelectionnes(){ Query req=em.createQuery("select p from Produit p where p.selectionne=true"); return req.getResultList(); } @Override @Override public Produit getProduit(Long idP) { return em.find(Produit.class, idP); } @Override public void supprimerProduit(Long idP) { Produit p=getProduit(idP); em.remove(p); }
  • 52.
    BoutiqueDaoImpl BoutiqueDaoImpl @Override public void modifierProduit(Produitp) { em.merge(p); } @Override public void ajouterUser(User u) { em.persist(u); } } @Override public void attribuerRole(Role r, Long userID) { User u=em.find(User.class, userID); r.setUser(u); em.persist(r); }
  • 53.
    BoutiqueDaoImpl BoutiqueDaoImpl @Override public Commande enregistrerCommande(Panierpanier,Client c) { em.persist(c); Commande cmd=new Commande(); cmd.setClient(c); cmd.setLigneCommandes(panier.getItems()); em.persist(cmd); return cmd; return cmd; } }
  • 54.
  • 55.
    Interface Interface InternauteBoutiqueMetier InternauteBoutiqueMetier package net.youssfi.eboutique.metier; import java.util.List; importnet.youssfi.eboutique.entities.*; public interface InternauteBoutiqueMetier { public List<Categorie> listCategories(); public Categorie getCategorie(Long idCat); public List<Produit> listproduits(); public List<Produit> listproduits(); public List<Produit> produitsParMotCle(String mc); public List<Produit> produitsParCategorie(Long idCat); public List<Produit> produitsSelectionnes(); public Produit getProduit(Long idP); public Commande enregistrerCommande(Panier p,Client c); } med@youssfi.net
  • 56.
    Interface Interface IAdminProduitsMetier IAdminProduitsMetier package net.youssfi.eboutique.metier; import net.youssfi.eboutique.entities.Produit; publicinterface IAdminProduitMetier extends InternauteBoutiqueMetier { public Long ajouterProduit(Produit p, Long idCat); public void supprimerProduit(Long idP); public void supprimerProduit(Long idP); public void modifierProduit(Produit p); } med@youssfi.net
  • 57.
    Interface Interface IAdminCategoriesMetier IAdminCategoriesMetier package net.youssfi.eboutique.metier; import net.youssfi.eboutique.entities.Categorie; importnet.youssfi.eboutique.entities.Role; import net.youssfi.eboutique.entities.User; public interface IAdminCategoriesMetier extends IAdminProduitMetier { public Long ajouterCategorie(Categorie c); public Long ajouterCategorie(Categorie c); public void supprimerCategrorie(Long idcat); public void modifierCategorie(Categorie c); public void ajouterUser(User u); public void attribuerRole(Role r,Long userID); } med@youssfi.net
  • 58.
    Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl package net.youssfi.eboutique.metier; import java.util.List; importorg.springframework.transaction.annotation.Transactional; import net.youssfi.eboutique.dao.*; import net.youssfi.eboutique.entities.*; @Transactional public class BoutiqueMetierImpl implements IAdminCategoriesMetier{ private IBoutiqueDao dao; public void setDao(IBoutiqueDao dao) { this.dao = dao; } @Override public Long ajouterProduit(Produit p, Long idCat) { return dao.ajouterProduit(p, idCat); }
  • 59.
    Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public void supprimerProduit(LongidP) { dao.supprimerProduit(idP); } @Override public void modifierProduit(Produit p) { dao.modifierProduit(p); } @Override public List<Categorie> listCategories() { return dao.listCategories(); } @Override public Categorie getCategorie(Long idCat) { return dao.getCategorie(idCat); }
  • 60.
    Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public List<Produit> listproduits(){ return dao.listproduits(); } @Override public List<Produit> produitsParMotCle(String mc) { return dao.produitsParMotCle(mc); } @Override public List<Produit> produitsParCategorie(Long idCat) { return dao.produitsParCategorie(idCat); } @Override public List<Produit> produitsSelectionnes() { return dao.produitsSelectionnes(); }
  • 61.
    Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public Produit getProduit(LongidP) { return dao.getProduit(idP); } @Override public Commande enregistrerCommande(Panier p, Client c) { return dao.enregistrerCommande(p, c); } @Override public Long ajouterCategorie(Categorie c) { return dao.ajouterCategorie(c); } @Override public void supprimerCategrorie(Long idcat) { dao.supprimerCategrorie(idcat); }
  • 62.
    Implémentation Implémentation BoutiqueMetierImpl BoutiqueMetierImpl @Override public void modifierCategorie(Categoriec) { dao.modifierCategorie(c); } @Override public void ajouterUser(User u) { dao.ajouterUser(u); } @Override public void attribuerRole(Role r, Long userID) { dao.attribuerRole(r, userID); } }
  • 63.
    Tester les deuxcouches métiers et dao Tester les deux couches métiers et dao med@youssfi.net
  • 64.
    Injection des dépendances: Injection des dépendances : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/resources resources/applicationContext.xml /applicationContext.xml <bean id="dao" class="net.youssfi.eboutique.dao.BoutiqueDaoImpl"></bean> <bean id="metier" class="net.youssfi.eboutique.metier.BoutiqueMetierImpl"> <property name="dao" ref="dao"></property> </bean> med@youssfi.net
  • 65.
    JUnit JUnit Test Test package net.youssfi.eboutique; importstatic org.junit.Assert.*;import java.util.List;import net.youssfi.eboutique.entities.*; import net.youssfi.eboutique.metier.IAdminCategoriesMetier; import org.junit.*; import org.springframework.context.support.*; public class TestDAO { @Before public void setUp() throws Exception { } @Test public void test() { public void test() { try { ClassPathXmlApplicationContext context= new ClassPathXmlApplicationContext(new String[]{"applicationContext.xml"}); IAdminCategoriesMetier metier=(IAdminCategoriesMetier) context.getBean("metier"); List<Categorie> cats1=metier.listCategories(); metier.ajouterCategorie(new Categorie("Ordinateur", "Ordinateurs", "", null)); metier.ajouterCategorie(new Categorie("Imprimantes", "Imprimantes", "", null)); List<Categorie> cats2=metier.listCategories(); assertTrue(cats2.size()==cats1.size()+2); } catch (Exception e) { assertTrue(e.getMessage(),false);}} }
  • 66.
    COUCHE WEB COUCHE WEB TroisièmePartie med@youssfi.net
  • 67.
    Structure du projet Structuredu projet med@youssfi.net
  • 68.
    web.xml web.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> </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
  • 69.
    web.xml web.xml <!-- Processes applicationrequests --> <servlet> <servlet-name>appServlet</servlet-name> <servlet- class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value> </init-param> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>appServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app> med@youssfi.net
  • 70.
  • 71.
    Maven Maven Dependencies Dependencies <!-- ApacheCommons Upload --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.2.2</version> </dependency> <dependency> <groupId>org.apache.commons</groupId> <groupId>org.apache.commons</groupId> <artifactId>commons-io</artifactId> <version>1.3.2</version> </dependency> med@youssfi.net
  • 72.
    /WEB /WEB- -INF/ INF/spring spring/ /appServlet appServlet/servlet /servlet- -context.xml context.xml <?xml version="1.0" encoding="UTF-8"?> <beans:beansxmlns="http://www.springframework.org/schema/mvc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring- beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring- context.xsd"> <!-- DispatcherServlet Context: defines this servlet's request- <!-- DispatcherServlet Context: defines this servlet's request- processing infrastructure --> <!-- Enables the Spring MVC @Controller programming model --> <annotation-driven /> <!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory --> <resources mapping="/resources/**" location="/resources/" /> med@youssfi.net
  • 73.
    /WEB /WEB- -INF/ INF/spring spring/ /appServlet appServlet/servlet /servlet- -context.xml context.xml <beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <beans:property name="prefix" value="/WEB-INF/views/"/> <beans:property name="suffix" value=".jsp" /> </beans:bean> <context:component-scan base-package="net.youssfi.eboutique" /> </beans:beans> <context:component-scan base-package="net.youssfi.eboutique" /> <!-- Configuration Upload--> <beans:bean name="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <beans:property name="maxUploadSize" value="100000"></beans:property> </beans:bean> med@youssfi.net
  • 74.
    Gestion des catégories Gestiondes catégories med@youssfi.net
  • 75.
    AdminCategoriesController AdminCategoriesController package net.youssfi.eboutique.controllers; importjava.io.*; import javax.validation.Valid; import net.youssfi.eboutique.entities.Categorie; import net.youssfi.eboutique.metier.IAdminCategoriesMetier; import org.apache.commons.io.IOUtils; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.MediaType; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.bind.annotation.SessionAttributes; import org.springframework.web.multipart.MultipartFile; med@youssfi.net
  • 76.
    AdminCategoriesController AdminCategoriesController @Controller @RequestMapping("/adminCat") @SessionAttributes("editedCat") public class AdminCategoriesController{ @Autowired private IAdminCategoriesMetier metier; @RequestMapping("/index") public String index(Model model){ model.addAttribute("categorie", new Categorie()); model.addAttribute("categories", metier.listCategories()); return "categories"; } med@youssfi.net
  • 77.
    AdminCategoriesController AdminCategoriesController @RequestMapping("/saveCat") public String saveCat(@ValidCategorie c,BindingResult bindingResult, Model model,MultipartFile file) throws Exception{ if(bindingResult.hasErrors()){ model.addAttribute("categories", metier.listCategories()); return "categories"; } if(!file.isEmpty()){c.setPhoto(file.getBytes());} else{ if(c.getIdCategorie()!=null){ Categorie cat=(Categorie) model.asMap().get("editedCat"); c.setPhoto(cat.getPhoto()); }} if(c.getIdCategorie()==null) metier.ajouterCategorie(c); else metier.modifierCategorie(c); model.addAttribute("categorie", new Categorie()); model.addAttribute("categories", metier.listCategories()); return "categories"; } med@youssfi.net
  • 78.
    AdminCategoriesController AdminCategoriesController @RequestMapping(value="/photoCat",produces=MediaType.IMAGE_JPEG_VALUE) @ResponseBody public byte[] getPhoto(LongidCat) throws IOException{ Categorie c=metier.getCategorie(idCat); if(c.getPhoto()==null) return new byte[0]; else return IOUtils.toByteArray(new ByteArrayInputStream(c.getPhoto())); } @RequestMapping(value="/suppCat") public String suppCat(Long idCat,Model model){ metier.supprimerCategrorie(idCat); metier.supprimerCategrorie(idCat); model.addAttribute("categorie", new Categorie()); model.addAttribute("categories", metier.listCategories()); return "categories"; } @RequestMapping(value="/editCat") public String editCat(Long idCat,Model model){ Categorie c=metier.getCategorie(idCat); model.addAttribute("editedCat", c);model.addAttribute("categorie",c ); model.addAttribute("categories", metier.listCategories()); return "categories";} } med@youssfi.net
  • 79.
    Vue : categories.jsp Vue: categories.jsp med@youssfi.net
  • 80.
    Vue : categories.jsp Vue: categories.jsp <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@taglib uri="http://www.springframework.org/tags/form" prefix="f"%> <head> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resources/css/style.css"> </head> <div id="formCat" class="cadre"> <f:form modelAttribute="categorie" action="saveCat" method="post" enctype="multipart/form-data"> <table> <tr> <td>ID Catégorie:</td> <td>${categorie.idCategorie}<f:input type="hidden" path="idCategorie"/></td> <td><f:errors path="idCategorie"></f:errors> </td> </tr> <tr> <td>Nom Catégorie</td><td><f:input path="nomCategorie"/></td> <td><f:errors path="nomCategorie"></f:errors> </td> </tr> med@youssfi.net
  • 81.
    Vue : categories.jsp Vue: categories.jsp <tr> <td>Description</td> <td><f:textarea path="description"/></td> <td><f:errors path="description"></f:errors> </td> </tr> <tr> <td>Photo</td> <c:if test="${categorie.idCategorie!=null}"> <td><img src="photoCat?idCat=${categorie.idCategorie}"></td> <td><img src="photoCat?idCat=${categorie.idCategorie}"></td> </c:if> <td> <input type="file" name="file"></td> </tr> <tr> <td><input type="submit" value="Save"></td> </tr> </table> </f:form> </div> med@youssfi.net
  • 82.
    Vue : categories.jsp Vue: categories.jsp <div id="tabCategories" class="cadre"> <table class="tabStyle1"> <tr> <th>ID</th><th>NOM CAT</th><th>DESCRIPTION</th><th>PHOTO</th> <th></th><th></th> </tr> <c:forEach items="${categories}" var="cat"> <tr> <td>${cat.idCategorie}</td> <td>${cat.idCategorie}</td> <td>${cat.nomCategorie}</td> <td>${cat.description}</td> <td><img src="photoCat?idCat=${cat.idCategorie}"></td> <td><a href="suppCat?idCat=${cat.idCategorie}">Supprimer</a></td> <td><a href="editCat?idCat=${cat.idCategorie}">Edit</a></td> </tr> </c:forEach> </table> </div> med@youssfi.net
  • 83.
    Feuille de styleCSS : Feuille de style CSS : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/webapp webapp/ /resources resources/ /css css/style.css /style.css div.cadre{ border: 1px dotted gray; border-radius:10px; margin: 10px; padding: 10px; } .tabStyle1 th{ .tabStyle1 th{ border: 1px dotted gray; background: pink; padding: 5px; } .tabStyle1 td{ border: 1px dotted gray; background: white; padding: 5px; } med@youssfi.net
  • 84.
    Structure du projet Structuredu projet med@youssfi.net
  • 85.
    Gestion des produits Gestiondes produits med@youssfi.net
  • 86.
    AdminProduitsController AdminProduitsController package org.sid.eboutique.controllers; import java.io.*; importjavax.validation.Valid; import org.apache.commons.io.IOUtils; import org.sid.eboutique.entities.Produit; import org.sid.eboutique.metier.IAdminProduitsMetier; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.MediaType; import org.springframework.http.MediaType; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.multipart.MultipartFile; med@youssfi.net
  • 87.
    AdminProduitsController AdminProduitsController @Controller @RequestMapping(value="/adminProd") public class AdminProduitsController{ @Autowired private IAdminProduitsMetier metier; @RequestMapping(value="/index") public String index(Model model){ public String index(Model model){ model.addAttribute("produit",new Produit()); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories", metier.listCategories()); return "produits"; } med@youssfi.net
  • 88.
    AdminProduitsController AdminProduitsController @RequestMapping(value="/saveProd") public String saveProd(@ValidProduit p,BindingResult bindingResult, Model model,MultipartFile file) throws IOException{ if(bindingResult.hasErrors()){ model.addAttribute("categories",metier.listCategories()); model.addAttribute("produits",metier.listproduits()); return("produits");} if(!file.isEmpty()) { String path=System.getProperty("java.io.tmpdir"); p.setPhoto(file.getOriginalFilename()); Long idP=null; if(p.getIdProduit()==null){ if(p.getIdProduit()==null){ idP=metier.ajouterProduit(p,p.getCategorie().getIdcategorie());} else{ metier.modifierProduit(p);idP=p.getIdProduit();} file.transferTo(new File(path+"/"+"PROD_"+idP+"_"+file.getOriginalFilename())); }else{ if(p.getIdProduit()==null) metier.ajouterProduit(p, p.getCategorie().getIdcategorie()); else metier.modifierProduit(p); } model.addAttribute("produit",new Produit()); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories",metier.listCategories()); return "produits"; } med@youssfi.net
  • 89.
    AdminProduitsController AdminProduitsController @RequestMapping(value="photoProd",produces=MediaType.IMAGE_JPEG_VALUE) @ResponseBody public byte[] photCat(LongidProd) throws IOException{ Produit p=metier.getProduit(idProd); File f=new File(System.getProperty("java.io.tmpdir")+"/PROD_"+idProd+"_"+p.getPhoto( )); return IOUtils.toByteArray(new FileInputStream(f)); } @RequestMapping(value="/suppProd") @RequestMapping(value="/suppProd") public String supp(Long idProd,Model model){ metier.supprimerProduit(idProd); model.addAttribute("produit",new Produit()); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories", metier.listCategories()); return "produits"; } med@youssfi.net
  • 90.
    AdminProduitsController AdminProduitsController @RequestMapping(value="/editProd") public String edit(LongidProd,Model model){ Produit p=metier.getProduit(idProd); model.addAttribute("produit",p); model.addAttribute("produits",metier.listproduits()); model.addAttribute("categories", metier.listCategories()); return "produits"; } } med@youssfi.net
  • 91.
    Vue : produits.jsp Vue: produits.jsp med@youssfi.net
  • 92.
    Vue : produits.jsp Vue: produits.jsp med@youssfi.net
  • 93.
    Vue : produits.jsp Vue: produits.jsp med@youssfi.net
  • 94.
    Vue : produits.jsp Vue: produits.jsp <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@taglib uri="http://www.springframework.org/tags/form" prefix="f"%> <head> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/css/style1.css"> </head> <a href="<c:url value="/j_spring_security_logout" />" > Logout</a> <div class="errors"> ${exception} </div> </div> <div id="formProd" class="cadre"> <f:form modelAttribute="produit" action="saveProd" method="post" enctype="multipart/form-data"> <table> <tr> <td>ID Produit</td> <td><f:input path="idProduit"/></td> <td><f:errors path="idProduit" cssClass="errors"></f:errors></td> </tr> med@youssfi.net
  • 95.
    Vue : produits.jsp Vue: produits.jsp <tr> <td>Désignation</td> <td><f:input path="designation"/></td> <td><f:errors path="designation" cssClass="errors"></f:errors></td> </tr> <tr> <td>Cétegorie</td> <td><f:select path="categorie.idcategorie" items="${categories}" itemValue="idcategorie" itemLabel="nomCategorie"></f:select></td> itemValue="idcategorie" itemLabel="nomCategorie"></f:select></td> <td><f:errors path="designation" cssClass="errors"></f:errors></td> </tr> <tr> <td>Description</td> <td><f:textarea path="description"/></td> <td><f:errors path="description" cssClass="errors"></f:errors></td> </tr> med@youssfi.net
  • 96.
    Vue : produits.jsp Vue: produits.jsp <tr> <td>Prix</td> <td><f:input path="prix"/></td> <td><f:errors path="prix" cssClass="errors"></f:errors></td> </tr> <tr> <td>Quantité</td> <td><f:input path="quantite"/></td> <td><f:errors path="quantite" cssClass="errors"></f:errors></td> <td><f:errors path="quantite" cssClass="errors"></f:errors></td> </tr> <tr> <td>Séleclionner?</td> <td><f:checkbox path="selected"/></td> <td><f:errors path="selected" cssClass="errors"></f:errors></td> </tr> med@youssfi.net
  • 97.
    Vue : produits.jsp Vue: produits.jsp <tr> <td>Photo</td> <td> <c:if test="${produit.idProduit!=null}"> <img src="photoProd?idProd=${produit.idProduit }"/> </c:if> </td> <td> <input type="file" name="file"/> <input type="file" name="file"/> </td> </tr> <tr> <td><input type="submit" value="Save"></td> </tr> </table> </f:form> </div> med@youssfi.net
  • 98.
    Vue : produits.jsp Vue: produits.jsp <div id="tabProduits" class="cadre"> <table class="tab1"> <tr> <th>ID</th><th>Désignation</th><th>Description</th> <th>catégorie</th><th>Prix</th><th>Quantité</th><th>Selected</th> <th>Photo</th> </tr> <c:forEach items="${produits}" var="p"> <tr> <tr> <td>${p.idProduit }</td><td>${p.designation }</td> <td>${p.description }</td><td>${p.categorie.nomCategorie }</td> <td>${p.prix }</td><td>${p.quantite }</td> <td>${p.selected }</td> <td><img src="photoProd?idProd=${p.idProduit }"/></td> <td><a href="suppProd?idProd=${p.idProduit }">Supp</a></td> <td><a href="editProd?idProd=${p.idProduit }">Edit</a></td> </tr> </c:forEach> </table> </div> med@youssfi.net
  • 99.
    Feuille de styleCSS : Feuille de style CSS : /EBoutiqueV2/ /EBoutiqueV2/src src/main/ /main/webapp webapp/ /resources resources/ /css css/style.css /style.css div.cadre{ border: 1px dotted gray; border-radius:10px; margin: 10px; padding: 10px; } .tabStyle1 th{ .tabStyle1 th{ border: 1px dotted gray; background: pink; padding: 5px; } .tabStyle1 td{ border: 1px dotted gray; background: white; padding: 5px; } med@youssfi.net
  • 100.
    Structure du projet Structuredu projet med@youssfi.net
  • 101.
  • 102.
    Maven Maven Dependencies Dependencies <!-- SpringSecurity--> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-core</artifactId> <version>3.2.0.RELEASE</version> </dependency> <dependency> <groupId>org.springframework.security</groupId> <groupId>org.springframework.security</groupId> <artifactId>spring-security-config</artifactId> <version>3.2.0.RELEASE</version> </dependency> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-web</artifactId> <version>3.2.0.RELEASE</version> </dependency> med@youssfi.net
  • 103.
    web.xml web.xml <!-- Spring Security--> <filter> Déclarer le filtre DelegatingFilterProxy dans le fichier web.xml Toutes les requêtes HTTP passent par ce filtre. Le nom du filtre est : springSecurityFilterChain Ce nom devrait correspondre au nom d’un bean spring qui sera déployé par ContextLoaderListener et qui contient les règles de sécurité à exécuter. <filter> <filter-name>springSecurityFilterChain</filter-name> <filter- class>org.springframework.web.filter.DelegatingFilterProxy</filter-class> </filter> <filter-mapping> <filter-name>springSecurityFilterChain</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> med@youssfi.net
  • 104.
    Base de données Basede données Créer deux tables : ◦ Users : qui contient les utilisateurs autorisés à accéder à l’application ◦ Role : qui contient les rôles de chaque utilisateur med@youssfi.net
  • 105.
    applicationContext.xml applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beansxmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:context="http://www.springframework.org/schema/context" xmlns:s="http://www.springframework.org/schema/security" xsi:schemaLocation="http://www.springframework.org/schema/security http://www.springframework.org/schema/security/spring-security-3.2.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd"> <bean id="datasource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="com.mysql.jdbc.Driver"></property> <property name="url" value="jdbc:mysql://localhost:3306/sid_eboutique"></property> <property name="username" value="root"></property> <property name="password" value=""></property> </bean> med@youssfi.net
  • 106.
    applicationContext.xml applicationContext.xml <s:http> <s:intercept-url pattern="/produits/**" access="ROLE_ADMIN_PROD"/> <s:intercept-urlpattern="/categories/**" access="ROLE_ADMIN_CAT"/> <s:form-login login-page="/login" default-target-url="/produits/index" authentication-failure-url="/login" /> <s:logout logout-success-url="/logout" /> </s:http> <s:authentication-manager> <s:authentication-provider> <s:password-encoder hash="md5"></s:password-encoder> <s:jdbc-user-service data-source-ref="datasource" users-by-username-query="select user_name,password, actived from users where user_name=?" authorities-by-username-query="select u.user_name, r.roleName from users u, role r where u.user_id = r.user_id and u.user_name =? " /> <!-- <s:user-service> <s:user name="admin1" password="admin1" authorities="ROLE_ADMIN_PROD"/> <s:user name="admin2" authorities="ROLE_ADMIN_CAT,ROLE_ADMIN_PROD" password="admin2" /> </s:user-service> --> </s:authentication-provider> </s:authentication-manager> </beans> med@youssfi.net
  • 107.
    Contrôleur Contrôleur package org.enset.sid.controllers; import org.springframework.stereotype.Controller; importorg.springframework.web.bind.annotation.RequestMapping; @Controller public class LoginController { @RequestMapping("/login") @RequestMapping("/login") public String login(){ return "login"; } @RequestMapping("/logout") public String login(){ return "login"; } } med@youssfi.net
  • 108.
    login.jsp login.jsp <form action="j_spring_security_check" method="post"> <table> <tr> <td>Login</td> <td><inputtype="text" name="j_username"></td> </tr> <tr> <td>Pass word</td><td> <td>Pass word</td><td> <input type="password" name="j_password"></td> </tr> <tr> <td><input type="submit" value="Login"></td> </tr> </table> </form> med@youssfi.net
  • 109.
    Lien Lien Logout Logout <a href="<c:urlvalue="/j_spring_security_logout" />" > Logout</a> med@youssfi.net