Programacin Web

Laboratorio 1
JSP (Primera Parte)
1. Qu es JSP?
Java Server Pages (JSP) es una tecnologa que nos permite mezclar HTML esttico con HTML
generado dinmicamente.
Adems nos permite generar contenido dinmico para web, en forma de documentos HTML, XML o de otro tipo.
Esta tecnologa es un desarrollo de la compaa Sun Microsystems. La Especificacin JSP 1.2 fue la primera que se
liber y en la actualidad est disponible la Especificacin JSP 2.1.
Las JSP's permiten la utilizacin de cdigo Java mediante scripts. Adems, es posible utilizar algunas acciones JSP
predefinidas mediante etiquetas. Estas etiquetas pueden ser enriquecidas mediante la utilizacin de Bibliotecas de
Etiquetas (TagLibs o Tag Libraries) externas e incluso personalizadas.
Para ejecutar las pginas JSP, se necesita un servidor Web con un contenedor Web que cumpla con las
especificaciones de JSP.
1.1 Directivas
Son etiquetas a partir de las cuales se genera informacin que puede ser utilizada por el motor de JSP.
No producen una salida visible al usuario sino que configura cmo se ejecutar la pgina JSP.
Su sintaxis es:
<%@ directiva atributo="valor" %>
Las directivas disponibles son:
* include: Incluye el contenido de un fichero en la pgina mediante el atributo file.
<%@ include file="cabecera.html" %>
* taglib: Importa bibliotecas de etiquetas (Tag Libraries)
<%@ taglib uri="/tags/struts-html" prefix="html" %>
* page: Especifica atributos relacionados con la pgina a procesar. Los atributos son:
<%@ page import="class; class" %>
<%@ page session="false" %>
<%@ page contentType="class; class" %>
<%@ page buffer="12KB" %>
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 1 -
Programacin Web
1.2 Scriptlets
Nos permite declarar variables, funciones y datos estticos.
<%! int maxAlumnosClase = 30; %>
Ejemplo 01: Imprimir Ttulo
a) Crear el proyecto ImprimeTitulo
Figura 01: Creacin de un Nuevo Proyecto
b) Asignar el nombre ProyectoTitulo
Figura 02: Asignando Ttulo al proyecto
c) Seleccionar el servidor de Aplicacin y la versin Java EE
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 2 -

Figura 03: Definiendo el servidor y versin de Java
d) Una vez seleccionada el botn Finish, automticamente se crea la pgina index.jsp (archivo inicial
del proyecto).
e) Agregar el siguiente cdigo al inicio del archivo index.jsp:
<%
String titulo = "Hola Universidad";
if (request.getAttribute("titulo") != null) {
titulo = (String) request.getAttribute ("titulo");
}
%>
f) Finalmente el cdigo debe quedar como muestra en la figura de abajo:
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 3 -

g) El resultado de este programa debe mostrar lo siguiente
Figura 04: Resultado del programa
Ejemplo 02: Calculo
Para desarrollar este programa crear en el proyecto Basico el archivo JSP de nombre calculo.jsp.
Para Calcular el rea de un tringulo, se debe tomar en cuenta la siguiente lgica:
Area = (Base * Altura) /2
El cdigo fuente es el siguiente:
<%--
Document : calculo
Created on : 19-ago-2011, 13:05:43
Author : root
--%>
<%
// declarando variables
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 4 -

int base=0,altura=0; double area=0;
if(request.getParameter("OK") != null)
{
base = Integer.parseInt(request.getParameter("BASE"));
altura = Integer.parseInt(request.getParameter("ALTURA"));
// Se calcula la formula
area= base * altura / 2.0 ; };
// construyendo forma dinamica un formulario y combinando JSP con HTML
out.println("<FORM ACTION=calculo.jsp METHOD=post>");
out.println("DAME LA BASE:<INPUT TYPE=TEXT NAME=BASE value="+base+"><BR>");
out.println("DAME LA ALTURA:<INPUT TYPE=TEXT NAME=ALTURA value="+altura+"><BR>");
out.println("AREA:<INPUT TYPE=TEXT NAME=AREA value="+area+"><BR>");
out.println("<INPUT TYPE=SUBMIT NAME=OK VALUE=evento1 ><BR>");
out.println("</FORM>");
%>
Donde:
a) Al principio del programa se deber declarar e inicializar a 0 o sin valores todas las variables del programa.
b) Se est usando una instruccin IF para revisar el VALUE de SUBMIT, recordar que cuando el usuario pide por
primera vez el programa al servidor , el VALUE del objeto SUBMIT es null, ya que el usuario carga datos en los
objetos TEXT y realiza un click en SUBMIT, el value de SUBMIT pasa a valer evento1.
c) Se est usando el objeto REQUEST.GETPARAMETER( VALUE OBJETO HTML) para leer la propiedad VALUE de
los objetos HTML y de paso cargarlos en las variables java apropiadas.
d) Recordar que todos los datos que entran o salen de un objeto html seran de tipo string.
e) Se usa el mtodo parseInt(string) para convertir la string a int.
Ejecucin:
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 5 -

Figura 05: Presentacin del resultado del programa calculo
Ejemplo 03: Sueldo
En este ejemplo vamos a utilizar la INSTRUCCIN IF, es la instruccin condicional ms usada en los diversos
lenguajes de programacin, su formato completo y de trabajo en java jsp es:
cargar o asignar la variable de condicin;
if (condicin) { grupo cierto de instrucciones;}
else
{ grupo falso de instrucciones; };
Importante:
Primario.- Observar donde van y donde no van los puntos y comas;
Secundario.- La condicin va entre parntesis ;
Terciario.- Si un if no ocupa un grupo falso de instrucciones entonces no se pone el else, y la llave antes
del else si terminara con punto y coma.
Para el desarrollo de este programa vamos a crear el archivo sueldo.jsp
<%
// declarando variables
int sueldo=0;String res="";
if(request.getParameter("OK") != null)
{
//realizando conversiones string a INT
sueldo = Integer.parseInt(request.getParameter("SUELDO"));
if (sueldo >= 3000)
{ res="RICO"; }
else {res="POBRE"; };
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 6 -

};
// construyendo forma dinamica
out.println("<FORM ACTION=sueldo.jsp METHOD=post>");
out.println("DAME SUELDO:<INPUT TYPE=TEXT NAME=SUELDO value="+sueldo+"><BR>");
out.println("EVALUACION:<INPUT TYPE=TEXT NAME=RES value="+res+"><BR>");
out.println("<INPUT TYPE=SUBMIT NAME=OK VALUE=evento1 ><BR>");
out.println("</FORM>");
%>
Finalmente tenemos:
Figura 06: Presentacin del resultado del programa sueldo
Ejemplo 4:Animales
Esta instruccin es una instruccin de decisin mltiple donde el compilador prueba o busca el valor contenido en
una variable ENTERA o CHARACTER contra una lista de constantes apropiadas, es decir enteras, character,
cuando el computador encuentra el valor de igualdad entre variable y constante entonces ejecuta el grupo de
instrucciones asociados a dicha constante, si no encuentra el valor de igualdad entre variable y constante, entonces
ejecuta un grupo de instrucciones asociados a un default, aunque este ltimo es opcional.
El formato de esta instruccin es el siguiente;
capturar o asignar variable de condicin;
switch(var OPCION)
{ case const1: instruccin(es);
break; case const2: instruccin(es);
break; case const3: instruccin(es);
break;
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 7 -


default: instruccin(es);
};
Para este ejemplo el nombre del archivo a crear ser animales.jsp
<%
// declarando
char letra=' ';
if(request.getParameter("OK") != null)
{
//recordar que TEXTBOX contiene una string
letra=request.getParameter("LETRA")charAt(0);
switch(letra)
{case 'a':
out.println("aguila ");
break;
case 'b': case 'B':
out.println("baca ");
break;
case 'c':
out.println("caballo ");
break;
default:
out.println("no hay ");
};
// observar que se puede escribir directamente a la pagina dinamica
// esto es para los flojos
};
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 8 -


// construyendo forma dinamica
out.println("<FORM ACTION=animales.jsp METHOD=post>");
out.println("DAME UNA LETRA:<INPUT TYPE=TEXT NAME=LETRA value="+letra+"><BR>");
out.println("<INPUT TYPE=SUBMIT NAME=OK VALUE=evento1 ><BR>");
out.println("</FORM>");
%>
Figura 07: Presentacin del resultado del programa animales
Actividades:
a) Calcular el mayor y menos nmero
b) Ingresar datos en un formulario e imprimir los datos ingresados en una nueva pgina JSP
c) Calcular la raz cuadrada de cualquier nmero
Docente: MSc. Daniel Alejandro Yucra Sotomayor
Consultas: dyucra@gmail.com
MSc. Daniel Alejandro Yucra Sotomayor Pag. - 9 -