En se basant sur les concepts fondamentaux abordés précédemment, cette section approfondit la configuration et les éléments clés des pages JSP. Pour ceux ayant une expérience en HTML, l'apprentissage de JSP est simplifié car il partage de nombreuses similitudes syntaxiques. Un site web est essentiellement une collection de pages interconnectées, et JSP s'intègre parfaitement dans cette structure en ajoutant des capacités dynamiques via l'intégration de code Java.
Les fichiers JSP utilisent l'extension .jsp et permettent d'incorporer du code Java à l'aide de balises <% %>. La véritable puissance de JSP réside dans sa capacité à interagir avec des bases de données, comme via des requêtes SQL, ce qui en fait un outil essentiel pour le développement web dynamique.
- Organisation des Répertoires du Projet
La structure standard d'un projet JSP se compose des éléments suivants :
- NomDuProjet : le répertoire racine de l'application.
- src : contient les fichiers source Java personnalisés.
- WEB-INF : stocke les bibliothèques JAR et le fichier de configuration web.xml.
- lib : héberge les dépendances sous forme de fichiers JAR.
- web.xml : fichier de déploiement pour configurer l'application web.
- *.jsp : fichiers de page web pour la présentation et la logique.
- Utilisation des Balises dans les Pages JSP
Voici un exemple de page JSP illustrant l'utilisation des directives et des éléments de base, avec des modifications dans la structure et les noms de variables :
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" errorPage="erreur.jsp"%>
<%
String cheminApp = request.getContextPath();
String urlBase = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + cheminApp + "/";
%>
<html>
<head>
<base href="<%=urlBase%>">
<title>Page d'Accueil</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="mots-clés1, mots-clés2">
<meta http-equiv="description" content="Description de la page">
<link rel="icon" type="image/x-icon" href="icone.ico" />
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<p>Contenu principal de la page.</p>
</body>
</html>
Dans cet exemple, l'attribut errorPage="erreur.jsp" redirige l'utilisateur vers une page d'erreur personnalisée en cas d'exception dans le code Java intégré.
- Configuraton de web.xml
Le fichier web.xml définit les paramètres de l'application, comme la page d'accueil par défaut. Un exemple modifié :
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.1"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">
<welcome-file-list>
<welcome-file>accueil.jsp</welcome-file>
</welcome-file-list>
</web-app>
La balise <welcome-file> spécifie le fichier de démarrage, et cette déclaration ne doit apparaître qu'une seule fois dans le projet.
- Rafraîchissement Automatique des Pages
Pour actualiser une page après un délai, utilisez la balise méta suivante dans l'en-tête :
<meta http-equiv="refresh" content="5;URL=dashboard.jsp" />
Ici, la page se rafraîchit après 5 secondes et redirige vers dashboard.jsp. Le contenu du délai et de l'URL peut être ajusté selon les besoins.
Pour créer des interfaces web efficaces, il est recommandé de combiner des technologies comme le balisage HTML, les feuilles de style CSS pour la mise en page, et JavaScript pour les interactions dynamiques. Ces composants fonctionnnent de manière intégrée dans les pages JSP, permettant le développement d'applicasions web robustes et performantes.