Etiqueta de elementos JSP

Por: james hartman james hartman
Hours Actualizado

Etiquetas JSP

En este tutorial, aprenderemos las etiquetas básicas de JSP y cómo agregar comentarios en JSP. Junto con esto, también crearemos un JSP y lo ejecutaremos en el servidor.

Declaración JSP

  • Una etiqueta de declaración es una pieza de Java Código para declarar variables, métodos y clases. Si declaramos una variable o método dentro de la etiqueta de declaración, significa que la declaración se realiza dentro de la clase de servlet pero fuera del método de servicio.
  • Podemos declarar un miembro estático, una variable de instancia (puede declarar un número o una cadena) y métodos dentro de la etiqueta de declaración.

Sintaxis de la etiqueta de declaración:

<%!  Dec var  %>

Aquí Dec var es el método o una variable dentro de la etiqueta de declaración.

Ejemplo:

En este ejemplo, usaremos las etiquetas de declaración.

<%@ 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>Guru Declaration Tag</title>
</head>
<body>
<%! int count =10; %>
<% out.println("The Number is " +count); %>
</body>
</html>

Explicación del código:

Línea de código 10: Aquí estamos usando una etiqueta de declaración para inicializar un recuento de variables a 10.

Cuando ejecuta el código anterior, obtiene el siguiente resultado:

Declaración JSP

Salida:

La variable que se declara en la etiqueta de declaración se imprime como salida.

Scriptlet JSP

  • La etiqueta Scriptlet permite escribir Java código en un archivo JSP.
  • El contenedor JSP mueve declaraciones en el método _jspservice() mientras genera servlet desde jsp.
  • Para cada solicitud del cliente, se invoca el método de servicio de JSP, por lo que el código dentro del Scriptlet se ejecuta para cada solicitud.
  • Un Scriptlet contiene código Java que se ejecuta cada vez que se invoca JSP.

Sintaxis de la etiqueta Scriptlet:

<% java code %>

Aquí las etiquetas son etiquetas scriplets y dentro de ellas podemos colocar código Java.

Ejemplo:

En este ejemplo, tomamos etiquetas Scriptlet que incluyen código Java.

<%@ 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>Guru Scriplet</title>
</head>
<body>
<% int num1=10;
   int num2=40;
   int num3 = num1+num2;
   out.println("Scriplet Number is " +num3);
%>
</body>
</html>

Explicación del código:

Línea de código 10-14: En las etiquetas de Scriptlet donde tomamos dos variables num1 y num2. Se toma la tercera variable num3, que suma como num1 y num2. La salida es num3.

Al ejecutar el código se obtiene el siguiente resultado:

Scriptlet JSP

Salida:

El resultado del número de Scriptlet es 50, que es la suma de num1 y num2.

ARTÍCULOS RELACIONADOS

Expresión JSP

  • La etiqueta de expresión evalúa la expresión colocada en ella.
  • Accede a los datos almacenados en la aplicación almacenada.
  • Permite crear expresiones como aritméticas y lógicas.
  • Produce una página JSP sin scripts.

Sintaxis:

<%= expression %>

Aquí la expresión es la expresión aritmética o lógica.

Ejemplo:

En este ejemplo, estamos usando la etiqueta de expresión

<%@ 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>Guru Expression</title>
</head>
<body>
<% out.println("The expression number is "); %>
<% int num1=10; int num2=10; int num3 = 20; %>
<%= num1*num2+num3 %>
</body>
</html>

Explicación del código:

Línea de código 12: Aquí usamos etiquetas de expresión donde usamos una expresión multiplicando dos números, es decir, num1 y num 2 y luego sumando el tercer número, es decir, num3.

Cuando ejecuta el código anterior, obtiene el siguiente resultado:

Expresión JSP

Salida:

La expresión número es 120 donde estamos multiplicando dos números num1 y num2 y sumando ese número con el tercer número.

Comentarios JSP

Los comentarios son aquellos en los que el contenedor JSP quiere ignorar ciertos textos y declaraciones.

Cuando queramos ocultar cierto contenido, podemos agregarlo a la sección de comentarios.

Sintaxis:

<% -- JSP Comments %>

Estas etiquetas se utilizan para comentar en JSP y el contenedor JSP las ignora.

Este es un comentario HTML que el navegador ignora.

Ejemplo:

En este ejemplo, estamos usando comentarios 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>Guru Comments</title>
</head>
<body>
<%-- Guru Comments section --%>
<% out.println("This is comments example"); %>

</body>
</html>

Explicación del código:

Línea de código 10: Aquí agregamos comentarios JSP al código para explicar qué tiene el código. Ha sido ignorado por el contenedor JSP.

Cuando ejecuta el código anterior, obtiene el siguiente resultado:

Comentarios JSP

Salida:

Obtenemos el resultado que se imprime en el método println. Los comentarios son ignorados por el contenedor.

Creando una página JSP simple

  • Una página JSP tiene un cuerpo HTML incorporado con Java código en él
  • Estamos creando una página JSP simple que incluye declaraciones, scriptets, expresiones y etiquetas de comentarios.

Ejemplo:

<%@ 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>Guru JSP Example</title>
</head>
<body>

<%-- This is a JSP example with scriplets, comments , expressions --%>
<% out.println("This is guru JSP Example"); %>
<% out.println("The number is "); %>
<%! int num12 = 12; int num32 = 12; %>
<%= num12*num32 %>
Today's date: <%= (new java.util.Date()).toLocaleString()%>
</body>
</html>

Explicación del código:

Línea de código 1: Aquí utilizamos directivas como idioma, contentType y pageEncoding. El lenguaje es Java y el tipo de contenido es texto/html con juego de caracteres estándar ISO 8859. La codificación de página es juego de caracteres estándar.

Línea de código 11: Aquí estamos usando comentarios JSP para agregar comentarios al JSP.

Línea de código 14: Aquí estamos declarando las variables num12 y num32 inicializándose con 12.

Línea de código 15: Aquí estamos usando una expresión donde estamos multiplicando dos números num12 y num32.

Línea de código 16: Aquí estamos obteniendo la fecha de hoy usando el objeto de fecha.

Cuando ejecutas el código anterior, obtienes el siguiente resultado

Creando una página JSP simple

Salida:

Estamos imprimiendo por aquí,

  • Este es el ejemplo de JSP del gurú.
  • El número es num12*num32 (12*12).
  • La fecha de hoy es la fecha actual.

Cómo ejecutar una página JSP sencilla

  • JSP se puede ejecutar en servidores web o servidores de aplicaciones.
  • Aquí usaremos un servidor web y podemos implementarlo en el servidor encerrándolo en una aplicación de guerra.
  • Podemos crear JSP en una aplicación (guerra).

Esta es una aplicación que tiene la siguiente estructura de directorio y la aplicación debe compilarse.

Ejecutar página JSP simple

Esta aplicación debe compilarse y el siguiente mensaje aparecerá después de que la compilación sea exitosa:

Ejecutar página JSP simple

Una vez creada la aplicación, debe ejecutarse en el servidor.

Para ejecutar JSP en el servidor web, haga clic derecho en el proyecto del IDE (eclipse utilizado en este caso) y hay muchas opciones. Seleccione la opción de ejecutar en el servidor. Se muestra en la captura de pantalla siguiente;

A partir del diagrama se explican los siguientes puntos:

  1. Hay dos opciones: elegir un servidor o agregar manualmente el servidor a esta aplicación. En este caso, ya hemos agregado el servidor JBoss a la aplicación, por lo tanto, seleccionamos el servidor existente.
  2. Una vez que seleccionamos el servidor la opción de servidor se muestra en el punto 2 qué servidor queremos seleccionar. Puede haber varios servidores configurados en esta aplicación. Podemos seleccionar un servidor entre todas esas opciones.
  3. Una vez seleccionada esa opción, haga clic en el botón Finalizar y la aplicación se ejecutará en ese servidor.

Ejecutar página JSP simple

En las siguientes capturas de pantalla, puede observar que nuestro programa JSP se ejecuta y la aplicación de prueba se implementa en Servidor JBoss marcado en el cuadro rojo.

Ejecutar página JSP simple

Estructura de directorios de JSP

En la estructura de directorios, hay una carpeta raíz que tiene la carpeta WEB-INF, que contiene todos los archivos de configuración y archivos de biblioteca.

Los archivos JSP están fuera de la carpeta WEB-INF

Estructura de directorios de JSP

Estructura de directorios de JSP

Ejemplo:

En este ejemplo hay una aplicación de prueba que tiene la siguiente estructura de carpetas:

Estructura de directorios de JSP

Resumen

  • En este artículo, aprendimos sobre elementos sintácticos como etiquetas de expresión y etiquetas Scriptlet que simplifican el código en JSP.
  • Uso de comentarios JSP.
  • Creamos una página JSP simple y la hicimos ejecutar en el servidor.

Resumir este post con: