JEE : introduction générale - lsis. ?· Plan 1 Introduction 2 Fonctionnement 3 Installation et configuration…

  • Published on
    16-Sep-2018

  • View
    212

  • Download
    0

Embed Size (px)

Transcript

  • JEE : introduction generale

    Achref El Mouelhi

    Docteur de luniversite dAix-MarseilleChercheur en Programmation par contrainte (IA)

    Ingenieur en Genie logiciel

    elmouelhi.achref@gmail.com

    18 Decembre 2017, CDI Lyon 2017 1 / 16

  • Plan

    1 Introduction

    2 Fonctionnement

    3 Installation et configuration

    4 Creation dun premier projet web (avec Eclipse)

    5 Structure dun projet JEE realise sous Eclipse

    6 Un premier Hello world

    18 Decembre 2017, CDI Lyon 2017 2 / 16

  • Introduction

    Introduction

    JEE, cest quoi ?

    JEE : Java Enterprise Edition (anciennement J2EE)

    Une technologie qui facilite le developpement dapplicationsdentreprise distribuees

    Developpee par Sun puis Oracle

    JEE = JSE + plusieurs autres API

    JSE : Java Standard Edition (anciennement J2SE)

    API : Application Programming Interface

    18 Decembre 2017, CDI Lyon 2017 3 / 16

  • Introduction

    Introduction

    La plateforme JSE est composee de plusieurs API

    Swing : une bibliotheque graphique

    JAXP : Java API for XML Processing

    JDBC : Java Database Connectivity

    ...

    18 Decembre 2017, CDI Lyon 2017 4 / 16

  • Introduction

    Introduction

    Autres composants de JEE

    JSP : Java Server Pages (pour les vues)

    Servlet : les controleurs du modele MVC

    JPA : Java Persistence API

    EJB : Enterprise Java Beans

    ...

    18 Decembre 2017, CDI Lyon 2017 5 / 16

  • Fonctionnement

    JEE : schematisation

    Client

    Controleur

    (Servlet)

    Serveur

    Vue

    (page JSP)

    Modele

    (Java Bean)

    RequeteHTTP

    ReponseHTTP

    18 Decembre 2017, CDI Lyon 2017 6 / 16

  • Fonctionnement

    JEE : explication

    Deroulement

    Le client et le serveur doivent se parler via HTTP (requete -reponse)

    Lorsque lutilisateur saisit ladresse dune page de notre site, cettederniere sera envoyee sous forme de requete HTTP au controleur

    Le controleur demande au modele de lui fournir certainesdonnees

    Ensuite il renvoie ces donnees a la vue pour quelle construise lapage HTML

    Enfin le client recoit la reponse sous forme de page JSP

    18 Decembre 2017, CDI Lyon 2017 7 / 16

  • Installation et configuration

    Installation et configuration

    Deux choses

    IDE : Environnement de Developpement Integre

    Un serveur HTTP

    18 Decembre 2017, CDI Lyon 2017 8 / 16

  • Installation et configuration

    Installation et configuration

    Environnement de Developpement Integre

    Eclipse IDE for Java EE Developers

    Lien de telechargement :http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/oxygen/3a/eclipse-jee-oxygen-3a-win32-x86 64.zip

    Plusieurs autres : Netbeans, JDeveloper...

    18 Decembre 2017, CDI Lyon 2017 9 / 16

  • Installation et configuration

    Installation et configuration

    Modifier lencodage par defaut

    Aller dans le menu Window et cliquer sur Preferences

    Dans la zone de recherche, ecrire encoding

    Pour toutes les sections, mettre UTF-8 a la place de lencodagepar defaut (generalement Cp1252 ou ISO-8859-1)

    Ensuite appliquer et fermer

    18 Decembre 2017, CDI Lyon 2017 10 / 16

  • Installation et configuration

    Installation et configuration

    Serveur HTTP

    Apache Tomcat

    WebLogic Server (Serveur payant doracle utilise par JDeveloper)

    JBoss

    GlassFish (Open Source de Oracle)

    ...

    18 Decembre 2017, CDI Lyon 2017 11 / 16

  • Installation et configuration

    Installation et configuration

    Pourquoi Apache Tomcat?

    gratuit

    multi-plateforme

    leger

    ...

    Telechargez la derniere version core et decompressez lahttps://tomcat.apache.org/download-90.cgi

    18 Decembre 2017, CDI Lyon 2017 12 / 16

  • Creation dun premier projet web (avec Eclipse)

    Creation dun premier projet web (Eclipse)

    Les etapes

    Aller dans le menu File, sous-menu New et cliquer sur Project(ou bien directement via le raccourci CTRL + N)

    Ensuite choisir Dynamic Web Project situe dans le repertoireWeb

    Saisir le nom du project dans Project name:

    Ensuite cliquer sur le bouton New Runtime, choisir la derniereversion dApache Tomcat (ici v9.0) et cocher la case justeen-dessous create a new local server

    Cliquer sur next et preciser le repertoire dinstallation de TomcatCliquer sur Finish ensuite deux fois sur Next, puis cocher la caseGenerate web.xml deployment descriptor

    18 Decembre 2017, CDI Lyon 2017 13 / 16

  • Creation dun premier projet web (avec Eclipse)

    Creation dun premier projet web (avec Eclipse)

    Les etapes

    Fire un clic droit sur le projet et choisir Run As ensuite Run onServer

    Selectionner le serveur Tomcat et cocher la case Always usethis server when running this project

    Cliquer sur Next et verifier que notre projet figure dans la listeConfigured

    Et enfin valider en cliquant sur Finish

    18 Decembre 2017, CDI Lyon 2017 14 / 16

  • Structure dun projet JEE realise sous Eclipse

    Structure dun projet JEE realise sous Eclipse

    Structure legerement differente dune structure JEE standard

    Le nom de notre projet definit la racine de larborescence

    La racine contient principalement trois repertoires src, build,WebContent

    src contient les fichiers .java

    build contient les fichiers .class generes a partir des .java desrc

    WebContent (repertoire propre a eclipse) comporte deux dossiersWEB-INF et META-INF

    WEB-INF a un dossier lib (pour les .jar) et un fichier web.xml. Il peutegalement contenir les fichiers relatifs aux vues (.css, .js, .jsp,.html...).

    META-INF contient les meta-donnees du projet.

    18 Decembre 2017, CDI Lyon 2017 15 / 16

  • Un premier Hello world

    Un premier Hello world

    Creation dune page HTML

    Clic droit sur le projet, aller dans le menu new et choisir HTMLFile

    Placer le fichier directement dans WebContent (pas dansWEB-INF)

    Nommer le fichier index.html et generer la page en cliquant surFinish

    Mettre Hello world entre les balises

    Demarrer le serveur

    Aller a ladressehttp://localhost:8080/nomProjet/index.html

    18 Decembre 2017, CDI Lyon 2017 16 / 16

    IntroductionFonctionnementInstallation et configurationCration d'un premier projet web (avec Eclipse)Structure d'un projet JEE ralis sous EclipseUn premier Hello world