JSTL Core - JSP (Parte 4)

Submitted by kaztle_8 on Mar, 11/22/2011 - 09:23

Primero, ¿Qué es JSTL? JSTL (cuyas siglas son JSP Standard Tag Library) es un conjunto de etiquetas organizadas en 4 grupos distintos, las cuales tienen como propósito fundamental evitar que el programador introduzca código Java (scriptlets) en las paginas JSP. ¿Por qué razón? Pues, básicamente porque los scriptlets son una manera desorganizada de programar paginas JSP’s y además, la simplicidad de las librerías que provee JSTL nos ayuda demasiado en la lógica de presentación de la página JSP.

Los cuatro grupos de librerías JSTL, son los siguientes:
core, fmt, sql y xml.

En esta entrada, solamente hablaré del grupo “Core”. Las etiquetas JSTL pertenecientes a este grupo nos proveen la siguiente funcionalidad:

a. Manipular variables, dichas etiquetas son :
<c:out>, <c:set>, <c:remove> y <c:catch>

b. Crear condicionales.
<c:if>, <c:choose>, <c:when> y <c:otherwise>

c. También permiten crear ciclos repetitivos (bucles):
<c:forEach> y <c:forTokens>

d. Por último, nos permiten Manipular URL’s con las etiquetas:
<c:import>, <c:url>, <c:redirect> y <c:param>

Esta entrada seré lo más breve posible. Para esta entrada, crea el proyecto “JSTLCore”:

Para poder usar la librería Core en nuestra pagina JSP, debemos incluir la siguiente línea (recuerdas cuando vimos la directiva TagLib?) :

<%@taglib uri="http://java.sun.com/jstl/core" prefix="c" %>

Agrega, esa línea antes de la etiqueta de nuestro index.jsp y listo.

1.

<c:out> :
Dicha etiqueta nos permite mostrar valores en nuestra página.
Normalmente, para mostrar valores o mensajes en JSP, usamos por ejemplo:
<%=”Texto_del_mensaje”%>, pero también puede hacerse con la etiqueta <c:out> asi:

<c:out value="Esto es un mensaje"/>

Pero veamos algo un poco más interesante, creamos una clase llamada Mensaje en el paquete beans:

package beans;

public class Mensaje {
    private String texto;
    public String getTexto() {
        return texto;
    }
    public void setTexto(String texto) {
        this.texto = texto;
    }
}

Ahora nuestro index.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:useBean class="beans.Mensaje" id="mensaje"/>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        El valor en la variable <b>texto</b> es: <br/>
        <b>&quot<c:out value="${mensaje.texto}" default="valor_nulo"/>&quot</b>
    </body>
</html>

Supongo que ya sabes lo que hace la etiqueta jsp:useBean. Asi que la línea importante es:
 <c:out value="${mensaje.texto}" default=" valor_nulo >"/>

Simplemente muestra el valor que hay en la propiedad “texto” del objeto “mensaje”, pero si es null, se muestra el mensaje por defecto. Ejecutemos a ver qué pasa:

Modifiquemos el index.jsp, de esta manera (solo muestro las etiquetas body, lo demás no cambia):

<body>
        <jsp:setProperty name="mensaje" property="texto" value="Esto es un mensaje"/>
        El valor en la variable <b>texto</b> es: <br/>
        <b>&quot<c:out value="${mensaje.texto}" default="El valor es null"/>&quot</b>
</body>

Y obtenemos:

2.

<c:set>
Nos permite crear una variable y establecer un valor para esta:

<body>
        <!-- Creamos la variable texto con un valor String -->
        <c:set var="texto" value="valor_de_la_variable"/>
        <!-- Mostramos el valor de la variable texto -->
        El valor de la variable <b>texto</b> es : <c:out value="${texto}"/>
</body>

Obtenemos entonces:

3.

<c:remove>
Simplemente remueve una variable que hayamos definido:

<body>
        <p>
            <!-- Creamos la variable texto con un valor String -->
            <c:set var="texto" value="valor_de_la_variable"/>
            <!-- Mostramos el valor de la variable texto -->
            El valor de la variable <b>texto</b> es : <c:out value="${texto}"/>
        </p>
        <p>
            <!-- removemos la variable texto -->
            <c:remove var="texto" scope="page"/>
            <!-- Mostramos nuevamente el valor -->
            El valor de la variable <b>texto</b> ahora es :
            <c:out value="${texto}" default="Es Nulo"/>
        </p>
</body>

Ejecutamos :

4.

<c:catch>

Nos permite capturar excepciones.

<body>
        <c:catch var="excepcion">
            <%=3/0%>
        </c:catch>
        <c:if test="${excepcion != null }">
            Ocurrió una excepción : <c:out value="${excepcion}"/>
        </c:if>
    </body>

Obtenemos entonces:

5.

<c:if>
Es lo mismo que la instrucción if de Java SE, evalúa una condición:

<body>
        <c:set var="a" value="20"/>
        <c:if test="${a > 100}">
            La variable <b></b> es <b>mayor</b> que 100.
        </c:if>
        <c:if test="${a < 100 }">
            La variable <b></b> es <b>menor</b> que 100.
        </c:if>
    </body>

6.

<c:choose>, <c:when> y <c:otherwise>

Funciona parecido a la instrucción switch, es decir, nos permite establecer varias condiciones en un mismo bloque.

<body>
       <c:set var="a" value="50"/>
        <c:choose>
            <c:when test="${a == 1}">
                <b>a</b> es 1.
            </c:when>
            <c:when test="${a == 2 }">
                <b>a</b> es 2.
            </c:when>
            <c:otherwise>
                <b>a</b> tiene un valor diferente de 1 y de 2.
            </c:otherwise>
        </c:choose>
</body>

En el anterior código, la etiqueta <c:when> es para definir alguna condición, mientras que la etiqueta <c:otherwise> es para definir el caso por defecto, en el cual no se cumple ninguna de las condiciones.

7.

<c:forEach>
Nos permite hacer ciclos en una jsp.
Crea la clase Lista en el paquete beans.

import java.util.*;

public class Lista {

    private List<String> listaDeNombres;

    public Lista() {
        listaDeNombres = new ArrayList<String>();
        listaDeNombres.add("Juan");
        listaDeNombres.add("Maria");
        listaDeNombres.add("Alberto");
        listaDeNombres.add("Lucia");
    }

    public List<String> getListaDeNombres() {
        return listaDeNombres;
    }

}

Ahora vamos a iterar sobre el arreglo que contiene la clase Lista, para saber que valores contiene:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:useBean id="lista" class="beans.Lista"/>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <p>Los elementos en la lista son: </p>
        <p>
            <c:forEach var="nombreActual" items="${lista.listaDeNombres}">
            <b><c:out value="${nombreActual}"/></b> <br/>
        </c:forEach>
        </p>
    </body>
</html>

En la etiqueta <c:forEach> el parámetro var=”nombreActual” es simplemente un apuntador hacia el objeto actual de la iteración. Al ejecutar obtenemos:

8.

<c:forTokens>
Nos permite iterar sobre un String y separarlo por tokens.

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <c:set var="oracion" value="Estos,son,los,tokens,de,la,frase"/>
        Los tokens son los siguientes:
        <p>
            <c:forTokens items="${oracion}" delims="," var="token" varStatus="i" >
                <b><c:out value="${i.count}"/>.</b>  <c:out value="${token}"/> <br/>
            </c:forTokens>
        </p>
    </body>
</html>

El parámetro delims=”,” es simplemente para identificar cual es el carácter separador de los diferentes tokens de la cadena que vamos a separar y varStatus=”i”, es simplemente una variable que guarda el estado actual de la iteración, por lo que podemos saber en qué iteración estamos haciendo uso de la instrucción ${i.count} . Al ejecutar obtenemos:

9.

<c:import>
Recuerdas lo que hace la directiva include o la acción <jsp:include>? Pues <c:import> hace básicamente lo mismo, solo con el hecho de que esta etiqueta permite también incluir contenido que no esté en la misma aplicación web que estemos desarrollando. Creamos una nueva pagina JSP:


Cuyo contenido es:

<h2>Contenido importado</h2>

Y ahora nuestra index.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <c:import url="nuevaJSP.jsp"/>
        Contenido de <b>index.jsp</b> .....
    </body>
</html>

Obtenemos:

10.

<c:url>, <c:param> :
Nos permiten establecer URL’s y parámetros en nuestra JSP respectivamente.
Nuestro index.jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        Click en el enlace para enviar el parametro :
        <a href="
           <c:url value="nuevaJSP.jsp">
               <c:param name="nombre" value="Juan"/>
           </c:url>
           ">link</a>
    </body>
</html>

Como ves en el anterior codigo, definimos una url que apunta hacia “nuevaJSP.jsp”, pero además de eso, dicha URL, envía un parámetro llamado “nombre”. Ahora nuestra “nuevaJSP.jsp”, es asi:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        El parametro enviado es : <br/>
        <b><c:out value="${param.nombre}"/></b>
    </body>
</html>

Ejecutamos y obtenemos:

11.

<c:redirect>
Nos permite redirigir una petición.

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <c:redirect url="nuevaJSP.jsp">
            <c:param name="nombre" value="Juan"/>
        </c:redirect>
    </body>
</html>

Como ves, al ejecutar el ejemplo, la aplicación nos redirige a la agina “nuevaJSP.jsp” y además de eso le envía un parámetro:

Comentarios

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.
Imagen de skuarch

gracias

Submitted by skuarch on Mié, 11/23/2011 - 09:29.

tengo libros que explican esto pero los tengo que leer varias veces y en ocaciones se me olvida, tu explicas mejor y con mas ejemplos gracias

ok, vale ! :D

Submitted by kaztle_8 on Vie, 11/25/2011 - 11:02.

ok, vale ! :D

JAVA SERVER FACES y JAVABEANS

Submitted by darias66 on Dom, 11/27/2011 - 13:49.

Si tienes algo sobre JSF y Javabeans, sería excelente. De hecho si gustas te puedo ayudar a elaborarlo, así podemos tomar más experiencia, en las aplicaciones. He hecho algo con base de datos, ya sea SQL y MySql. Lo que sucede que tengo algunas dudas.

El libro con que aprendí JSF fue...

Submitted by kaztle_8 on Dom, 11/27/2011 - 21:07.

Pues la verdad, no he publicado nada acerca de JSF. Me acuerdo que el libro con el que yo aprendí JSF fue "Beginning JSF™ 2 APIs and JBoss® Seam", aunque yo no lo trabajé en JBoss y el framework Seam como decía el libro, sino que lo trabajaba en Glassfish. Pero a mi parecer, fue el libro más sencillo que pude encontrar para iniciarse en JSF, ya que otros textos daban demasiadas vueltas en su explicación.
Y qué duda tienes al respecto en ese tema? tal vez pueda ayudarte.