Scribd Logo
Importer

Bienvenue sur Scribd !

  • TP 2 Première application JEE – les servlet et les JSP

    Transféré par

    zakariae harime
    4 vues2 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    4 vues2 pages

    TP 2 Première application JEE – les servlet et les JSP

    Transféré par

    zakariae harime

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    4IIR : Outils de développement 3 - JEE Pr. C.

    AZROUMAHLI

    TP 2 : Première application JEE – Les servlet et les JSP

    Etape 1 : Création d’une application Web JEE

     Créer un projet Web Dynamic :


    o Depuis Eclipse, suivez le chemin suivant : File > New > Project > Dynamic Web Projet ... Ceci peut
    d'ailleurs être fait par un raccourci en tapant au clavier Ctrl + N.
    o Donner le nom « JEE_DEMO » à votre projet.
    o Noter le Target Runtime, et la version du module Dynamic. C’est le version des servlets qu’on vas créer.
    o Cocher le chois de la création automatique du fichier : « web.xml ».
     Vérifier le contenu de la page « web.xml ».

    Etape 2 : Création d’une servlet

     Créer les package des modèles et contrôleurs :


    o Dans le dossier « src/main/java », suivez le chemin : new > Package.
    o Choisissez le titre : « com.emsiTanger.controllers ».
    o De même, créer le deuxième package : « com.emsiTanger.models ».
     Créer la servlet Index :
    o Dans le package de contrôleurs, ajouter la servlet « Index.java ».
    o Vérifier le package Java (com.emsiTanger.controllers), et que la superclasse est :
    jakarta.servlet.http.HttpServlet.
    o Dans la page qui suit, vous pouvez ajouter les urls que vous jugez logique (ex : /index).
    o Vérifier que les méthodes sélectionner inclus les méthodes doPost(), doGet(), Constructors et
    Inherited abstract methods. Et finir.
     Vérifier le contenu de la page web.xml :
    <servlet>
    <description></description>
    <display-name>Index</display-name> <servlet-name>Index</servlet-name>
    <servlet-class>com.emsi.controllers.Index</servlet-class>
    </servlet>
    <servlet-mapping>
    <servlet-name>Index</servlet-name>
    <url-pattern>/Index</url-pattern> <url-pattern>/index</url-pattern>
    </servlet-mapping>
     Modification du contenu de la servlet :
    o Ouvrir la servlet : « com.emsiTanger.controllers/Index.java », et commenter les bibliothèques non
    utilisées.
     Pour pouvoir afficher du contenu lors du lancement de la servlet, il faut exploiter la méthode du protocole HTTP : DoGet().
    o Importer la bibliothèque : import java.io.PrintWriter pour utiliser la méthode : getwriter();

    Page 1 sur 2
    4IIR : Outils de développement 3 - JEE Pr. C. AZROUMAHLI
    o A l’intérieur de la méthode DoGet(), nous allons pouvoir mettre du code java + html pour afficher le
    message : « Welcome to EMSI Tanger».
    PrintWriter out = response.getWriter();
    response.setContentType("text/html");
    out.println("<html><body>");
    out.println("<h1>Welcome to EMSI Tanger !</h1></body></html>");
     Exécuter votre projet :
    o Depuis le serveur que vous avez mise en place : tomcat-vxx. Cliquer sur add and remove.
    o Choisir votre projet Web > Add pour qu’il passe au niveau de serveur : votre site est maintenant
    synchronisé.
    o Depuis la vue « Index.jsp », choisir l’option run as > server. Vérifier que c’est le même serveur que vous
    avez configuré.

    Etape 3 : Création d’une page JSP

     Créer l’arborescence des vues : Sous le dossier « WebContent/WEB-INF » et crée un dossier nommé « views ».
     Sous le nouveau répertoires « views », créer votre page JSP « Index.jsp ».
     Changer le contenu de cette page pour afficher un titre et un contenu HTML à votre page :
    o Par exemple, afficher la date de jour à l’aide de la solution ci-dessous :
    DateTimeFormatter dtf = DateTimeFormatter.ofPattern("yyyy/MM/dd");
    LocalDateTime now = LocalDateTime.now();
    String date=dtf.format(now);
     Ajout de la redirection vers la page JSP dans la servlet : « com.emsiTanger.controllers/Index.java »
    o Importer la bibliothèque : import jakarta.servlet.RequestDispatcher;
    o Remplacer les lignes que vous avez ajouté dans l’étape 2 par les lignes de redirection :
    RequestDispatcher view = request.getRequestDispatcher("WEB-INF/views/Index.jsp");
    view.forward(request,response);
     Redémarrer le serveur pour tester vos changements et exécuter votre projet.

    Etape 4 : Ajout des ressources statiques (optionnel)

     Sous le répertoire « Webapp», créer un répertoire nommé « resources » : Le nouveau répertoire se situera juste
    après le répertoire « META-INF »
     Créer deux autre répertoires nommé « css », et « Media » sous le répertoire « resources ».
     Créer un fichier de style « css/styles.css », et ajouter des styles à votre page JSP.
     Ajout du contenu « resources » statiques au projet Java EE dans la page « views/Index.jsp »
    o Ex : pour la page de style vous pouvez ajouter la ligne ci-dessous.
    <link rel="stylesheet" href="resources/css/styles.css" />

    Page 2 sur 2

    Vous aimerez peut-être aussi