Java Entreprise Edition : Programmation web

Travaux Pratiques N°1

Construction d’un Environnement de Développement Web
(PlateForme : Windows-x64)

Objectifs:
A. Installer et configurer les outils nécessaires pour développer une application Web, à savoir :
1. Servlet/JSP Container : Apache-Tomcat 8.0.
2. Java Development KIT : JDK1.8.
3. Data Base Server Mangement System : MySQL Server 5.6
4. Servlet-API
5. MySQL JDBC Driver : mysql-connector-java-5.1.31
6. Integrated Development Environment (IDE) :
a. Netbeans IDE 8.0
OU
b. Eclipse Java EE IDE for web Developers (Version : Luna RC3 Release (4.4 RC3)
supporte JDK1.8)

B. Se familiariser avec la structure d’une application Web sous Apache Tomcat HTTP Server
C. S’initier à la programmation avec Java Servlet
D. Déployer une application Web
E. Importer une application WAR dans NetBeans (ou Eclipse)

A-Installation et configuration d’une plateforme d’outils de développement web

Outil Version Adresse Web pour télechargement Taille (.zip)

Java SE Development http://www.oracle.com/technetwork/java/javase/down Windows-X32 : 151.81 MB

JDK 8u11
Kit 8 loads/jdk8-downloads-2133151.html Windows-X64 : 155.29 MB

NetBeans IDE 8.0 8.0 https://netbeans.org/downloads/index.html 210 MB

(mysql-installer-community-5.6.20.0.msi)
MySQL 5.6.20 http://dev.mysql.com/downloads/windows/installer/5.
6.html 248.2 MB

Ce fichier contient un ensemble d’outils :

▪ MySQL Server ▪ Sample Databases

▪ MySQL Server ▪ MySQL for Excel
▪ MySQL Connectors ▪ Documentation
▪ MySQL Workbench and sample models

Eclipse For Java EE

Luna-4.4 eclipse-jee-luna-R-win32-x86_64
developper http://www.eclipse.org/downloads/
259 MB

Larbi HASSOUNI 1/17

Variables d’Environnement
Au cas où vous n’utilisiez pas un IDE (Net Beans ou Eclipse) et vous préfériez travailler en mode commande il faut définir
les variables d’environnements ci-dessous :

JAVA_HOME = Répertoire d’installation du JDK

Exemple :
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_05

CATALINA_HOME = Répertoire d’installation du JDK

Exemple:
CATALINA_HOME=C:\myproject\tomcat

PATH – est le path système.

…..;C:\Program Files\Java\jdk1.8.0_05\bin;……………..

Création d’une application web de test avec l’IDE Net Beans

1-Créer un nouveau projet :

File→Nouveau Project→Java Web →Web application

Cliquer sur le bouton « Next »

Larbi HASSOUNI 2/17

Saisissez le nom de votre application (ici TestApplication) dans la zone « Project Name » puis cliquez sur « Next »

• Sélectionner votre conteneur de servlet dans la zone déroulante « Server » (nous allons travailler avec Apache
Tomcat 8.0.x)
• Sélectionnez votre version de Java EE (sélectionner Java EE 7 Web)
• Dans la zone de texte « Context Path » garder le nom proposé par le système.
• Cliquer sur Next

• Ne sélectionnez aucun Framework

• Cliquez sur Finish

Larbi HASSOUNI 3/17

 Structure finale de l’application

2-Créer les fichiers ressources HTML, CSS et Images (voir le tableau ci-dessous)

Pour créer un fichier HTML, suivre la procédure suivante :

Larbi HASSOUNI 4/17

 a. Cliquer avec le bouton droit sur le répertoire « WebBages »→New→HTML…
Si l’option HTML n’apparait pas cliquer sur « Other… »

b. Saisir le nom du fichier dans la zone de texte « HTML File Name »

c. Cliquer sur « Finish »

3-Créer le fichier JSP

Pour créer un fichier JSP, suivre la procédure suivante :

a. Cliquer avec le bouton droit sur le répertoire « WebBages »→New→Other…

b. Sélectionner "Web" dans la liste Catégories" et « JSP » dans la zone de liste « File Types »
c. Cliquer sur « Next »

Larbi HASSOUNI 5/17

 d. Saisir le nom du fichier dans la zone de texte « File Name », garder l’option « JSP File (standard Syntax)
sélectionné.
e. Cliquer sur Finish

4-Créer la classe utilitaire ServletUtilities.java

Pour créer la classe ServletUtilities, commencer d’abord par créer le package myutilities, comme le montre le schéma.

5-Créer les servlets

Pour créer une servlet suivre la procédure suivante :

a. Commencer d’abord par créer le package myservlets, comme le montre le schéma.

b. Bouton droit sur la package myservlets →New →Servlet

c. Saisir le nom de votre servlet dans la zone de texte « Class Name »

Larbi HASSOUNI 6/17

 d. Cliquer sur « Next »

e. Saisir l’URL de la servlet dans la zone de texte « URL Pattern(s). Si vous voulez que l’URL soit définie par une
annotation, ne cocher pas la case « Add information to deployment descriptor (web.xml).
Par contre si vous voulez définir l’URL dans le fichier « web.xml », il faut cocher la case.
Le fichier « web.xml » est placé dans le répertoire « WEB-INF ».

Fichiers Ressources dans répertoire Web Pages :

1. HTML : index.html, hello.html,
2. CSS : styles.css dans le sous répertoire css
3. Images : lune1.jpg, lune2.jpg dans le sous répertoire images

Larbi HASSOUNI 7/17

Larbi HASSOUNI 8/17
 Fichier: hello.jsp (Répertoire : Web Pages)

Larbi HASSOUNI 9/17

 Fichier : styles.css (repertoire : Web Pages/css)

Fichier : lune1.jpg (Répertoire : Web Fichier : lune2.jpg (Répertoire : Web Pages/images)

Pages/images)

Larbi HASSOUNI 10/17

 Classes utilitaires dans répertoire sources packages
Classe utilitaire : ServletUtilities.java (package : myutilities )

/
Larbi HASSOUNI 11/17
Larbi HASSOUNI 12/17
 Servlets dans répertoire sources packages
Servlet : HelloWorld.java (package : MyServlets)

Larbi HASSOUNI 13/17

 Servlet : TestServlet.java (package : MyServlets)

Larbi HASSOUNI 14/17

 Servlet : TestServletAvecUtilities.java (package : MyServlets)

Larbi HASSOUNI 15/17

Larbi HASSOUNI 16/17
 Fichier Descripteur de Déploiement : web.xml (Répertoire : Web Pages\WEB-INF)

Larbi HASSOUNI 17/17