Desarrollo Web
Integrado
MSc. Yuliana Jáuregui Rosas
Conocimientos previo
• ¿Para que se usa Bootstrap?
• ¿Cuáles son los puntos que quiebre en Bootstrap?
Fundamentos de Java
Server Pages
Utilidad
Temario
➢ Aplicación web
➢ Petición y respuesta
➢ Java Server Pages
➢ Motor JSP
➢ Elementos JSP
➢ Comentarios
➢ Objetos implícitos en JSP
Logro
Al finalizar esta sesión el
estudiante desarrolla
aplicaciones web utilizando la
tecnología JSP
Aplicación web
• Una aplicación Web es un conjunto de páginas que funcionan en internet y
están codificadas en un lenguaje especial, el usuario ve estas páginas a
través de un navegador (Chrome, Mozilla Firefox, Microsoft Edge, Opera,
Safari, etc.).
• Existen varios formatos de páginas Web: HTML, JSP, XML, etc.
• Una aplicación Web se almacenan en un servidor bajo el control de un
software especial, al cual se le llama también servidor.
• Es decir el software servidor corre en una computadora servidor. Entre
los software servidores tenemos GlassFish, Apache Tomcat, etc.
Petición y respuesta
• El software servidor y el navegador del cliente se comunican por
medio del protocolo HiperText Transfer Protocol (HTTP).
• El navegador hace la petición de una página Web al servidor
enviándole un mensaje conocido como petición HTTP (request), la
cual incluye el nombre de un archivo *.html, y el servidor contesta a
esta petición con un mensaje conocido como respuesta HTTP
(response).
Petición y respuesta
Las páginas web estáticas se
ejecuta de la siguiente manera:
1. El navegador realiza una petición
HTTP al servidor a través de una
dirección web.
2. El servidor web localiza la página.
3. El servidor web envía una
respuesta HTTP que contiene la
página que fue solicitada por el
navegador.
Petición y respuesta
Las páginas web dinámicas, se ejecutan de
la siguiente manera:
• El navegador realiza una petición al
servidor a través de una dirección web.
• El servidor web localiza la pagina y la
envía la petición HTTP al servidor de
aplicaciones.
• El servidor de aplicaciones procesa la
información que contiene la petición.
• El servidor de aplicaciones genera una
respuesta y la envía al servidor web.
• El servidor web contesta al navegador con
una respuesta HTTP.
Java Server Page
• JSP es un acrónimo de Java Server Pages.
• Es una tecnología orientada a crear páginas web con programación en
Java.
• Es una página HTML a la que se le incrusta código Java, por lo que la
extensión del archivo de esta página es ".jsp" en vez de ".html" o".htm", lo
que le dice al servidor que esta página requiere un manejo especial que se
conseguirá con una extensión del servidor o un plug-in.
Java Server Page
Código java
Motor JSP
• El motor de las páginas JSP está basado en los servlets, que
son programas en Java destinados a ejecutarse en el servidor.
Elementos JSP
Existen tres tipos de elementos JSP que podemos insertar en una página
web:
Directivas • Permiten controlar distintos parámetros del servlet.
Acciones • Sirven para alterar el flujo normal de ejecución de la
página (por ejemplo: redirecciones).
Código • Constituido por las variables, métodos, expresiones,
sentencias, etc.
Directivas
• Las directivas JSP son instrucciones procesadas por el motor JSP.
• Las directivas le dicen al motor JSP que incluya ciertos paquetes y clases
que son necesarios para ejecutar el código.
• Las directivas están encerradas entre las etiquetas:
<%@ %>
• Ejemplo:
Directivas
Se pueden identificar dos tipos de directivas:
• include: permite incluir directamente el código de otro fichero en
el punto en que aparezca la directiva.
• import: permite importar clases Java utilizadas en la página
JSP, se coloca al inicio del documento.
• Por ejemplo:
Acciones
En JSP existen varios mecanismos para incluir elementos externos en la
página actual o redirigir la petición hacia otra página
• La directiva include permite insertar código en la página antes de que ésta
se transforme en un servlet. De este modo se pueden reutilizar fragmentos
de código JSP o HTML.
• La acción <jsp:include> permite insertar la salida de otra página JSP. Se
incluye la salida generada por el código JSP, no el código propiamente
dicho.
• La acción <jsp:plugin> permite incluir applets que hagan uso de Java 2.
• La acción <jsp:forward> sirve para redirigir la petición a otra página JSP.
Código
Existe tres formas para insertar código Java en una página JSP:
Expresiones Scriptlets Declaraciones
Expresión
• Una expresión se utiliza para desplegar como texto el contenido de una
variable Java. Para insertar una expresión en una JSP se usa la siguiente
sintaxis:
<%= expresión %>
• Por ejemplo las expresiones siguientes muestran el contenido de tres
variables :
Scriptlets
• Un scriptlet es un fragmento de código en Java que se incrusta en una
página JSP. Para insertar un scriptlet en una JSP, se utiliza la siguiente
sintaxis:
• Por ejemplo:
<% código en Java%>
Declaraciones
• Permiten definir variables o métodos que se insertan dentro del cuerpo del
JSP y del Servlet.
• Se utiliza la siguiente sintaxis:
<%! Declaración de variable %>
• Por ejemplo:
Comentario
• Para insertar comentarios en JSP, se utiliza la siguiente sintaxis:
<%-- Comentario --%>
• Ejemplo:
Resumen de Elementos
Etiqueta Nombre Descripción
<%@ %> Directiva Establece una condición para toda la JSP.
<% = %> Expresión Despliega el valor de una expresión en forma de texto.
<% %> Scriptlet Sirve para insertar un bloque de código Java.
<% ! %> Declaración Sirve para declarar variables y métodos en una JSP.
<%-- -- %> Comentario Se ignora lo que está dentro de la etiqueta.
Objetos implícitos de JSP
• Son variables instanciadas de manera automática en el servlet generado a
partir del JSP, para realizar peticiones y/o respuestas.
Objeto Significado
request Es un objeto HttpServletRequest asociado con la petición
response Es un objeto HttpServletRequest asociado con la respuesta
out Usa Writer para enviar la salida al cliente. La salida de JSP emplea un
buffer que permite enviar cabeceras HTTP o códigos de estado. Out no
es un PrintWriter sino un objeto de la clase JspWriter.
Objetos implícitos de JSP
Objeto Significado
sesión Es un objeto HttpSession asociado con la petición actual. En JSP las sesiones
se crean automáticamente, de modo que siempre este objeto estará
instanciado.
application Es un objeto ServletContext común a todos los servlets de la aplicación web
config Es un objeto ServletConfig empleado para leer parámetros de inicialización.
pagecontext Permite acceder desde un único objeto a todos los demás objetos impícitos
page Referencia al servlet generado (tiene el mismo valor que this). Esta
desarrollado para ser usado en un lenguaje de programación diferente a Java.
exception Representa un error producido en la aplicación. Solo es accesible si la pagina
es designada como pagina de error mediante la directiva isErrorPage.
Comunicación entre paginas
web
• La comunicación entre el cliente y el servidor se lleva a cabo mediante el
protocolo de comunicación HTTP el cual consta de peticiones (request) y
respuestas (response).
• Los tipos de peticiones HTTP más conocidas son GET y POST, las cuales
sirven para pasar parámetros (información) del cliente al servidor.
• La principal diferencia entre GET y POST son que las peticiones. GET lleva
los datos de forma "visible" en la URL y POST lleva los datos de forma
“oculta" desde un formulario.
Paso de un valor entre
paginas JSP
• Cuando una pagina web pasa un valor a otra pagina web, esta recibe los datos utilizando
el método getParameter() que tiene como argumento el nombre (name) de la etiqueta
mediante la cual se ingresaron los datos.
[Link]
[Link]
Aplicaciones
Implementar en el laboratorio
lo explicado en clase
Ejemplo 1
• Ingresar el nombre, edad, género e idiomas que habla una
persona, luego mostrar estos datos.
Ejemplo 2
• Ingresar 2 números. Calcular la suma y la raíz cuadrada de la
suma calculada.
Ejemplo 3
• Calcular el sueldo de un empleado cuya tarifa por hora es:
Categoría Tarifa
A 20.00
B 30.00
C 40.00
• Además de acuerdo a los años de servicio tiene una bonificación
de: Años de servicio Bonificación (%)
0 – 10 5
11 – 25 10
26 - 50 20
Resumiendo…
• JSP es __________________________________________.
• Los elementos de JSP son: ___________________________
____________________________________.
• Un scriptlet es ____________ y se define entre los signos
_________________.
• Una variable se declara entre los signos _________________.
