TD n 5 1 Eclipse, Tomcat,. . . 2 Création d`un serveur sous

Application Web - M1 MIAGE
2012-2013
TD n◦ 5
Documentation de l’API : http://java.sun.com/reference/api/index.html
1
Eclipse, Tomcat,. . .
– Installation de l’environnement : Eclipse IDE for Java EE Developers, http://www.eclipse.org/downloads/
packages/eclipse-ide-java-ee-developers/indigosr1
– Tomcat : http://tomcat.apache.org/download-70.cgi
2
Création d’un serveur sous Eclipse
– Dans Eclipse : File>New>Other...
– Sélectionez Server.
– Dans la fenêtre suivante, choississez votre version de tomcat et si vous le souhaitez, donnez un nom à
votre serveur (par défaut Tomcat v7.0 Server @ localhost).
– Ensuite, sélectionner le répertoire où vous avez installé tomcat.
– La fenêtre suivante vous permet d’ajouter des projets déjà existant sur votre nouveau serveur.
– Terminez en cliquant sur Finish.
Vous pouvez accéder à la configuration de vos serveurs par Window>Show View>Servers.
3
Création d’un projet
– File>New>Project...
– Sélectionnez Web>Dynamic Web Project.
1/3
Application Web - M1 MIAGE
TD n◦ 5
2012-2013
– La fenêtre suivante permet nommer votre projet, le dossier local où vous stockerez les fichiers et la
configuration pour les différents éléments concernant Tomcat.
– La fenêtre suivante vous donne la possibilité de modifier les paramètres du module web.
– Finish quand tout est terminé.
Le projet est alors créé et on peut observer l’arborescence suivante :
– Deployment Descriptor : pour explorer le
contenu de web.xml,
– build : le projet à déployer sur le serveur,
– WebContent : tout ce qui ne sera pas compiler
(html, jsp).
3.1
Hello World !
Ajouter un fichier index.html au dossier WebContent dans lequel vous afficherez le message “Hello world !”.
4
Lancer une application
Cliquez droit sur votre projet : Run As>Run on Server. Dans la première fenêtre vous pourrez sélectionner
votre serveur. Dans la seconde, ajoutez vos projet sur le serveur. Enfin, un clic sur le bouton Finish vous lancera
le navigateur interne d’Eclipse et chargera votre page d’index.
2/3
Application Web - M1 MIAGE
5
TD n◦ 5
2012-2013
Votons !
Le but de l’application que vous devez développer est de proposer un système de vote électronique (oui/non)
à des questions posées quotidiennement sur un site web.
Chaque matin, une question est ajoutée sur le site. Les utilisateurs peuvent voter Oui ou Non en réponse à
la question posée. Le pourcentage de réponses Oui/Non est affiché en face de chaque question.
L’application permet au minimum (vous pouvez proposer plus) :
– de voir la liste des questions (celle du jour mais aussi des jours précédents)
– de voter (Oui ou Non) pour la question du jour,
– d’afficher le détail de n’importe quelle question, avec le nombre exact de votants Oui et Non, et les
pourcentages correspondants,
– d’ajouter une nouvelle question,
– de supprimer une question.
Il n’est pas demander de gérer l’identification des utilisateurs (pas de login), ni donc de gérer des droits
d’accès. On peut imaginer une page d’accueil avec deux liens : un pointant sur le côté adiministration et l’autre
sondage. Il n’est pas non plus demander de gérer la sauvegarde en fichier ou BD de ces questions.
L’objectif de cet exercice est de se familiariser avec l’environnement de développement WEB. On ne se
préoccupe pas pour le moment d’une programmation en MVC2.
Remarque : Avant de vous lancer tête baissée dans la réalisation de cette application, prenez le temps de
réfléchir « sur papier » aux beans et aux jsps dont vous allez avoir besoin. Vous pouvez utiliser les tags de la
jstl pour rendre vos jsps plus lisible. Les jars jstl.jar et standard.jar sont présents sur l’intranet ainsi
que c.tld
6
Votons !. . .plus proprement
Reprenez l’application développée dans l’exercice précédent et organisez là en MVC2. Développez un servlet
contrôleur permettant de gérer les variables de sessions et tout ce qui est redirection de pages.
Afin de respecter le modèle MVC, vous créerez un package controler contenant uniquement le controleur
de votre application et un autre model contenant les classes pour les beans.
Toutes requêtes html devront passer par le controleur de votre application. Un paramètre action permettra
au controleur de choisir la bonne jsp pour la réponse ainsi que de fixer certains attributs (ex. : l’identifiant de
la question pour lequel l’utilisateur veut voir les détails).
Remarque : Pensez à utiliser les tags dans vos jsp afin de rendre votre code plus « joli ». Voir diapo 55 ou
encore http: // java. sun. com/ products/ jsp/ jstl/ 1. 1/ docs/ tlddocs/ . Notamment c:forEach. . .
3/3