Adeel Ahmad TP – 1 : HelloWorld JavaEE - LISIC
1
Adeel Ahmad
TP#–#1#:#HelloWorld#JavaEE##
Sujet :
L’objectif de ce TP est de développer une application JavaEE, capable d’afficher le message « Hello »,
dans le navigateur Internet du client. Le but n’est pas de se concentrer sur la partie développement de
l’application, mais plutôt de maîtriser les concepts des architectures multi-niveaux. Les niveaux Web
et EJB sont traités dans cette partie. Pour réaliser cette application, il faut impérativement se connecter
à l’aide d’un compte possédant les droits d’administration. Les applications (eclipse, Jboss) doivent
également être exécutées avec les droits d’administration.
Création d’une application Web
Développement de l’application J2EE « Hello World » dans Eclipse
Création du projet
La première étape consiste à créer l’application web J2EE.
A l’aide du menu New, sélectionner Dynamic Web Project pour créer votre projet d’application J2EE.
L’assistant de création d’application web dynamique JEE, permet de créer rapidement une webApp en
2 étapes. La première étape consiste à renseigner le nom du projet : « HelloWorld Project ». Ce projet
sera créé dans votre espace de travail par défaut, c’est-à-dire votre workspace.
Le projet devra être associé à un environnement d’exécution JEE. Dans cette étape, l’objectif n’est pas
de déployer automatiquement l’application web dans JBoss, mais consiste à récupérer l’ensemble des
librairies (servlets, taglibs, mail, …) pour pouvoir compiler correctement les composants web de votre
application.
L’environnement d’exécution cible est Jboss v4.2 et la version de spécification des servlets est 2.5.
L’environnement contenant les librairies et la configuration de Jboss est : default.
2
Cliquez sur Next pour passer à l’étape 2 de création du projet Web.
Note : il est possible d’ajout ce module web dynamique à une archive d’entreprise EAR. Ceci permet
au sein d’une même archive de gérer plusieurs sites Web ainsi que des services métiers (par exemple
EJB, web services).
L’étape 2 offre une interface de paramétrage de l’espace de travail dans Eclipse. Le context root est le
nom Web de l’application, c’est-à-dire l’url d’accès à la WebApp à partir d’un navigateur. HelloApp
est le nom que nous donnerons à l’application Web. Cette partie de la configuration du projet n’est pas
3
prise en compte lors de la génération du projet. En effet, le Context Root est géré dans un descripteur
de déploiement particulier appelé jboss-web.xml, que nous manipulerons à la fin de ce TP.
L’ensemble des fichier : pages HTML, flash, javascript, CSS, images, … doivent se trouver dans le
Content Directory, intitulé WebContent. Le contenu de WebContent est archivé automatiquement lors
de la construction de l’archive War de la WebApp qui sera déployé dans Jboss. Note que les fichiers se
trouvant dans WebContent/WEB-INF sont cachés et non accessibles depuis une URL.
Les fichiers sources Java se trouveront dans Java Source Directory qui aura la valeur « src ». Dans ce
dossier, nous générerons les servlets et les classes utilitaires nécessaires au fonctionnement de
l’application J2EE.
Cliquez sur Finish pour générer l’application Web, qui dispose de la structure suivante :
4
5
Le répertoire WebContent contient un répertoire WEB-INF, non accessible depuis un navigateur. Ce
dossier ne doit contenir que des librairies (jar) dans le répertoire lib et le descripteur de déploiement
web.xml. Les pages web (HTML, JSP, …) sont contenues à la racine de WebContent ; il est possible
de créer des sous répertoires afin d’organiser et de structurer le site web (par exemple : js pour le
javascript, css pour les styles).
L’étape suivante consiste à créer la page Html Hello.html (File->New->Other->Web->HTML page).
La page sera nommé Hello.html et se trouvera à la racine de WebContent.
Dans le contenu de cette page, nous ajoutons le texte « Bonjour » :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Hello Page</title>
</head>
<body>
Bonjour tout le monde
</body>
</html>
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
/
30
100%
