NetBeans, Java et le Web

Présentation de l’architecture Java EE

La plateforme Java EE n’impose pas de règle d’organisation de code au développeur. Par conséquent, une mauvaise gestion des développements peut rendre la maintenance d’une application complexe et coûteuse. Afin de pallier ce problème, la mise en place d’une architecture structurée est nécessaire.

L’architecture d’une application web est généralement décomposée comme suit.

La mise en place de cette architecture a été standardisée grâce à la création de patrons de conception (design patterns) comme le pattern Modèle - Vue - Contrôleur (MVC) ou encore Modèle - Vue - Présentation (MVP) ; ce dernier avait été évoqué dans le chapitre sur la réalisation d’applications riches en Java avec NetBeans et se trouve ici décliné dans le contexte web.

La technologie standard proposée par Java pour réaliser des applications web est JSF. Elle est basée sur le patron d’architecture Modèle - Vue - Présentation (MVP). L’implémentation du framework MVC est en général réalisée avec des JSP et des frameworks extérieurs à JEE, notamment le framework Spring MVC, qui, comme son nom l’indique, implémente le pattern Modèle - Vue - Contrôleur.

Création d’une interface web avec JSF

Java Server Faces (JSF) est une bibliothèque Modèle - Vue - Présentation (MVP), basée sur les composants, permettant de créer des interfaces graphiques pour les applications web.

Une application JSF est structurée de la manière suivante :

NetBeans dispose d’un menu permettant de générer des pages JSF à partir d’entités Java. Ces pages JSF sont écrites en langage XHTML, qui est une forme d’HTML avec les contraintes de validation XML. Les fichiers écrits grâce au langage de balisage XHTML utilisent des balises HTML standards. Toutefois, la syntaxe plus rigoureuse du XML est reprise dans le XHTML, par opposition au code HTML pur. En conséquence, les fichiers XHTML sont bien structurés et peuvent facilement être validés en utilisant les outils issus des technologies XML.

Cette section présente la création d’une application Web, la génération des entités Java utilisées pour créer les pages JSF, le test de l’application développée et la palette contenant les composants JSF mis à disposition par NetBeans.

Création d’une interface JSP

JSP (JavaServer Pages) est une technologie de programmation côté serveur permettant de créer des pages web prenant en charge du contenu dynamique. Grâce à l’utilisation de balises JSP, commençant généralement par <% et se terminant par %>, elle permet l’intégration de code Java dynamique dans du contenu statique développé en HTML. Une page JSP est transformée en classe Java, puis compilée par le serveur d’applications.

Une page JSP permet de capter les entrées saisies par un utilisateur et par conséquent joue le rôle d’interface pour une application web Java. Les balises JSP peuvent également être utilisées pour récupérer ou enregistrer des données dans une base, gérer le contrôle entre pages, partager des informations entre requêtes et pages, etc.

Tout en réalisant le développement d’un projet Java web, les paragraphes ci-dessous présentent la technologie JSP et les options fournies par l’éditeur de NetBeans, pour faciliter ce type de développement.

1. Créer une première page JSP

L’application web développée dans cette section est une interface, composée de pages JSP, permettant à l’utilisateur de saisir des nombres puis d’afficher le résultat d’un calcul. Dans un premier temps, la manipulation ci-dessous décrit la création d’un projet Java web.

 Cliquez sur le menu File - New Project afin d’ouvrir la boîte de sélection de projet.

 Depuis la catégorie Java with Maven, sélectionnez le projet Web Application et cliquez sur le bouton Next.

 Renseignez un nom de projet, par exemple CalculatriceJSP, et cliquez sur le bouton Next.

 Sélectionnez le serveur Tomcat et la version Java EE 7 Web.

 Cliquez sur le bouton Finish afin de finaliser la création de l’application web.

 Exécutez le projet en cliquant droit dessus et sélectionnez le menu Run.

La page d’accueil du projet s’affiche dans le navigateur. Cette page correspond au fichier index.html généré automatiquement à la création. La manipulation ci-dessous présente la création de cette...

Exercice corrigé : développement d’une application web JSF

Le but de cet exercice est de développer une application web avec NetBeans en utilisant des composants JSF. À partir de l’écran d’accueil de cette application, un bouton doit permettre d’accéder à une nouvelle page affichant une liste d’étudiants, lue dans un fichier de données CSV. Sur cette seconde page, un bouton doit afficher un formulaire permettant de saisir un nouvel étudiant, qui sera par conséquent inséré dans le fichier csv et donc visible dans la liste suite à cette création.

Les étapes importantes de cette réalisation sont les suivantes :

Le fichier de données etudiants.csv utilisé pour ce développement est créé dans le package csv du projet. Il est composé de la manière suivante :

Pierre,Martin,22/07/1995,pierre.martin@eni.fr 
Julie,Durand,14/09/1994,julie.durand@eni.fr 
Luc,Dupond,02/10/1990,luc.dupond@eni.fr