JavaServer Pages

Tecnología de Programación V Ciclo
JavaServer Pages(JSP)
Es una tecnología Java Enterprise Edition(Java EE)que permite generar
contenido dinámico para la web, en forma de documentos HTML, XML o de otro tipo.
Esta tecnología es un desarrollo de la compañía Sun Microsystems.
Un JSP es uno de los componentes más básicos empleados para aplicaciones

de servidor en Java. Su composición consta de dos grandes partes: HTML y lenguaje
Java. Mediante HTML se especifica el contenido estático de despliegue y es mediante
fragmentos del lenguaje Java que se genera contenido dinámico en efecto cumpliendo
la definición de aplicación de Servidor. Su objetivo final es separar la interfaz
(presentación visual) de la implementación (lógica de ejecución)
Para trabajar los archivos JSP, necesitamos algo más que un compilador Java
y una máquina virtual, además de estos, un servidor compatible con JSP, en nuestro
caso usaremos Tomcat ya que tiene soporte para tags. Tomcat es un servidor web con
soporte de servlets y JSP, inIncluye el compilador Jasper, que compila JSPs
convirtiéndolas en servlets. El motor de servlets de Tomcat a menudo se presenta en
combinación con el servidor web Apache. Dado que Tomcat fue escrito en Java,
funciona en cualquier sistema operativo que disponga de la máquina virtual Java.
Como nosotros utlizamos NetBeans, no tenemos porque preocuparnos por

Tomcat, ya que viene listo para utilizarlo, siempre y cuando utilicemos aquel que lo
trae incorporado. Durante la instalación de NetBeans considerar la opción
personalizado y marcar la casilla de activación, para poder utilizarlo.
A continuación se muestra un ejemplo sencillo de un JSP.
<HTML>
<HEAD><TITLE>JavaServer Pages</TITLE></HEAD>
<BODY>
<%
out.println("Ejemplo de código de una página JSP");
%>
</BODY>
</HTML>
Donde se puede observar que el código Java va encerrado entre:

<% y %> el mismo que es procesado por el servidor convirtiéndose en HTML
que será enviado al cliente. Realmente una página JSP se convierte en un servlet que
es quien se encarga de la comunicación con el cliente.
En las sesiones anteriores cuando guardábamos un archivo lo hacíamos con la
extensión .html, lo que se haría ahora sería guardarlo con la extensión .jsp y colocarlo
en un sitio donde el servidor con soporte de JSP lo pueda encontrar; pero como
mencionaba líneas arriba nosotros utilizaremos el IDE NetBeans, que es un editor que
nos facilita el trabajo ya que por ejemplo nos muestra una plantilla con buena parte de
la estructura de una página web y listo para insertar el código Java, incluso hasta para
guardarlo no tenemos que preocuparnos por la extensión .jsp, ya que lo hace
automáticamente.
Ing. Ricardo More Reaño

¿Cómo Funcionan las Páginas JSP?
Una página JSP es básicamente una página Web con HTML tradicional y
código Java. La extensión de fichero de una página JSP es ".jsp" en vez de ".html" o
".htm", y eso le dice al servidor que esta página requiere un manejo especial que se
conseguirá con una extensión del servidor.
La etiqueta <% identifica el inicio de un scriptlet, y la etiqueta %> identifica el
final de un scriptlet. Cuando se llame a ésta página por ejemplo(mensaje.jsp), será
compilada (por el motor JSP) en un Servlet Java. En este momento el Servlet es
manejado por el motor Servelt como cualquier otro Servlet. El motor Servlet carga la
clase Servlet (usando un cargador de clases) y lo ejecuta para crear HTML dinámico
para enviarlo al navegador. La siguiente vez que se solicite la página, el motor JSP
ejecuta el Servlet ya cargado a menos que la página JSP haya cambiado, en cuyo
caso es automáticamente recompilada en un Servlet y ejecutada.
Ejemplo 1: creación de una aplicación web simple(Mensaje) usando NetBeans.

 Creación del proyecto. Menú archivo(File), luego Nuevo Proyecto(New
Project), en la ventana que aparece en Categorías(Categories) seleccionamos
Java Web y en Projects Web Application, finalmente siguiente(Next).
 En la siguiente ventana poner un nombre a nuestro proyecto, puede colocar el

mismo que observa en la imagen si desea. Además puede observar abajo
donde se guardará su proyecto en este caso en forma prederminada; pero
puede cambiarlo. Finalmente Siguiente(Next).

 Aparece la ventana en la que tiene que seleccionar el servidor(Server), en

nuestro caso Apache Tomcat y en Java EE Version seleccionar Java EE 6
Web.
 Ya podemos hacer clic en Finalizar(Finish) para que aparezca nuestro proyecto

en el lado izquierdo; pero qué pasa si hacemos clic en Siguiente(Next),
hagámoslo y veremos la siguiente ventana donde se muestra algunos
frameworks, contenido que trataremos posteriormente en nuestro curso, así
que no seleccionar y hacer clic en Finalizar(Finish).

 Se ha creado nuestro proyecto SALUDO. En el nodo Páginas Web(Web

Pages) se guardan los archivos .jsp, en nuestro caso se ha creado de forma
prederminada index.jsp, cuyo contenido se muestra en el lado derecho. En
web pages se pueden crear otras carpetas para organizar mejor nuestro
trabajo.
 Describiendo brevemente el contenido de la página, de la línea 1 al 5(lado

izquierdo) es un comentario y en la línea 7 se muestra ya el código Java que
permite compilar el documento a su formato final que es text/html. Todavía no
nos preocupemos mucho por esto, ya que es uno de los componentes que ya
se describirán. Para nuestro ejemplo simplemente insertemos las líneas de
color rojo que se mostraron en el código del primer ejemplo que puede hacerse
también en una sola línea.

 Ahora clic derecho en el nombre de nuestro proyecto y Ejecutar(Run) ,

aparecerá la página.
Ejemplo 2: En el siguiente ejemplo vamos a crear un enlace desde la página ya

creada(index.jsp) a otra página que crearemos en nuestro mismo servidor que se
llamará Presentación.jsp la que mostrará un saludo y la hora del servidor, de igual
forma enlace a otra página de internet.
 Creamos Presentación.jsp. Clic derecho en nuestro proyecto, nuevo(New),

luego JSP. Si no estuviera nos dirigimos a Other, en la ventana que aparece
en Categorías(Categories) seleccionar Web y en Tipo de Archivo(File Types)
selecciona JSP, Siguiente(Next), en la siguiente caja de diálogo ponemos el
nombre.


 El archivo aparecerá en nuestro proyecto, junto al index.
 Agregar la siguientes líneas debajo del código Java en index.jsp.
 Quedará como se muestra:

 En Presentación.jsp escribir las líneas que se muestran.
 Ahora clic derecho en el nombre de nuestro proyecto y Ejecutar(Run) ,

aparecerá la página.
 Ya se puede utilizar los hipervínculos.

UTILIZACIÓN DE UN ELEMENTO JSP
Elemento
Sintaxis Interpretacion Equivalente XML
JSP
La expresion es evaluada <jsp:expresssion>expresi
Expresión <%=expresion%>
y situada en la salida. ón</jsp:expression>
Código java que será
<jsp:scriptlet>código
Scriptlet <%código java%> interpretado, pudiendo
java</jsp:scriptlet>
producir código HTML.
Para definir variables
<jsp:declaracion>variable
Declaración <%!variable%> globales dentro de una
</jsp:declaracion>
JSP.
Proporciona instrucciones
Directiva al motor de <jsp:directive.page
<%@page att="val"%>
page procesamiento afectando att="val">
a toda la JSP.
Directiva <%@include Permite incluir un archivo <jsp:directive.include
include file="url"%> dentro de la JSP. file="url">
Para escribir comentarios
Comentario <%--comentario--%>
en la jsp.
Expresiones JSP
La sintaxis de una expresión es: <%= expresión %> y se utiliza para definir
una expresión y forzar el resultado a un String.
Las expresiones en JSP permiten que el resultado de la evaluación de una

expresión Java se convierta a una cadena de caracteres que será incluida en la página
generada. Las expresiones pueden incluirse en gran variedad de contextos y no deben
terminarse por puntos y comas.

Alternativamente, usando los espacios de nombres de XML:
<jsp:expression>expresión </jsp:expression>
Ejemplo:
<%= a+b %>
Ejemplo:
<%= new java.util.Date() %>.
Scriptlets
Es un trozo de código Java.
Declaración
Su formato es: <%! .... %> lo utilizamos para declarar variables o métodos. Por
ejemplo:
<%! int num1 = 10; double num2 = 2.0; %>
Directiva
Las directivas JSP nos permiten configurar alguna información que pueda ser
usada en nuestra página JSP, por ejemplo cosas como importar clases, definir una
página de error, incluir una página JSP en otra.
Ejemplo: para definir el lenguaje de escript y también puede usarse para especificar
sentencias import.
<%@page language="java" import="java.util.*" %>
Ejemplo: Que aparece en la plantilla del NetBeans
<%@page contentType="text/html" pageEncoding="UTF-8"%>
Ejemplo: que hemos utilizado en Presentación.jsp en ejemplo 2:
<%@page import="java.util.Date" %>
Comentario
Formas de escribir comentarios en JSP.

Los comentarios en los que se utiliza etiquetas HTML en un archivo jsp y que si
recibe el cliente o peticionario de la página:

Comentario escrito en Java entre los identificadores <% y %> que no se

enviarán al cliente solicitante de la página, sólo aparecen en la propia página JSP y en
su servlet asociado.
<% // Comentario en Java de una sóla línea %>
Si queremos escribir un comentario para varias líneas:
<% /* Comentario
de varias líneas*/ %>
También(que es el que se observa de la línea 1 a la 5 en la plantilla de

NetBeans):
<%-- Comentario escrito con JSP --%>
Ejemplo 3:
En el mismo proyecto crear “Comentarios.jsp” y en la plantilla agregar las líneas que

se muestran:
Luego hacer clic derecho sobre la página web y ver código fuente. Verificar el
resultado acerca de nuestros comentarios.
Ejemplo 4: Realizar La suma de dos números.
Creamos el proyecto de nombre: OPERACION.

En el index.jsp de nuestro proyecto OPERACION vamos a crear un formulario,

como se muestra en la imagen:
Luego creamos el archivo “suma.jsp”, al cual se hace referencia en la imagen

de arriba precisamente en action, en el cual escribiremos conforme a la imagen:
Hacer clic derecho en nuestro proyecto y seleccionar ejecutar. Aparecerá

Luego de “Aceptar”, se mostrará la imagen siguiente. Puede regresar para

volver a efectuar otra suma.
También podemos aprovechar este ejemplo para trabajar uno de los elementos
JSP: la declaración, para definir una variable:
<%! int resultado;%>
Ver la imagen:
Ejemplo 5:
Calcular el salario total de un trabajador, conociendo la cantidad de días

trabajados y el pago por día. Además mostrar sus datos personales ingresados, como
su nombre, dirección y su teléfono.
Se ha creado un formulario. Para el presente ejemplo el formulario se ha

elaborado utilizando la paleta(ventana del lado derecho). Una forma de colocar los
objetos puede ser haciendo doble clic sobre “Form” y aparece una ventana donde
poner algunos elementos, por ejemplo:
También para las cajas de texto:
En “index.jsp” se debe escribir como se muestra en la imagen, que

corresponde al formulario donde se ingresan los datos, tener presente la importancia
del name.
Luego crear “calcula.jsp” que aparece en el action del archivo index.

Ejecutar nuestra aplicación web. Escribir los datos que se solicita y luego
Calcular.
Finalmente observa la imagen con los resultados :
Se puede lograr una mejor presentación si se utiliza tablas.

JavaServer Pages

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

JavaServer Pages

Caricato da

Copyright:

Formati disponibili

Tecnología de Programación V Ciclo

Un JSP es uno de los componentes más básicos empleados para aplicaciones

Como nosotros utlizamos NetBeans, no tenemos porque preocuparnos por

A continuación se muestra un ejemplo sencillo de un JSP.

Donde se puede observar que el código Java va encerrado entre:

Ing. Ricardo More Reaño

¿Cómo Funcionan las Páginas JSP?

Ejemplo 1: creación de una aplicación web simple(Mensaje) usando NetBeans.

 En la siguiente ventana poner un nombre a nuestro proyecto, puede colocar el

Ing. Ricardo More Reaño

 Aparece la ventana en la que tiene que seleccionar el servidor(Server), en

 Ya podemos hacer clic en Finalizar(Finish) para que aparezca nuestro proyecto

Ing. Ricardo More Reaño

 Se ha creado nuestro proyecto SALUDO. En el nodo Páginas Web(Web

 Describiendo brevemente el contenido de la página, de la línea 1 al 5(lado

Ing. Ricardo More Reaño

 Ahora clic derecho en el nombre de nuestro proyecto y Ejecutar(Run) ,

Ejemplo 2: En el siguiente ejemplo vamos a crear un enlace desde la página ya

 Creamos Presentación.jsp. Clic derecho en nuestro proyecto, nuevo(New),

Ing. Ricardo More Reaño

Ing. Ricardo More Reaño

 El archivo aparecerá en nuestro proyecto, junto al index.

 Agregar la siguientes líneas debajo del código Java en index.jsp.

 Quedará como se muestra:

Ing. Ricardo More Reaño

 En Presentación.jsp escribir las líneas que se muestran.

 Ahora clic derecho en el nombre de nuestro proyecto y Ejecutar(Run) ,

 Ya se puede utilizar los hipervínculos.

Ing. Ricardo More Reaño

UTILIZACIÓN DE UN ELEMENTO JSP

Las expresiones en JSP permiten que el resultado de la evaluación de una

Ing. Ricardo More Reaño

Alternativamente, usando los espacios de nombres de XML:

<%= a+b %>

<%= new java.util.Date() %>.

Es un trozo de código Java.

<%! int num1 = 10; double num2 = 2.0; %>

<%@page language="java" import="java.util.*" %>

Ejemplo: Que aparece en la plantilla del NetBeans

<%@page contentType="text/html" pageEncoding="UTF-8"%>

Ejemplo: que hemos utilizado en Presentación.jsp en ejemplo 2:

<%@page import="java.util.Date" %>

Formas de escribir comentarios en JSP.

Ing. Ricardo More Reaño

Comentario escrito en Java entre los identificadores <% y %> que no se

<% // Comentario en Java de una sóla línea %>

Si queremos escribir un comentario para varias líneas:

de varias líneas*/ %>

También(que es el que se observa de la línea 1 a la 5 en la plantilla de

<%-- Comentario escrito con JSP --%>

En el mismo proyecto crear “Comentarios.jsp” y en la plantilla agregar las líneas que

Ejemplo 4: Realizar La suma de dos números.

Creamos el proyecto de nombre: OPERACION.

Ing. Ricardo More Reaño

En el index.jsp de nuestro proyecto OPERACION vamos a crear un formulario,

Luego creamos el archivo “suma.jsp”, al cual se hace referencia en la imagen

Hacer clic derecho en nuestro proyecto y seleccionar ejecutar. Aparecerá

Ing. Ricardo More Reaño

Luego de “Aceptar”, se mostrará la imagen siguiente. Puede regresar para

<%! int resultado;%>

Calcular el salario total de un trabajador, conociendo la cantidad de días

Ing. Ricardo More Reaño

Se ha creado un formulario. Para el presente ejemplo el formulario se ha