Sesion 4. Desarrollo de Componentes Web Con Servlets y JSP PDF

Desarrollo de Componentes
Web con Servlets y JSP

Contenidos
Tecnologías de aplicaciones web
Arquitectura cliente-servidor
de HTTP
Estructura de un sitio web

Estructura lógica vs física del sitio
Localizador uniforme de recursos

Sitios web y aplicaciones web

Un sitio web es una colección de archivos
estáticos, páginas HTML, gráficos y otros
archivos diversos.
Una aplicación web es un sitio web con
funcionalidad dinámica en el servidor. Una
aplicación web ejecuta programas en el
servidor.
Un Servicio Web es un servicio que una
aplicación ofrece a otra a través de World
Wide Web y transferencia de datos en XML.
Ejecución de programas CGI

Ejecución de programas CGI

Ejecución de servlets Java

Java Servlets
Tecnología JavaServer Pages

Comparación entre servlets y componentes JSP
JSP: Proceso de compilación

Comparación entre servlets y componentes JSP
Ejemplo: de JSP a Servlet

(Tomcat)
Arquitectura web: capas

Arquitectura web: MVC

Arquitectura del modelo 2

Ejemplo de arquitectura Java

EE
Contenidos
Desarrollo de componentes visuales
Tipos de componentes
visuales
Presentación de datos
Incluye todos los datos presentados en una pantalla visible.
Existen numerosas formas de presentación, como gráficos,
hojas de cálculo, listados, etc.
Formularios de datos
Los formularios de entrada de datos también se consideran
componentes visuales.
Ayudas de navegación
Este tipo de vistas incluye menús, hipervínculos, mapas del
sitio, etc.
Pantallas informativas o ventanas emergentes
Este tipo de vistas incluye texto de bienvenida,
instrucciones, pantallas de ayuda, mensajes de error,
cuadros de confirmación, etc.
Caso de ejemplo de liga de

fútbol
Modelo de análisis de un caso

de uso
Páginas de List Leagues
Inicial
Lista de ligas
Ej: Ligas v.0

Protocolo de
transferencia de
hipertexto
(HTTP)
Solicitud HTTP: método GET

Respuesta HTTP
Arquitectura de contenedor
web
Proceso de solicitud y
respuesta
1. El navegador se conecta al contenedor
web
2. El contenedor web crea dos objetos
con los flujos de entrada/salida
3. El contenedor web ejecuta el servlet
4. El servlet utiliza el flujo de salida para
generar la respuesta
1º: El navegador se conecta al

contenedor web
2º: Contenedor web crea dos

objetos con flujos entrada/salida
3º: El contenedor web ejecuta

el servlet
4º: El servlet utiliza el flujo de

salida para generar la respuesta
Diagrama de secuencia de una

solicitud HTTP GET
Utilización de las API de petición y respuesta
Utilización de las API de

petición y respuesta
WebContainer
ContentType[W]
Attributes[R/W/D] Writer[W]
Parameters[R] OutputStream[W]
Session[R/W/D] Cookies[W]
Cookies [R] Redirect[W]
HttpServeltRequest HttpServletResponse
service()
service ()
Desarrollo de un servlet de
HTTP simple
Ej: Ligas v.1

La API de HttpServlet
Estructura física de la
aplicación: fichero WAR
Estructura lógica
Configuración de la aplicación:
web.xml
Configuración de la aplicación:
web.xml
Contenidos
Desarrollo de componentes controladores
Tipos de componentes
controladores
Procesan la entrada del usuario
La entrada de una solicitud HTTP se suministra mediante
formularios web (o HTML). Estos formularios permiten al usuario
introducir datos de texto, seleccionar botones de opción, casillas de
verificación, listas desplegables, etc. En los formularios web se usa
un botón de envío para enviar los datos al servidor web.
Permiten navegar por la pantalla
En un nivel elemental, los hipervínculos de las páginas web son
una forma de navegación en pantalla. Algunos mecanismos de
navegación pueden requerir datos (como usar una lista
desplegable) para seleccionar la próxima pantalla donde navegar.
Preparan datos para componentes visuales
Algunos controladores sólo pueden preparar datos de negocio para
presentarlos en una vista. Un buen ejemplo de ello son los
informes.
Add a New League :

Modelo de análisis
Add a New League:

Modelo de análisis
Éxito
Success
Error
Error
Estructura de la solución
Jerarquía física
Jerarquía lógica
Solicitud de método HTTP GET

Solicitud de método HTTP

POST
Métodos HTTP GET y POST

El método HTTP GET se utiliza cuando:
El procesamiento de la solicitud es idempotente.
Esto significa que la solicitud no tiene efectos
secundarios en el servidor.
La cantidad de datos del formulario es pequeña.
Se desea asignar un marcador a la solicitud.
El método HTTP POST se utiliza cuando:
El procesamiento de la solicitud modifica el estado
del servidor, como al almacenar datos en una
base de datos.
La cantidad de datos del formulario es grande.
El contenido de los datos no debe aparecer en la
URL (por ejemplo, contraseñas).
Desarrollo de servlets
controladores
1. Recuperar parámetros del formulario
de la solicitud HTTP.
2. Efectuar las conversiones de datos de
los parámetros del formulario.
3. Verificar los parámetros del formulario.
4. Ejecutar la lógica de negocio.
5. Distribuir a los siguientes componentes
visuales según los resultados de los
pasos anteriores.
Controlador AddLeague
Ej: Ligas v.2
Distribución (dispatch) desde

el controlador a una vista
Ámbito de solicitud (Request)
Ej: Ligas v.2

Ej: Ligas v.2.1
Uso de un distribuidor de
solicitudes
Contenidos
Desarrollo de formularios dinámicos
Ciclo de vida de un servlet

1º Carga de clases de servlet

Una instancia por definición de

servlet
2º: Método de ciclo de vida

init()
3º: Método de ciclo de vida

service()
Método de ciclo de vida

destroy()
Uso de parámetros de
inicialización
Ej: Ligas v.2.1

Modelo de arquitectura de Add

League (fase 1)
Ej: Ligas v.2.1

La API de ServletConfig
Configuración de parámetros
de inicialización
Manejo de errores en un
formulario web
Capturas de pantalla de
manejo de errores
Ej: Ligas v.3

Ej: Ligas v.3.1
Modelo de arquitectura de Add

League (fase 2)
Ej: Ligas v.3.1

Estructura de la aplicación
Estructura física
Cómo volver a rellenar

formularios web
Contenidos
Compartición de recursos mediante el contexto de servlet
Ejemplo de uso del contexto

Contexto de servlet
Un objeto ServletContext es la representación de
tiempo de ejecución de la aplicación web
Modelo de arquitectura de la
liga de fútbol
Ej: Ligas v.4

Desarrollo de un receptor de
eventos de contexto de servlet
Ej: Ligas v.4.1

Modificaciones:
web.xml,
estructura
Diseño de la capa de negocio
Caso de uso:
registro en una liga
Diagrama de colaboración
Diagrama de secuencia
Diagrama de despliegue
Ej: Ligas v.5

Entidades de dominio
Diseño de componentes de
servicio
Las operaciones CRUD relativas a
entidades no las puede realizar el
componente de entidad en sí
Servicio de fachada
Menor acoplamiento
Contenidos
Desarrollo de aplicaciones web mediante Struts
Patrón MVC hasta ahora

MVC en Framework Struts
Un solo servlet
Ej: Ligas v.6

Patrón Frontal Controller

Todas las peticiones *.do pasan por el
Action Servlet Struts
Estructura MVC de Struts

Servlet de controlador de infraestructura
Struts suministra la clase ActionServlet.
Este servlet (y otras clases de soporte) leen el archivo de
configuración de Struts para configurar las asignaciones entre
los patrones URL y las clases de acción (controlador).
Clases básicas
La estructura Struts tiene numerosas clases. Al construir una
aplicación, puede concentrarse en ampliar sólo algunas de
ellas. En concreto, se hereda de la clase Action para
crear componentes controladores.
Archivos de configuración
Struts proporciona la definición de tipo de documento (DTD)
del archivo struts-config.xml.
Procesamiento de solicitudes
de Struts
API de clases Action de Struts

Configuración del controlador

de infraestructura
Archivos JAR
de Struts
Contenidos
Desarrollo de aplicaciones web mediante gestión de sesión
Sesiones de contenedor web

HTTP es un protocolo sin sesión
El contenedor se encarga de la gestión
Caso de uso:
Registrarse en una liga
Ej: Ligas v.7

Pantallas, formularios,
servlets, actions, forwards…
API de sesión
Interfaz HttpSession
Timeout
Deprecated methods
Creación / Cierre
Timeout de sesión
Configurado en web.xml
Manejado por API

API de Cookie
Gestión de sesión mediante

cookies Nombre estandarizado
En primera conexión
En resto de conexiones…
Uso de reescritura de URL

para gestión de sesión
Contenidos
Uso de filtros en aplicaciones web
Procesado de peticiones
Aplicación de filtros a
solicitudes entrantes
Ej: Ligas v.8

Cadenas de filtros
Uso modular de filtros

Aplicación de filtros a
solicitudes en dispatch
API de filtro
Configuración
en web.xml
Precedencia en la aplicación
Contenidos
Integración de aplicaciones web con bases de datos
Objetos de
dominio y
tablas
Patrón de objeto de acceso a

datos (DAO)
Oculta la gestión
del SQL las
clases de
Servicio
Ventajas del patrón DAO

La lógica de negocio y la lógica de acceso a datos
están separadas.
Los objetos de acceso a datos fomentan la
reutilización y la flexibilidad al cambiar el sistema.
Se pueden crear nuevos servicios de negocio que reutilicen
la lógica de acceso a datos en las clases DAO.
Los desarrolladores que escriben otros servlets
pueden reutilizar el mismo código de acceso a datos.
Permite realizar cambios en tecnologías de cliente
(frontend).
Permite cambiar los componentes de la capa de web
sin alterar la lógica de acceso a datos existente.
Permite realizar cambios en tecnologías de BDD.
Uso de una fuente de datos y

la API JNDI
Contenidos
Desarrollo de páginas JSP

Los diseñadores web diseñan sin saber
Java
Programadores escriben código sin
preocuparse por el diseño web

Cómo se procesa una página

de JSP
Cómo se procesa una página

de JSP
Desarrollo e implementación
de páginas de JSP
Jerarquía de implementación Jerarquía lógica

Elementos de secuencia de
comandos de JSP
Las secuencias de comandos están desaconsejadas

Elementos en las páginas JSP

Formas sintácticas de las

etiquetas JSP
Forma general: <%@ directive { attr=”value” }* %>
Directivas JSP
Las directivas son mensajes al contenedor
de JSP
Ejemplos:
Elemento Descripción
Permite importar clases Java, especificar el
<%@ page ... %> tipo de la respuesta (“text/html” por omisión),
etcétera
Permite incluir otros ficheros antes de que la
<%@ include ... %>
página sea traducida a un servlet
Declara una biblioteca de etiquetas con
<%@ taglib ... %> acciones personalizadas para ser utilizadas en
la página
Directiva page
Directiva import
Inserta el texto de otro recurso en
tiempo de compilación
Ejemplo: directiva include

Elementos de “scripting”
Elemento Descripción
<% ... %> Scriptlet.. se usa para meter código Java dentro
Scriptlet
Expresión. Permite acceder al valor devuelto por
Expresión.
<%= ... %>
una expresión en Java e imprimirlo en OUT
Declaración. Usada para declarar variables y
Declaración.
<%! ... %>
métodos en la clase correspondiente a la página
Comentario. Comentario ignorado cuando se
Comentario.
<%
<%--
-- … -- %> traduce la página JSP en un servlet.
--%>
(comentario en el HTML <!--
<!-- comment )
Ejemplo: expresión, saludo.jsp

<%=
expresión
Nota: Si se necesita usar los

caracteres "%>" dentro de un
scriptlet, hay que usar "%\>" y
“<\%”
Ejemplo: scriptlet, saludo.jsp
<%
Ejemplo: declaración,
saludo.jsp
<%!
JSP: Objetos predefinidos

El código java incrustado en JSP tiene
acceso a los mismos objetos
predefinidos que tenían los servlets
Aquí se llaman como sigue:
request
response Se puede acceder a
ellos directamente
pageContext desde los “scriptlets”
session
application
out
config
Acciones JSP
Etiquetas XML que tienen
procesamiento asociado
<jsp:useBean
<jsp:useBean id=“”
Ambitos JSP
Directiva taglib
Declara que la página usa una librería
de tags (acciones)
<%@ taglib uri=”http://www.mycorp/supertags” prefix=”super” %>
...
<super:doMagic>
Alias definido en web.xml
...
</super:doMagic>
Identifica la librería por su URI

Le asocia un prefijo para usar en el
Syntax
código de la JSP
<%@ taglib ( uri=”tagLibraryURI” | tagdir=”tagDir” ) prefix=”tagPrefix” %>
Bibliotecas de etiquetas personalizadas
Ejemplo de uso de JSTL y EL
Ej: Ligas v.9

Contenidos
Desarrollo de páginas JSP con etiquetas personalizadas
Roles de trabajo de Java EE

en aplicaciones Web
Diseñadores de web
Desarrolladores de componentes web
Desarrolladores de componentes de
negocio
Las etiquetas personalizadas permiten

desarrollar por completo una página de
JSP sin utilizar código Java
JSP con bibliotecas de etiquetas

personalizadas
Ej: Ligas v.9
Con etiquetas
Con scriplet
Qué es una biblioteca de

etiquetas personalizadas
Etiquetas JSTL
Acciones básicas
Acciones básicas++
Procesamiento de XML
Acciones de formato
Acciones de formato
Acceso a base de datos

relacional
Funciones
Funciones
Contenidos
Desarrollo de aplicaciones web mediante formularios de acción de Struts
Componentes de aplicación de
Struts
Repaso de los elementos de

modelo
Ej: Ligas v.9

Repaso de los elementos de

vista
Jsp, actions, forwards…

Desarrollo de una clase

ActionForm
Un objeto representa
al formulario
Biblioteca de etiquetas html de

Struts
Contenidos
Creación de componentes de presentación reutilizables
Diseños de página complejos

Maquetación con tablas
@copyright
Organización de segmentos de
presentación
Inclusión de segmentos en
páginas de JSP
La directiva include
La acción estándar jsp:include

Uso de la acción estándar

jsp:param
Segmento banner.jsp
Desarrollo de diseños con

Struts Tiles
layoutPage.jsp
Rediseño con Tiles

index.jsp
thakyou.jsp
Ligas v.x
Resumen de versiones
V.0: contenido estático
V.1: lista de ligas dinámica
V.2: añadir ligas, formulario estático
V.2.1: form con servlet, lista estaciones en servelt-param
V.3: gestión de errores de formulario, doPost y doGet
V.3.1: no se pierden datos en formulario erróneo
V.4: cargar ligas de contexto de aplicación
V.4.1: cargar datos de fichero
V.5: capa de servicio
V.6: añade Struts
V.7: gestión de la sesión
V.8: filtro
V.9: vista con jsp, tags jsp y formularios Struts

Sesion 4. Desarrollo de Componentes Web Con Servlets y JSP PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Sesion 4. Desarrollo de Componentes Web Con Servlets y JSP PDF

Cargado por

Copyright:

Formatos disponibles

Desarrollo de Componentes

Web con Servlets y JSP

Estructura de un sitio web

Localizador uniforme de recursos

Sitios web y aplicaciones web

Ejecución de programas CGI

Ejecución de programas CGI

Ejecución de servlets Java

Tecnología JavaServer Pages

JSP: Proceso de compilación

Ejemplo: de JSP a Servlet

Arquitectura web: capas

Arquitectura web: MVC

Arquitectura del modelo 2

Ejemplo de arquitectura Java

Caso de ejemplo de liga de

Modelo de análisis de un caso

Páginas de List Leagues

Ej: Ligas v.0

Solicitud HTTP: método GET

1º: El navegador se conecta al

2º: Contenedor web crea dos

3º: El contenedor web ejecuta

4º: El servlet utiliza el flujo de

Diagrama de secuencia de una

Utilización de las API de

Cookies [R] Redirect[W]

Ej: Ligas v.1

Add a New League :

Add a New League:

Solicitud de método HTTP GET

Solicitud de método HTTP

Métodos HTTP GET y POST

Distribución (dispatch) desde

Ámbito de solicitud (Request)

Ej: Ligas v.2

Ciclo de vida de un servlet

1º Carga de clases de servlet

Una instancia por definición de

2º: Método de ciclo de vida

3º: Método de ciclo de vida

Método de ciclo de vida

Ej: Ligas v.2.1

Modelo de arquitectura de Add

Ej: Ligas v.2.1

Ej: Ligas v.3

Modelo de arquitectura de Add

Ej: Ligas v.3.1

Cómo volver a rellenar

Ejemplo de uso del contexto

Ej: Ligas v.4

Ej: Ligas v.4.1

Ej: Ligas v.5

Patrón MVC hasta ahora

MVC en Framework Struts

Ej: Ligas v.6

Patrón Frontal Controller

Estructura MVC de Struts

API de clases Action de Struts

Configuración del controlador

Sesiones de contenedor web

Ej: Ligas v.7

Manejado por API