SlideShare uma empresa Scribd logo
1 de 24
Baixar para ler offline
Framework web
Introduction
Le Web est fait de HTTP, HTML, CSS, REST avec des architectures sans
états.
<Guillaume Bort / Play Framework>
Le framework web est le socle d'une application Web fonctionnant sur un éco-
système (java, Ruby, PHP, Python, Groovy)
Introduction
Historique - Java Jungle
2000
● API Servlet
○ Une url = une vue, une page HTTP
○ Session HTTP
● Tomcat
○ Conteneur "léger" (servlets et JSP, pas d'EJB)
● Struts
○ Modèle MVC
○ Configuration XML
2003
● Spring
○ Inversion de contrôle
○ Programmation orientée aspect
○ Couche d’abstraction.
2005
○ Ajax - les pages web dynamiques naissent
Introduction
Historique - Java Jungle
2006
● Seam le concept de conservation introduit par Seam (reference à mettre).
Natif dans les framework modernes (Grails / Play)
● Apparition des compilateur JS et framework "poid mouche" (GWT)
2007
● Nouveau paradigme : retour à l'Esprit du Web : Play! Framework
Framework Web
But
DON'T REINVENT THE WHEEL !!!
● se concentrer sur le code métier
● améliorer :
○ la testabilité
○ maintenabilité
● ouvert
○ intégration de modules "prêts à plugger"
○ communautaire
● Réduire le 'time to market'
Framework Web
Services
- web template système : produire le code html / css / js
- cache / asynchronisme : limiter la charge server
- sécurité : garantir l'authenticité du client sur le web
- intéropabilité : savoir dialoguer avec des applications tiers (back end)
- URL mapping : associer le code à une URL
- AJAX : réliser des applications intéractives
- web services : exposer des API
- architecture : structurer l'application (MVC, IOC)
Framework Web
A Full ecosystem
Ready on PAAS
Social
Sécurity
Sql
NoSQL
JPA
Caching
Big
Data SOAP
JMS
AMQP
WS
Voldemort
Highly DistributedWeb 2.0 Complient Data Oriented
IOC
SCALABLE
TESTABLE
RELIABLE
Framework Web
2012 Review - Framework popularity
Copyright : zeroturnaround / Developer productivity report 2012
Framework Web
Or Lightweight Framework
Handmade Framework based on lightweight components
Framework Web
l'heure du choix !
Framework
● fondations de l'application Web
● très couteux à changer
● doit résister aux changements (vision du produit)
● framework obsolète ou inadapté = risque
Framework Web
Lightweigth vs Heavyweight
Framework Lightweight Framework
plateform set up Rapid slow for a full web scope
custom more difficult possible handmade
Evolution all the framework possible part by part
plateform depedends sometimes (Web Profile
developpement)
only a servlet container
integrate new
compenents
A functionality or technology
not supported by the
framework can be hard to
integrate
You can make you own
patchwork easier
Community and updates Depends on the popularity
Warning when the framework
became hasbeen
Depends on the popularity
Framework Web
Conclusion
Il n'y a pas de bon choix, uniquement un choix adapté à votre besoin
Avant de choisir testez vos choix pour le confirmer
Confrontez vos choix avec d'autres architectes (qui développent encore...), de
préférence d'autres sociétés pour avoir un avis objectif sur votre système
N'oubliez un choix, c'est pour le meilleur, ou le pire de votre application
Spring est un framework libre pour construire et définir l'infrastructure d'une
application java, dont il facilite le développement et les tests.
En 2004, Rod Johnson a écrit le livre Expert One-on-One J2EE Design and
Development qui explique les raisons de la création de Spring, basé sur les
concepts suivants :
● Inversion de Contrôle
● Data access (JBDC)
● Transaction management
● Model-view-controller
● Remote Access framework: RPC-style and HTTP-based protocols
● Authentication and authorization
● Remote Management (via JMX)
● Messaging (JMS)
● Testing
Framework Web
Spring MVC
La pière angulaire de String est l'inversion de contrôle qui permet de configurer
et gérer des objets via reflexion.
Le framework est responsable du cycle de vie des objets :
○ les instancier et les initialiser
○ les configurer
○ injecter les dependances
Spring MVC
Inversion of Control container
La pière angulaire de String est l'inversion de contrôle qui permet de configurer et
gérer des objets via reflexion.
Le framework est responsable du cycle de vie des objets :
○ les instancier et les initialiser
○ les configurer
○ injecter les dependances
Chaque object injectable (bean) a un scope
singleton (default).
prototype any number of object instances.
request to an HTTP request. Only valid in the Spring ApplicationContext.
session to an HTTP session. Only valid in the Spring ApplicationContext.
global-session to a global HTTP session. Only valid in the Spring
ApplicationContext.
Spring MVC
Inversion of Control container
Un bean injectable est une classe Java
<bean id="beerStore" class="fr.enib. ... .business.impl.BeerStoreImpl" >
</bean>
Qui peut se faite injecter :
● des paramètres
<bean id="beerStore" class="fr.enib. ... .business.impl.BeerStoreImpl" >
<property name="size" value="10" />
</bean>
<bean id="enibBeerStore" class="fr.enib. ... .business.impl.EnibarImpl" >
<property name="size" value="10" />
<qualifier "enibar"></qualifier>
</bean>
● des dependances (d'autres beans)
<bean id="beerStore" class="fr.enib. ... .business.impl.BeerStoreImpl" >
<property name="dataSource" ref="jndi-datasource" />
<property name="size" value="10" />
</bean>
● des listes et maps et plus encore...
http://static.springsource.org/spring/docs/1.2.9/reference/beans.html
Spring MVC
Inversion of Control container
Pour utiliser un bean il suffit de l'injecter :
● Avec l'anotation Autowired
○ Quand l'interface n'a qu'une seule implémentation
@Autowired
private BeerStore beerBusiness;
○ Avec un Qualifier
@Autowired
@Qualifier(value="enibbar")
private BeerStore beerBusiness;
● Avec l'anotation Resource
@Resourse(name="enibBeerStore")
private BeerStore beerBusiness;
Spring MVC
Inversion of Control container
Le controleur est une Servlet, il en a strictement le même rôle
La configuration est réalisée avec des annotations Java
http://mydomain.com:8080/context/helloString?name=toto
@Controller
@RequestMapping("/helloSpring")
public class HelloSpringMVC {
/**
* Handler de la méthode Get pour l'URL /helloSpringMVC.html.
*
* @param name le nom que l'on doit afficher dans la vue.
* @param model une map de toutes les données qui seront utilisables dans la vue
* @return le nom de la vue qu'il faudra utiliser.
*/
@RequestMapping(method = RequestMethod.GET)
public String sayHelloWithSpringMVC( @RequestParam(value="name",required=false) String name, Model model) {
model.addAttribute("name",name);
return "hello";
}
}
<!-- Resolves view names to protected .jsp resources within the /WEB-INF/jsp directory -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/"/>
<property name="suffix" value=".jsp"/>
</bean>
Spring MVC
Le controleur
fichier mvc-disatcher-servlet.xml
nom de la JSP pour le forward
Configuration de la localisation :
- mvc-dispatcher-servlet.xml
Spring MVC
Le controleur - POST / Retour HTTP
Utilisé par exemple lors d'un submit d'un formulaire
@Controller
@RequestMapping(value = "/signup")
public class SignupControler {
....
@RequestMapping(method = RequestMethod.POST)
public
String create( Account account, ModelMap model ) {
// do Something
// The Form parameter are in the Account Object
...
// call the business
...
// add ojects to the model
model.addAttribute("message", "I Will survive");
// Forward to theJSP
return "signup/createAccountForm";
}
Ce controleur reçoit des HTTP POST sur l'url
http://mydomain:8080/context/signup
Uniquement pour des requetes POST
L'objet message disponible dans la JSP
Nom de la JSP pour le forward
Utilisé par exemple lors d'un post HTTP / AJAX / JSON
La sérialisation / désérialisation est réalisée par le framework en fonction des
dépendances ajoutée à ce dernier.
@RequestMapping(value = "/private/beer/add", method = RequestMethod.POST)
public @ResponseBody
AddBeerStatus create(@RequestBody Beer beer, HttpServletResponse response) {
Beer newBeer = beerBusiness.addBeer(beer);
return AddBeerStatus.created(newBeer );
}
Object de retour à sérialiser en JSO
Spring MVC
Le controleur - POST HTTP / AJAX - JSON
L'anotation RequestBody ResponseBody
indique que la requête et réponse est
dans le body et non les paramètres
Object issu de la desérialisation JSON
modélisant la requête
Modèle Object :
public class Beer {
private String name;
private String brewery;
private String country;
private double alcohol;
private int id;
public Beer() {
super();
}
... getters et setters publiques
}
Json produit
{"name":"1664","brewery":"kronenbourg","country":"France","alcohol":"5,5"}
Spring MVC
Le controleur - Mapping Object - JSON
Spring MVC
Le controleur - REST Web Service
Utilisation de :
○ la serialisation / deserialisation JSON
○ des request body
○ de la variabilisation des URLS
@RequestMapping(value = "/private/beer/validate/{field}", method = RequestMethod.POST)
public @ResponseBody
AddBeerStatus validateField(@PathVariable String field, @RequestBody Beer beer, HttpServletResponse response) {
... do the business call
return AddBeerStatus.notCreated(null);
}
Variabilisation de l'URL
Spring MVC
Database / Exemple
public class MyJdbcDaoImpl implements MyJdbcDao {
private final String sql = "select id, last_name from T_ACTOR where specialty = ? and age = ?";
private JdbcTemplate jdbcTemplate;
public void setDataSource(DataSource dataSource) {
this.jdbcTemplate = new JdbcTemplate(dataSource);
}
public Actor findActor(String specialty, int age) {
RowMapper<Actor> mapper = new RowMapper<Actor>() {
public Actor mapRow(ResultSet rs, int rowNum) throws SQLException {
Actor actor = new Actor();
actor.setId(rs.getLong("id"));
actor.setLastName(rs.getString("last_name"));
return actor;
}
};
// notice the wrapping up of the argumenta in an array
return (Actor) jdbcTemplate.queryForObject(sql, new Object[] {specialty, age}, mapper);
}
}
Injection de la datasource
Requête SQL
Row Mapper pour la
construction de l'objet de
retour
Execution de la requête
This afternoon
Hand in code...

Mais conteúdo relacionado

Mais procurados

Architecture java j2 ee a partager
Architecture java j2 ee a partagerArchitecture java j2 ee a partager
Architecture java j2 ee a partager
aliagadir
 
Workshop Spring - Session 4 - Spring Batch
Workshop Spring -  Session 4 - Spring BatchWorkshop Spring -  Session 4 - Spring Batch
Workshop Spring - Session 4 - Spring Batch
Antoine Rey
 
Presentation JEE et son écossystéme
Presentation JEE et son écossystémePresentation JEE et son écossystéme
Presentation JEE et son écossystéme
Algeria JUG
 
Spring Meetup Paris - Back to the basics of Spring (Boot)
Spring Meetup Paris - Back to the basics of Spring (Boot)Spring Meetup Paris - Back to the basics of Spring (Boot)
Spring Meetup Paris - Back to the basics of Spring (Boot)
Eric SIBER
 

Mais procurados (20)

Introduction à Angular JS
Introduction à Angular JSIntroduction à Angular JS
Introduction à Angular JS
 
Quoi de neuf à Devoxx France 2017 ?
Quoi de neuf à Devoxx France 2017 ?Quoi de neuf à Devoxx France 2017 ?
Quoi de neuf à Devoxx France 2017 ?
 
Maven
MavenMaven
Maven
 
Architecture java j2 ee a partager
Architecture java j2 ee a partagerArchitecture java j2 ee a partager
Architecture java j2 ee a partager
 
Introduction à spring boot
Introduction à spring bootIntroduction à spring boot
Introduction à spring boot
 
Aperçu de RequireJS
Aperçu de RequireJSAperçu de RequireJS
Aperçu de RequireJS
 
Workshop Spring - Session 4 - Spring Batch
Workshop Spring -  Session 4 - Spring BatchWorkshop Spring -  Session 4 - Spring Batch
Workshop Spring - Session 4 - Spring Batch
 
JSF 2.0
JSF 2.0JSF 2.0
JSF 2.0
 
ToulouseJUG - REX Flex, Spring & Agilité
ToulouseJUG - REX Flex, Spring & AgilitéToulouseJUG - REX Flex, Spring & Agilité
ToulouseJUG - REX Flex, Spring & Agilité
 
Play Framework - Toulouse JUG - nov 2011
Play Framework - Toulouse JUG - nov 2011Play Framework - Toulouse JUG - nov 2011
Play Framework - Toulouse JUG - nov 2011
 
Maven/Ivy vs OSGi (Toulouse Jug 26-05-2011)
Maven/Ivy vs OSGi (Toulouse Jug 26-05-2011)Maven/Ivy vs OSGi (Toulouse Jug 26-05-2011)
Maven/Ivy vs OSGi (Toulouse Jug 26-05-2011)
 
Spring & SpringBatch FR
Spring & SpringBatch FRSpring & SpringBatch FR
Spring & SpringBatch FR
 
JBoss - chapitre JMX
JBoss - chapitre JMXJBoss - chapitre JMX
JBoss - chapitre JMX
 
Presentation JEE et son écossystéme
Presentation JEE et son écossystémePresentation JEE et son écossystéme
Presentation JEE et son écossystéme
 
Les Servlets et JSP
Les Servlets et JSPLes Servlets et JSP
Les Servlets et JSP
 
Spring Meetup Paris - Back to the basics of Spring (Boot)
Spring Meetup Paris - Back to the basics of Spring (Boot)Spring Meetup Paris - Back to the basics of Spring (Boot)
Spring Meetup Paris - Back to the basics of Spring (Boot)
 
Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010
 
GWT Principes & Techniques
GWT Principes & TechniquesGWT Principes & Techniques
GWT Principes & Techniques
 
Workshop Spring 3 - Tests et techniques avancées du conteneur Spring
Workshop Spring  3 - Tests et techniques avancées du conteneur SpringWorkshop Spring  3 - Tests et techniques avancées du conteneur Spring
Workshop Spring 3 - Tests et techniques avancées du conteneur Spring
 
Support JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.YoussfiSupport JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.Youssfi
 

Semelhante a ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours

BordeauxJUG : Portails &amp; Portlets Java
BordeauxJUG : Portails &amp; Portlets JavaBordeauxJUG : Portails &amp; Portlets Java
BordeauxJUG : Portails &amp; Portlets Java
Camblor Frédéric
 
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
CERTyou Formation
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
Vincent Perrin
 
ENIB cours CAI Web - Séance 3 - JSP/Servlet - Cours
ENIB cours CAI Web - Séance 3 - JSP/Servlet - CoursENIB cours CAI Web - Séance 3 - JSP/Servlet - Cours
ENIB cours CAI Web - Séance 3 - JSP/Servlet - Cours
Horacio Gonzalez
 
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Jean-Laurent de Morlhon
 

Semelhante a ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours (20)

Introduction aux RIA (Rich Internet Applications)
Introduction aux RIA (Rich Internet Applications)Introduction aux RIA (Rich Internet Applications)
Introduction aux RIA (Rich Internet Applications)
 
Alt.net spring.net
Alt.net spring.netAlt.net spring.net
Alt.net spring.net
 
Alt.net spring.net
Alt.net spring.netAlt.net spring.net
Alt.net spring.net
 
Spring.NET
Spring.NETSpring.NET
Spring.NET
 
Spring MVC
Spring MVCSpring MVC
Spring MVC
 
03 - [ASP.NET Core] Services RESTful et SPA
03 - [ASP.NET Core] Services RESTful et SPA 03 - [ASP.NET Core] Services RESTful et SPA
03 - [ASP.NET Core] Services RESTful et SPA
 
BordeauxJUG : Portails &amp; Portlets Java
BordeauxJUG : Portails &amp; Portlets JavaBordeauxJUG : Portails &amp; Portlets Java
BordeauxJUG : Portails &amp; Portlets Java
 
Architecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesArchitecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependances
 
Java Server Faces 2
Java Server Faces 2Java Server Faces 2
Java Server Faces 2
 
Un exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHPUn exemple élémentaire d'application MVC en PHP
Un exemple élémentaire d'application MVC en PHP
 
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
 
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
 
Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
 
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
 
Support de Cours JSF2 Première partie Intégration avec Spring
Support de Cours JSF2 Première partie Intégration avec SpringSupport de Cours JSF2 Première partie Intégration avec Spring
Support de Cours JSF2 Première partie Intégration avec Spring
 
ENIB cours CAI Web - Séance 3 - JSP/Servlet - Cours
ENIB cours CAI Web - Séance 3 - JSP/Servlet - CoursENIB cours CAI Web - Séance 3 - JSP/Servlet - Cours
ENIB cours CAI Web - Séance 3 - JSP/Servlet - Cours
 
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
 
Prezentare ASP.Net.pptx
Prezentare ASP.Net.pptxPrezentare ASP.Net.pptx
Prezentare ASP.Net.pptx
 
Une visite guidée d’Internet Explorer 9 et HTML5 pour les développeurs Web
Une visite guidée d’Internet Explorer 9 et HTML5 pour les développeurs WebUne visite guidée d’Internet Explorer 9 et HTML5 pour les développeurs Web
Une visite guidée d’Internet Explorer 9 et HTML5 pour les développeurs Web
 

Mais de Horacio Gonzalez

Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27
Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27
Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27
Horacio Gonzalez
 

Mais de Horacio Gonzalez (20)

Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27
Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27
Il n'y a pas que Polymer dans la vie… - RennesJS - 2017-06-27
 
But there is no web component for that - Web Components Remote Conference - 2...
But there is no web component for that - Web Components Remote Conference - 2...But there is no web component for that - Web Components Remote Conference - 2...
But there is no web component for that - Web Components Remote Conference - 2...
 
Mixité dans le monde des WebComponents - DevFest Toulouse - 2017-09-27
 Mixité dans le monde des WebComponents - DevFest Toulouse - 2017-09-27 Mixité dans le monde des WebComponents - DevFest Toulouse - 2017-09-27
Mixité dans le monde des WebComponents - DevFest Toulouse - 2017-09-27
 
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 2/3 - HTML5, CSS3, Twitter B...
 
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JSENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2016 2017 - CAI Web S02E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
 
Mixing Web Components - Best of Web Paris - 2016 06-09
Mixing Web Components - Best of Web Paris - 2016 06-09Mixing Web Components - Best of Web Paris - 2016 06-09
Mixing Web Components - Best of Web Paris - 2016 06-09
 
Polymer in the real life - Devoxx France - 2016 04-20
Polymer in the real life - Devoxx France - 2016 04-20Polymer in the real life - Devoxx France - 2016 04-20
Polymer in the real life - Devoxx France - 2016 04-20
 
Warp10: collect, store and manipulate sensor data - BreizhCamp - 2016 03-24
Warp10: collect, store and manipulate sensor data - BreizhCamp - 2016 03-24 Warp10: collect, store and manipulate sensor data - BreizhCamp - 2016 03-24
Warp10: collect, store and manipulate sensor data - BreizhCamp - 2016 03-24
 
ENIB 2015 2016 - CAI Web S02E03- Forge JS 1/4 - La forge JavaScript
ENIB 2015 2016 - CAI Web S02E03- Forge JS 1/4 - La forge JavaScriptENIB 2015 2016 - CAI Web S02E03- Forge JS 1/4 - La forge JavaScript
ENIB 2015 2016 - CAI Web S02E03- Forge JS 1/4 - La forge JavaScript
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
 
ENIB 2015 2016 - CAI Web S02E03 - Forge JS 2/4 - MongoDB and NoSQL
ENIB 2015 2016 - CAI Web S02E03 - Forge JS 2/4 - MongoDB and NoSQLENIB 2015 2016 - CAI Web S02E03 - Forge JS 2/4 - MongoDB and NoSQL
ENIB 2015 2016 - CAI Web S02E03 - Forge JS 2/4 - MongoDB and NoSQL
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
 
ENIB 2015-2016 - CAI Web - S01E01- MongoDB and NoSQL
ENIB 2015-2016 - CAI Web - S01E01- MongoDB and NoSQLENIB 2015-2016 - CAI Web - S01E01- MongoDB and NoSQL
ENIB 2015-2016 - CAI Web - S01E01- MongoDB and NoSQL
 
ENIB 2015-2016 - CAI Web - S01E01- La forge JavaScript
ENIB 2015-2016 - CAI Web - S01E01- La forge JavaScriptENIB 2015-2016 - CAI Web - S01E01- La forge JavaScript
ENIB 2015-2016 - CAI Web - S01E01- La forge JavaScript
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 2/3 - HTML5, CSS3, Twitte...
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JSENIB 2015-2016 - CAI Web -  S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 1/3 - HTTP, HTML, CSS, JS
 
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 3/3 - Web components avec ...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 3/3 - Web components avec ...ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 3/3 - Web components avec ...
ENIB 2015-2016 - CAI Web - S01E01- Côté navigateur 3/3 - Web components avec ...
 
Beyond Polymer - JUG Summer Camp - 2015-09-18
Beyond Polymer - JUG Summer Camp - 2015-09-18Beyond Polymer - JUG Summer Camp - 2015-09-18
Beyond Polymer - JUG Summer Camp - 2015-09-18
 

ENIB cours CAI Web - Séance 4 - Frameworks/Spring - Cours

  • 2. Introduction Le Web est fait de HTTP, HTML, CSS, REST avec des architectures sans états. <Guillaume Bort / Play Framework> Le framework web est le socle d'une application Web fonctionnant sur un éco- système (java, Ruby, PHP, Python, Groovy)
  • 3. Introduction Historique - Java Jungle 2000 ● API Servlet ○ Une url = une vue, une page HTTP ○ Session HTTP ● Tomcat ○ Conteneur "léger" (servlets et JSP, pas d'EJB) ● Struts ○ Modèle MVC ○ Configuration XML 2003 ● Spring ○ Inversion de contrôle ○ Programmation orientée aspect ○ Couche d’abstraction. 2005 ○ Ajax - les pages web dynamiques naissent
  • 4. Introduction Historique - Java Jungle 2006 ● Seam le concept de conservation introduit par Seam (reference à mettre). Natif dans les framework modernes (Grails / Play) ● Apparition des compilateur JS et framework "poid mouche" (GWT) 2007 ● Nouveau paradigme : retour à l'Esprit du Web : Play! Framework
  • 5. Framework Web But DON'T REINVENT THE WHEEL !!! ● se concentrer sur le code métier ● améliorer : ○ la testabilité ○ maintenabilité ● ouvert ○ intégration de modules "prêts à plugger" ○ communautaire ● Réduire le 'time to market'
  • 6. Framework Web Services - web template système : produire le code html / css / js - cache / asynchronisme : limiter la charge server - sécurité : garantir l'authenticité du client sur le web - intéropabilité : savoir dialoguer avec des applications tiers (back end) - URL mapping : associer le code à une URL - AJAX : réliser des applications intéractives - web services : exposer des API - architecture : structurer l'application (MVC, IOC)
  • 7. Framework Web A Full ecosystem Ready on PAAS Social Sécurity Sql NoSQL JPA Caching Big Data SOAP JMS AMQP WS Voldemort Highly DistributedWeb 2.0 Complient Data Oriented IOC SCALABLE TESTABLE RELIABLE
  • 8. Framework Web 2012 Review - Framework popularity Copyright : zeroturnaround / Developer productivity report 2012
  • 9. Framework Web Or Lightweight Framework Handmade Framework based on lightweight components
  • 10. Framework Web l'heure du choix ! Framework ● fondations de l'application Web ● très couteux à changer ● doit résister aux changements (vision du produit) ● framework obsolète ou inadapté = risque
  • 11. Framework Web Lightweigth vs Heavyweight Framework Lightweight Framework plateform set up Rapid slow for a full web scope custom more difficult possible handmade Evolution all the framework possible part by part plateform depedends sometimes (Web Profile developpement) only a servlet container integrate new compenents A functionality or technology not supported by the framework can be hard to integrate You can make you own patchwork easier Community and updates Depends on the popularity Warning when the framework became hasbeen Depends on the popularity
  • 12. Framework Web Conclusion Il n'y a pas de bon choix, uniquement un choix adapté à votre besoin Avant de choisir testez vos choix pour le confirmer Confrontez vos choix avec d'autres architectes (qui développent encore...), de préférence d'autres sociétés pour avoir un avis objectif sur votre système N'oubliez un choix, c'est pour le meilleur, ou le pire de votre application
  • 13. Spring est un framework libre pour construire et définir l'infrastructure d'une application java, dont il facilite le développement et les tests. En 2004, Rod Johnson a écrit le livre Expert One-on-One J2EE Design and Development qui explique les raisons de la création de Spring, basé sur les concepts suivants : ● Inversion de Contrôle ● Data access (JBDC) ● Transaction management ● Model-view-controller ● Remote Access framework: RPC-style and HTTP-based protocols ● Authentication and authorization ● Remote Management (via JMX) ● Messaging (JMS) ● Testing Framework Web Spring MVC
  • 14. La pière angulaire de String est l'inversion de contrôle qui permet de configurer et gérer des objets via reflexion. Le framework est responsable du cycle de vie des objets : ○ les instancier et les initialiser ○ les configurer ○ injecter les dependances Spring MVC Inversion of Control container
  • 15. La pière angulaire de String est l'inversion de contrôle qui permet de configurer et gérer des objets via reflexion. Le framework est responsable du cycle de vie des objets : ○ les instancier et les initialiser ○ les configurer ○ injecter les dependances Chaque object injectable (bean) a un scope singleton (default). prototype any number of object instances. request to an HTTP request. Only valid in the Spring ApplicationContext. session to an HTTP session. Only valid in the Spring ApplicationContext. global-session to a global HTTP session. Only valid in the Spring ApplicationContext. Spring MVC Inversion of Control container
  • 16. Un bean injectable est une classe Java <bean id="beerStore" class="fr.enib. ... .business.impl.BeerStoreImpl" > </bean> Qui peut se faite injecter : ● des paramètres <bean id="beerStore" class="fr.enib. ... .business.impl.BeerStoreImpl" > <property name="size" value="10" /> </bean> <bean id="enibBeerStore" class="fr.enib. ... .business.impl.EnibarImpl" > <property name="size" value="10" /> <qualifier "enibar"></qualifier> </bean> ● des dependances (d'autres beans) <bean id="beerStore" class="fr.enib. ... .business.impl.BeerStoreImpl" > <property name="dataSource" ref="jndi-datasource" /> <property name="size" value="10" /> </bean> ● des listes et maps et plus encore... http://static.springsource.org/spring/docs/1.2.9/reference/beans.html Spring MVC Inversion of Control container
  • 17. Pour utiliser un bean il suffit de l'injecter : ● Avec l'anotation Autowired ○ Quand l'interface n'a qu'une seule implémentation @Autowired private BeerStore beerBusiness; ○ Avec un Qualifier @Autowired @Qualifier(value="enibbar") private BeerStore beerBusiness; ● Avec l'anotation Resource @Resourse(name="enibBeerStore") private BeerStore beerBusiness; Spring MVC Inversion of Control container
  • 18. Le controleur est une Servlet, il en a strictement le même rôle La configuration est réalisée avec des annotations Java http://mydomain.com:8080/context/helloString?name=toto @Controller @RequestMapping("/helloSpring") public class HelloSpringMVC { /** * Handler de la méthode Get pour l'URL /helloSpringMVC.html. * * @param name le nom que l'on doit afficher dans la vue. * @param model une map de toutes les données qui seront utilisables dans la vue * @return le nom de la vue qu'il faudra utiliser. */ @RequestMapping(method = RequestMethod.GET) public String sayHelloWithSpringMVC( @RequestParam(value="name",required=false) String name, Model model) { model.addAttribute("name",name); return "hello"; } } <!-- Resolves view names to protected .jsp resources within the /WEB-INF/jsp directory --> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/jsp/"/> <property name="suffix" value=".jsp"/> </bean> Spring MVC Le controleur fichier mvc-disatcher-servlet.xml nom de la JSP pour le forward Configuration de la localisation : - mvc-dispatcher-servlet.xml
  • 19. Spring MVC Le controleur - POST / Retour HTTP Utilisé par exemple lors d'un submit d'un formulaire @Controller @RequestMapping(value = "/signup") public class SignupControler { .... @RequestMapping(method = RequestMethod.POST) public String create( Account account, ModelMap model ) { // do Something // The Form parameter are in the Account Object ... // call the business ... // add ojects to the model model.addAttribute("message", "I Will survive"); // Forward to theJSP return "signup/createAccountForm"; } Ce controleur reçoit des HTTP POST sur l'url http://mydomain:8080/context/signup Uniquement pour des requetes POST L'objet message disponible dans la JSP Nom de la JSP pour le forward
  • 20. Utilisé par exemple lors d'un post HTTP / AJAX / JSON La sérialisation / désérialisation est réalisée par le framework en fonction des dépendances ajoutée à ce dernier. @RequestMapping(value = "/private/beer/add", method = RequestMethod.POST) public @ResponseBody AddBeerStatus create(@RequestBody Beer beer, HttpServletResponse response) { Beer newBeer = beerBusiness.addBeer(beer); return AddBeerStatus.created(newBeer ); } Object de retour à sérialiser en JSO Spring MVC Le controleur - POST HTTP / AJAX - JSON L'anotation RequestBody ResponseBody indique que la requête et réponse est dans le body et non les paramètres Object issu de la desérialisation JSON modélisant la requête
  • 21. Modèle Object : public class Beer { private String name; private String brewery; private String country; private double alcohol; private int id; public Beer() { super(); } ... getters et setters publiques } Json produit {"name":"1664","brewery":"kronenbourg","country":"France","alcohol":"5,5"} Spring MVC Le controleur - Mapping Object - JSON
  • 22. Spring MVC Le controleur - REST Web Service Utilisation de : ○ la serialisation / deserialisation JSON ○ des request body ○ de la variabilisation des URLS @RequestMapping(value = "/private/beer/validate/{field}", method = RequestMethod.POST) public @ResponseBody AddBeerStatus validateField(@PathVariable String field, @RequestBody Beer beer, HttpServletResponse response) { ... do the business call return AddBeerStatus.notCreated(null); } Variabilisation de l'URL
  • 23. Spring MVC Database / Exemple public class MyJdbcDaoImpl implements MyJdbcDao { private final String sql = "select id, last_name from T_ACTOR where specialty = ? and age = ?"; private JdbcTemplate jdbcTemplate; public void setDataSource(DataSource dataSource) { this.jdbcTemplate = new JdbcTemplate(dataSource); } public Actor findActor(String specialty, int age) { RowMapper<Actor> mapper = new RowMapper<Actor>() { public Actor mapRow(ResultSet rs, int rowNum) throws SQLException { Actor actor = new Actor(); actor.setId(rs.getLong("id")); actor.setLastName(rs.getString("last_name")); return actor; } }; // notice the wrapping up of the argumenta in an array return (Actor) jdbcTemplate.queryForObject(sql, new Object[] {specialty, age}, mapper); } } Injection de la datasource Requête SQL Row Mapper pour la construction de l'objet de retour Execution de la requête