TP4 : templating JSP, Ajax, javascript

Première partie : étude d'un projet complet, templating avec JSP

Vous allez tout d'abord étudier un projet bien conçu, utilisant intelligemment des pages JSP, des Servlets, une architecture en couche. Il est nécessaire d'être sous Netbeans 6.8 ou supérieur en veersion entreprise, car le projet utilise à la fois glassfich v3 et le SGBD Derby du jdk 1.6.

Installation et exécution du projet

Etude du code source de la partie métier et de la partie web

La partie métier utilise des composants EJB pour les "gestionnaires". Nous étudierons cette technologie en détail en M2, mais vous pouvez néanmoins regarder les fonctionnalités qui sont proposées par les différents packages. On distingue dans ce projet deux types de "gestionnaires", ceux qui sont spécialisés pour fournir des services sur les modèles, à la manière du gestionnaire d'utilisateurs du TP précédent. On les appelle des DAO pour "Data Access Objects". On retrouve les modèles dans le package "entity" car les classes entités sont un des noms que l'on donne aux "modèles" dans le jargon. Les classes entités de ce projet se "mappent" dans des tables et permettent de manière très simple de manipuler des données dans des SGBD. Nous étudierons également cette technologie en détail l'an prochain, les bases seront abordées cette année. On trouve dans le package "session" des gestionnaires composites, qui utilisent les différents DAO et parfois d'autres gestionnaires. Regardez par exemple le gestionnaire de Commandes ou le gestionnaire de produits. Ils utilisent les DAO "Category", "Product" etc.

Il est clair que de nombreuses choses dans l'implémentation de ces classes sont encore assez mystérieuses.... un peu de patience. Regardez surtout les fonctionnalités et surtout... la partie web ! Elle se trouve dans l'autre projet, celui avec une icône en forme de planète !

1. Regardez comment s'enchainent les parties... On commence par la page d'accueil : index.jsp, regardez son contenu ! Pourquoi fait-on directement un appel à <c:redirect ...../> vers une Servlet ?
2. La servlet renvoie immédiatement vers la page home.jsp après juste avoir mis la liste des catégories de produits et la liste des produits dans la session. Observez les <jsp:include ...> contenus dans home.jsp pour décorer la page. Les pages header.jsp et menu.jsp partagent la session et la reqûete http, elles ont donc accès à la liste des produits et des catégories. Observez comment menu.jsp affiche la liste des catégories en créant des liens <a href=...> vers d'autres servlets...
3. Observez quand et où est incluse la feuille de style CSS qui fait la décoration, les rectangles bleus dégradés à bords arrondis, etc.
4. Découvrez comment est géré le panier, les commandes, les inscriptions des utilisateurs.
5. Le formulaire d'inscription utilise la librairie javascript Dojo pour valider le formulaire. Nous allons l'étudier dans de prochains TPs.

Bref, ce projet, réalisé par un groupe d'étudiants de M2, n'est peut-être pas le plus beau ou le plus complet, mais à mon avis il forme une excellent base de compréhension, dans sa partie web, pour apprendre à faire une application web en java de manière correcte.

Deuxième partie : premiers pas en Ajax et en Javascript

Dans cette partie, vous allez acquérir les bases de la technologie Ajax et vous familiariser avec Javascript.