Etiqueta de elementos JSP

Por: james hartman james hartman
Hours Actualizado

⚡ Resumen inteligente

Las estructuras de etiquetas de elementos JSP permiten a los desarrolladores incrustar Java directamente en una página mediante etiquetas de declaración, scriptlet, expresión y comentario, lo que permite la creación de variables, la ejecución de lógica, la salida dinámica y la documentación legible dentro de un único archivo renderizado por el servidor.

  • 📝 Etiqueta de declaración: La etiqueta <%! %> declara variables y métodos a nivel de clase de servlet, fuera del método de servicio.
  • ⚙️ Etiqueta de scriptlet: La etiqueta <% %> coloca Java instrucciones que se ejecutan dentro de _jspservice() en cada solicitud del cliente.
  • 🔢 Etiqueta de expresión: La etiqueta <%= %> evalúa una expresión aritmética o lógica y escribe su resultado en la salida.
  • ???? Etiqueta de comentario: La etiqueta <%– –%> oculta las notas del contenedor y del navegador, keeping Código documentado y limpio.
  • 🚀 Ejecutar en el servidor: Una página JSP completa se empaqueta en un archivo WAR y se implementa en un servidor web como JBoss.
  • 📁 Estructura de directorios: Los archivos JSP se encuentran fuera de la carpeta WEB-INF, mientras que los archivos de configuración y de biblioteca permanecen dentro de la carpeta WEB-INF.
Descubre más

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:

Code Línea 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:

Code Líneas 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:

Code Línea 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:

Code Línea 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:

Code Línea 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.

Code Línea 11: Aquí estamos usando comentarios JSP para agregar comentarios al JSP.

Code Línea 14: Aquí estamos declarando las variables num12 y num32 inicializándose con 12.

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

Code Línea 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

Preguntas Frecuentes

Una etiqueta de declaración coloca las variables y los métodos a nivel de la clase del servlet, fuera del método del servicio. Una etiqueta de scriptlet coloca el código dentro del método del servicio, de modo que se ejecuta con cada solicitud del cliente.

No. Mezcla de scriptlets Java Con marcado y son difíciles de mantener. Las páginas JSP modernas prefieren el lenguaje de expresiones, JSTL y las bibliotecas de etiquetas, que mantienen la presentación separada de la lógica de negocio y mejoran la legibilidad.

Una etiqueta de expresión contiene un único valor que el contenedor convierte en una cadena y escribe en la salida. Añadir un punto y coma la convierte en una instrucción, lo cual no es válido dentro de las etiquetas de expresión.

La IA puede generar etiquetas de declaración, scriptlet y expresión a partir de una descripción simple, señalar errores de sintaxis y sugerir alternativas más limpias como JSTL, helping Los principiantes crean páginas JSP correctas más rápidamente.

Sí. Las herramientas de IA pueden refactorizar páginas con muchos scriptlets a Expression Language y JSTL, reduciendo el código incrustado. JavaLos desarrolladores deben revisar el resultado para confirmar que la lógica y el comportamiento del alcance se mantienen sin cambios.

Resumir este post con: