Atelier N°6: La JSTL

Institut Supérieur des Études Technologiques de Bizerte
1/4
100%

| | | | |

| --- | --- | --- | --- |

| Institut Supérieur des Etudes Technologiques de Bizerte Département Technologies de l’informatique | | | |

| Parcours : | Développement des Système d’Informations | | |

| Unité d’Enseignement : | Environnement de Développement | | |

| Matière | | | |

| Atelier Environnement de Développement | | | |

| Enseignant Responsable : Khaoula Jridi | | Année Universitaire : 2015-2016 | Semestre : 5 |

Atelier N°6 : La JSTL

  • Objectifs
  • Savoir l’utilité de la JSTL
  • Manipuler les différents tags de la JSTL
  • Contenu

JSP Standard Tag Library (JSTL)

🡪Page JSP sans code Java.

🡪Facilite l’adaptation du design pattern MVC.

🡪5 Librairies :

  • Core : traitements logiques (conditions, itérations…)
  • Fmt : formatage et parsage de données
  • Fn : traitement des chaines de caractères
  • Sql : interaction avec la BDD
  • Xml : traitement des fichiers et des données XML

1. Créer une jsp sur la racine web de votre application web dynamique Java EE. Appeler la JSP "jstl\_test ".

2. Utiliser la directive taglib (déjà vu) pour inclure la bibliothèque JSTL.

3. Configurer Tomcat en insérant le fichier jar " jstl1.2 " dans le dossier lib de WEB-INF.

4. Afficher le message : "Welcome JSTL" à l’aide du tag <c :out></c :out>

Afficher ce message en gras

Publicité

![](data:image/png;base64...)

1. Déclarer 2 variables Name et City et afficher leur contenu à l’aide de la JSTL

![](data:image/png;base64...)

1. Rappelant le code suivant de la page test\_el.jsp :

<jsp:useBean id="client" class="com.dsi.models.Client" scope="page"></jsp:useBean>

<jsp:setProperty property="username" name="client" value="khaoula"/>

<jsp:setProperty property="password" name="client" value="jridi"/>

Username: ${pageScope.client.username}<br>

Password: ${pageScope.client.password}<br>

Qui donne le résultat suivant:

![](data:image/png;base64...)

Modifier la propriété username avec la JSTL.

![](data:image/png;base64...)

Utiliser le code suivant :

<c:set target="${client}" property="username" value="khaoula\_new" />

<b>New Value of username</b>:

<c:out value=""/><br>

1. Manipuler l’attribut default du tag <c:out></c:out>

2. Manipuler l’attribut scope du tag <c :set></c :set>

3. Utiliser le tag <c :remove />afin de supprimer la variable "name" puis afficher une valeur par défaut.

Publicité

![](data:image/png;base64...)![](data:image/png;base64...)

1. Utiliser le tag <c :redirect></c :redirect> comme suit :

Créer une nouvelle jsp soit test.jsp (mettez n’importe quel affichage par exemple JSTL Tests).

Passer les paramètres name et city vers cette page comme suit :

<c:redirect url="test.jsp">

<c:param name="name" value="khaoula"></c:param>

<c:param name="city" value="bizerte"></c:param>

</c:redirect>

1. Afficher les paramètres name et city dans la jsp test.jsp

2. Creér 2 jsp soient footer.jsp et header.jsp comme indiqué :

footer.jsp

| |

| --- |

| <div style="width: 700px;height:100px;background:red"> <h1>Footer</h1> </div> </body> </html> |

header.jsp

| |

| --- |

| <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> <div style="width: 700px;height:100px;background:green"> <h1>Header</h1> </div> |

Exécuter chacun à part.

Utiliser le tag <c :import url= " " > pour avoir l’affichage suivant :

Publicité

![](data:image/png;base64...)

Les Tests & les boucles

1. Créer une variable number avec une valeur égale à 10.

2. Utiliser le tag<c :if test= "${number>=10"><c :out value=" you are accepted”/></c:if>

3. Afficher le message "you are inaccepted " dans le cas contraire en utilisant le tag <c :if/>

4. Soit le code suivant :

<c:set var="name" value="khaoula" />

<c:if test="${name=='khaoula' }">

<c:out value="welcome khaoula"/>

</c:if>

Remarquant que ce tag est insuffisant si on dispose d’autres alternatives d’où l’utilisation du tag <c :choose/>

<c:set var="name" value="dbnvc" />

<c:choose>

<c:when test="${name=='khaoula' }">

<c:out value="welcome khaoula" />

</c:when>

<c:when test="${name=='ali' }">

<c:out value="welcome ali" />

</c:when>

<c:when test="${name=='mohammed' }">

Publicité

<c:out value="welcome mohammed" />

</c:when>

<c:otherwise>

<c:out value="name not found" />

</c:otherwise>

</c:choose>

1. Afficher à l’aide de la JSTL les entiers de 0 à 10.

![](data:image/png;base64...)

<c:forEach var="i" begin="0" end="10" step="1">

<c:out value="${i }"/>

</c:forEach>

1. Dans un tableau afficher value et value+1 comme suit :

![](data:image/png;base64...)

1. Créer une liste d’objet Client list\_client. Générer un constructeur pour l’initialisation de deux attributs username et password.

2. Créer 3 objets clients puis Remplir la liste list\_client avec ces objets clients.

3. Afficher la liste list\_client en utilisant la JSTL pour avoir l’affichage suivant :

![](data:image/png;base64...)

Atelier N°6: La JSTL

Institut Supérieur des Études Technologiques de Bizerte · Web Development (Java EE, JSTL) · notes

Voir tous les documents en programmation

| | | | |

| --- | --- | --- | --- |

| Institut Supérieur des Etudes Technologiques de Bizerte Département Technologies de l’informatique | | | |

| Parcours : | Développement des Système d’Informations | | |

| Unité d’Enseignement : | Environnement de Développement | | |

| Matière | | | |

| Atelier Environnement de Développement | | | |

| Enseignant Responsable : Khaoula Jridi | | Année Universitaire : 2015-2016 | Semestre : 5 |

Atelier N°6 : La JSTL

  • Objectifs
  • Savoir l’utilité de la JSTL
  • Manipuler les différents tags de la JSTL
  • Contenu

JSP Standard Tag Library (JSTL)

🡪Page JSP sans code Java.

🡪Facilite l’adaptation du design pattern MVC.

🡪5 Librairies :

  • Core : traitements logiques (conditions, itérations…)
  • Fmt : formatage et parsage de données
  • Fn : traitement des chaines de caractères
  • Sql : interaction avec la BDD
  • Xml : traitement des fichiers et des données XML

1. Créer une jsp sur la racine web de votre application web dynamique Java EE. Appeler la JSP "jstl\_test ".

2. Utiliser la directive taglib (déjà vu) pour inclure la bibliothèque JSTL.

3. Configurer Tomcat en insérant le fichier jar " jstl1.2 " dans le dossier lib de WEB-INF.

4. Afficher le message : "Welcome JSTL" à l’aide du tag <c :out></c :out>

Afficher ce message en gras

Publicité

![](data:image/png;base64...)

1. Déclarer 2 variables Name et City et afficher leur contenu à l’aide de la JSTL

![](data:image/png;base64...)

1. Rappelant le code suivant de la page test\_el.jsp :

<jsp:useBean id="client" class="com.dsi.models.Client" scope="page"></jsp:useBean>

<jsp:setProperty property="username" name="client" value="khaoula"/>

<jsp:setProperty property="password" name="client" value="jridi"/>

Username: ${pageScope.client.username}<br>

Password: ${pageScope.client.password}<br>

Qui donne le résultat suivant:

![](data:image/png;base64...)

Modifier la propriété username avec la JSTL.

![](data:image/png;base64...)

Utiliser le code suivant :

<c:set target="${client}" property="username" value="khaoula\_new" />

<b>New Value of username</b>:

<c:out value=""/><br>

1. Manipuler l’attribut default du tag <c:out></c:out>

2. Manipuler l’attribut scope du tag <c :set></c :set>

3. Utiliser le tag <c :remove />afin de supprimer la variable "name" puis afficher une valeur par défaut.

Publicité

![](data:image/png;base64...)![](data:image/png;base64...)

1. Utiliser le tag <c :redirect></c :redirect> comme suit :

Créer une nouvelle jsp soit test.jsp (mettez n’importe quel affichage par exemple JSTL Tests).

Passer les paramètres name et city vers cette page comme suit :

<c:redirect url="test.jsp">

<c:param name="name" value="khaoula"></c:param>

<c:param name="city" value="bizerte"></c:param>

</c:redirect>

1. Afficher les paramètres name et city dans la jsp test.jsp

2. Creér 2 jsp soient footer.jsp et header.jsp comme indiqué :

footer.jsp

| |

| --- |

| <div style="width: 700px;height:100px;background:red"> <h1>Footer</h1> </div> </body> </html> |

header.jsp

| |

| --- |

| <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> <div style="width: 700px;height:100px;background:green"> <h1>Header</h1> </div> |

Exécuter chacun à part.

Utiliser le tag <c :import url= " " > pour avoir l’affichage suivant :

Publicité

![](data:image/png;base64...)

Les Tests & les boucles

1. Créer une variable number avec une valeur égale à 10.

2. Utiliser le tag<c :if test= "${number>=10"><c :out value=" you are accepted”/></c:if>

3. Afficher le message "you are inaccepted " dans le cas contraire en utilisant le tag <c :if/>

4. Soit le code suivant :

<c:set var="name" value="khaoula" />

<c:if test="${name=='khaoula' }">

<c:out value="welcome khaoula"/>

</c:if>

Remarquant que ce tag est insuffisant si on dispose d’autres alternatives d’où l’utilisation du tag <c :choose/>

<c:set var="name" value="dbnvc" />

<c:choose>

<c:when test="${name=='khaoula' }">

<c:out value="welcome khaoula" />

</c:when>

<c:when test="${name=='ali' }">

<c:out value="welcome ali" />

</c:when>

<c:when test="${name=='mohammed' }">

Publicité

<c:out value="welcome mohammed" />

</c:when>

<c:otherwise>

<c:out value="name not found" />

</c:otherwise>

</c:choose>

1. Afficher à l’aide de la JSTL les entiers de 0 à 10.

![](data:image/png;base64...)

<c:forEach var="i" begin="0" end="10" step="1">

<c:out value="${i }"/>

</c:forEach>

1. Dans un tableau afficher value et value+1 comme suit :

![](data:image/png;base64...)

1. Créer une liste d’objet Client list\_client. Générer un constructeur pour l’initialisation de deux attributs username et password.

2. Créer 3 objets clients puis Remplir la liste list\_client avec ces objets clients.

3. Afficher la liste list\_client en utilisant la JSTL pour avoir l’affichage suivant :

![](data:image/png;base64...)