Java Server Faces (JSF) est un framework Java / J2ee basé sur des composants permettant le développement d’applications Web.

Projet JSF eclipse : Pour présenter cet outil, nous allons mettre en place un simple Hello World.

Bien sûr, il ne s’agit que d’un exemple afin d’avoir un point de départ pour une application plus évoluée.

Environnement

Nous travaillerons sous Eclipse et déploierons l’application sous Tomcat.

Voici la configuration utilisée pour ce tutoriel :

Eclipse

Tomcat 8

JDK Sun 1.8

JSF 2.x (jars)

Création du projet

Pour démarrer, il faut créer un projet Web Dynamique (Dynamic Web Project) sous Eclipse.

Naviguer dans  File => New  => Dynamic Web Project

Dans Project Name tapez : BaseJSF

Dans la page suivante on choisit : Generate web.xml deployment descriptor

Puis Finish

Dans la vue Navigator, le projet se présent comme ci-dessous :

Préparation

Projet JSF eclipse : Nous allons maintenant mettre en place les librairies nécessaires au projet.

Pour cela, nous aurons besoin de télécharger les fichiers JAR nécessaires sur le site du projet :

 Util/lib/

  puis, copier le fichier dans le répertoire lib du projet (BaseJSF).

Configuration web.xml

Il faut tout d’abord indiquer le mode de l’application

<context-param>

             <param-name>javax.faces.PROJECT_STAGE</param-name>

             <param-value>Development</param-value>

       </context-param>

Mettre en place la configuration dans le fichier web.xml afin que les requêtes soient interprétées par la servlet JSF FacesServlet.

Pour cela, nous déclarons dans un premier temps la servlet :

<servlet>

             <display-name>Faces Servlet</display-name>

             <servlet-name>Faces Servlet</servlet-name>

             <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

             <load-on-startup>1</load-on-startup>

       </servlet>

Ensuite, nous déclarons le mapping afin d’indiquer que toute requête commençant par /faces/* , *.faces, *.xhtml, *.jsf sera gérée par la servlet :

<!– Map these files with JSF –>

<servlet-mapping>

       <servlet-name>Faces Servlet</servlet-name>

       <url-pattern>/faces/*</url-pattern>

</servlet-mapping>

<servlet-mapping>

       <servlet-name>Faces Servlet</servlet-name>

       <url-pattern>*.xhtml</url-pattern>

</servlet-mapping>

Pour finir indiquons la page par défaut :

<welcome-file-list>

       <welcome-file>index.xhtml</welcome-file>

</welcome-file-list>

Mise en place de la page

Nous allons maintenant écrire la page  permettant d’afficher notre texte.

Pour cela, nous créons un fichier index.xhtml dans le répertoire WebContent du projet.

index.xhtml

<html xmlns=“http://www.w3.org/1999/xhtml”

      xmlns:f=“http://xmlns.jcp.org/jsf/core”    

      xmlns:h=“http://xmlns.jcp.org/jsf/html”>

    <h:head>

      <title>JSF 2.2 Hello World</title>

    </h:head>

    <h:body bgcolor=“white”>

      <h3>JSF 2.2 Hello World Exemple – index.xhtml</h3>

    </h:body>

</html>

Test

Vous pouvez maintenant déployer le projet dans votre serveur (ici, Tomcat 7) et tester en utilisant l’urls
http://localhost:8080/BaseJSF/faces/index.xhtml http://localhost:8080/BaseJSF/index.xhtml

Lire aussi : Création Projet Spring Boot

Découvrir Aussi InfoUtiles

Commentaires

  1. Pingback: Java Convert String to int : Java : Convert String to int » JavaTuto

  2. Pingback: Navigation avec JSF 2.2 » JavaTuto

  3. Pingback: Exemple de managed bean avec formulaire d'authentification » JavaTuto

Laisser un commentaire