TP architecture MVC. Partie 1 : Créer une application web dynamique avec Eclipse Java EE

Transcription

1 TP architecture MVC Cette suite de TP a été faite, les années précédentes en "faisant tout à la main" : l'installation de tomcat, les scripts de lancement et d'arrêt de tomcat, l'écriture dans un éditeur de texte des servlets et JSP, leur compilation et leur déploiement quand cela est nécessaire, etc. C'est très intéressant et très formateur de faire cela (si, si). Vous pouvez avoir un énoncé de cela à Pour aujourd'hui, l'idée est de faire le TP avec Eclipse Java EE qui va faciliter (trop?) les manipulations et d'utiliser tomcat 7. Il existe de nombreux tutoriaux dans ce domaine dont un, excellent mais un peu ancien, en français à : %20avec%20java%20jee.pdf Partie 1 : Créer une application web dynamique avec Eclipse Java EE a) Créer un dossier dans lequel vous travaillerez pour tout ce TP : ce sera votre répertoire de travail. Je propose de l'appeler Travail. Lancer Eclipse Java EE en utilisant ce répertoire Travail comme workspace. Cliquer File New Project... et choisir Dynamic Web Project dans le dossier Web. Vous devez avoir : b) Remplir l'écran suivant en indiquant un nom de projet (GDAPIA). Cliquez New Runtime TP Java EE architecture MVC 1/7 Jean-Marc Farinone

2 Cliquez alors le bouton Finish. Remarque : Eventuellement, Eclipse demande de trouver une version de tomcat que vous allez utiliser. Choisir une version Tomcat 7 dans le dossier Apache : TP Java EE architecture MVC 2/7 Jean-Marc Farinone

3 Cocher la case Create a new local server et rechercher une version de tomcat installée dans votre machine. Si vous n'en avez pas, il faut en installer une et Eclipse vous aide pour cela. Si un tel serveur doit être installé, faites-le dans un répertoire tomcat sous répertoire de Travail. Finalement vous devez obtenir, dans l'onglet Servers un écran comme : Et vous devez avoir dans l'onglet Project Explorer la trame de votre site web dynamique : c) Sélectionner votre projet et cliquer droit. Choisir Run As Run on Server Dans la nouvelle fenêtre : TP Java EE architecture MVC 3/7 Jean-Marc Farinone

4 Cocher la case Always use this server when running this project. Cliquez Finish. Remarque : Vous aurez peut-être une page qui semble être une page d'erreur mais ne vous en souciez pas. L'essentiel est que votre serveur tomcat soit bien lancé et d'avoir obtenu, dans l'onglet Servers : Partie 2 : Développer un site web dynamique 1 ) Sélectionner le dossier WebContent et cliquer droit. Choisir New HTML File 2 ) Créer un fichier index.html. Il apparaît alors l'éditeur. Compléter le. TP Java EE architecture MVC 4/7 Jean-Marc Farinone

5 3 ) Vérifier que le serveur tomcat est bien lancé. Ouvrer un navigateur et taper l'url Votre page doit être affichée dans votre navigateur. Constructions de pages JSP 4 ) Transformer la page index.html ci dessus en page index.jsp. Que doit on faire à propos de son contenu? Accéder à cette nouvelle page à l'aide de l'url puis à l'aide de l'url 5 ) Ecrire une page JSP authentification.jsp qui retourne au client web la page suivante : On construira un formulaire dont le code pourra être : <form action="authentificationserv" method="post"> <br/>login : <input type="text" name="login"><br/> <br/>mot de passe : <input type="password" name="motdepasse"><br/> <br/><input type="submit" value="envoyer" /> <input type="reset" value="effacer" /> </form> Dans un tel formulaire, lorsque l'utilisateur clique sur le bouton Envoyer, une connexion est faite sur la servlet dont l'url se termine par AuthentificationServlet. 6 ) Faire afficher la page JSP ci dessus avec une URL de la forme : Construction de servlets Nous allons construire une servlet et faire en sorte de l'attendre par une URL. On commence d'ailleurs par le second point. TP Java EE architecture MVC 5/7 Jean-Marc Farinone

6 7 ) Créer sous le répertoire WEB-INF le fichier web.xml, si ce fichier n'existe pas. Ce fichier doit contenir : <?xml version="1.0" encoding="utf-8"?> <web-app xmlns=" xmlns:xsi=" xsi:schemalocation=" version="3.0"> </web-app> <servlet> <servlet-name>unnomquelconque</servlet-name> <servlet-class>sems.gdapia.authentificationservlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>unnomquelconque</servlet-name> <url-pattern>/authentificationserv</url-pattern> </servlet-mapping> 7 ) Construire une servlet en sélectionnant le répertoire src sous répertoire de Java Resources dans l'onglet Project Explorer. Cliquez droit et sélectionner New Servlet 8 ) Dans la fenêtre suivante créer une servlet de nom AuthentificationServlet dans le paquetage sems.gdapia. TP Java EE architecture MVC 6/7 Jean-Marc Farinone

7 9 ) Ecrire cette servlet (eh oui). Cette servlet doit fabriquer et retourner une page comme : si le couple (nom de login, mot de passe) est correct. On pourra prendre le couple (auth, authpw). On pourra commencer par écrire une page moins complexe. Si ce couple n'est pas correct, la servlet doit fabriquer et retourner une page comme : Rappel : pour récupérer les valeurs mises par l'utilisateur dans des composants graphiques de nom login, on utilisera la méthode : public String getparameter(string nomcomposantgraphique) de la classe HttpServletRequest appelée comme : String valeur = request.getparameter("nomcomposantgraphique"); 10 ) Vérifier que cette servlet est accessible par l'url Architecture MVC 11 ) Modifier la servlet AuthentificationServlet de sorte qu'elle appelle des pages JSP qui affichent les réponses ci dessus (authentification réussie et échec à l'authentification). Conclusion Vous avez bien construit une architecture MVC avec des servlets et des pages JSP, architecture de la forme : TP Java EE architecture MVC 7/7 Jean-Marc Farinone