Sesion 4. Desarrollo de Componentes Web Con Servlets y JSP

Desarrollo de Componentes Web con Servlets y JSP
Contenidos
Tecnologas de aplicaciones web
Arquitectura cliente-servidor de HTTP
Estructura de un sitio web

Estructura lgica vs fsica del sitio
Localizador uniforme de recursos
Sitios web y aplicaciones web

Un sitio web es una coleccin de archivos estticos, pginas HTML, grficos y otros archivos diversos. Una aplicacin web es un sitio web con funcionalidad dinmica en el servidor. Una aplicacin web ejecuta programas en el servidor. Un Servicio Web es un servicio que una aplicacin ofrece a otra a travs de World Wide Web y transferencia de datos en XML.
Ejecucin de programas CGI
Ejecucin de programas CGI
Ejecucin de servlets Java
Java Servlets
Tecnologa JavaServer Pages
Comparacin entre servlets y componentes JSP
JSP: Proceso de compilacin
Comparacin 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

Presentacin de datos
Incluye todos los datos presentados en una pantalla visible. Existen numerosas formas de presentacin, como grficos, hojas de clculo, listados, etc.
Formularios de datos
Los formularios de entrada de datos tambin se consideran componentes visuales.
Ayudas de navegacin
Este tipo de vistas incluye mens, hipervnculos, 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 confirmacin, etc.
Caso de ejemplo de liga de ftbol
Modelo de anlisis de un caso de uso
Pginas de List Leagues

Inicial
Lista de ligas
Ej: Ligas v.0
Protocolo de transferencia de hipertexto (HTTP)
Solicitud HTTP: mtodo 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
Utilizacin de las API de peticin y respuesta
Utilizacin de las API de peticin y respuesta

WebContainer ContentType[W] Attributes[R/W/D] Parameters[R] Session[R/W/D] Cookies [R] HttpServeltRequest Writer[W] OutputStream[W] Cookies[W] Redirect[W] HttpServletResponse
service() service()
Desarrollo de un servlet de HTTP simple
Ej: Ligas v.1
La API de HttpServlet
Estructura fsica de la aplicacin: fichero WAR
Estructura lgica
Configuracin de la aplicacin: web.xml
Configuracin de la aplicacin: 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 opcin, casillas de verificacin, listas desplegables, etc. En los formularios web se usa un botn de envo para enviar los datos al servidor web.
Permiten navegar por la pantalla

En un nivel elemental, los hipervnculos de las pginas web son una forma de navegacin en pantalla. Algunos mecanismos de navegacin pueden requerir datos (como usar una lista desplegable) para seleccionar la prxima pantalla donde navegar.
Preparan datos para componentes visuales

Algunos controladores slo pueden preparar datos de negocio para presentarlos en una vista. Un buen ejemplo de ello son los informes.
Add a New League : Modelo de anlisis
Add a New League: Modelo de anlisis
xito
Success
Error
Error
Estructura de la solucin
Jerarqua fsica Jerarqua lgica
Solicitud de mtodo HTTP GET
Solicitud de mtodo HTTP POST
Mtodos HTTP GET y POST

El mtodo 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 pequea. Se desea asignar un marcador a la solicitud.
El mtodo 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, contraseas).
Desarrollo de servlets controladores

1. Recuperar parmetros del formulario de la solicitud HTTP. 2. Efectuar las conversiones de datos de los parmetros del formulario. 3. Verificar los parmetros del formulario. 4. Ejecutar la lgica de negocio. 5. Distribuir a los siguientes componentes visuales segn los resultados de los pasos anteriores.
Controlador AddLeague
Ej: Ligas v.2
Distribucin (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 dinmicos
Ciclo de vida de un servlet
1 Carga de clases de servlet
Una instancia por definicin de servlet
2: Mtodo de ciclo de vida init()
3: Mtodo de ciclo de vida service()
Mtodo de ciclo de vida destroy()
Uso de parmetros de inicializacin
Ej: Ligas v.2.1
Modelo de arquitectura de Add League (fase 1)
Ej: Ligas v.2.1
La API de ServletConfig
Configuracin de parmetros de inicializacin
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 aplicacin
Estructura fsica
Cmo volver a rellenar formularios web
Contenidos
Comparticin de recursos mediante el contexto de servlet
Ejemplo de uso del contexto
Contexto de servlet
Un objeto ServletContext es la representacin de tiempo de ejecucin de la aplicacin web
Modelo de arquitectura de la liga de ftbol
Ej: Ligas v.4
Desarrollo de un receptor de eventos de contexto de servlet
Ej: Ligas v.4.1
Modificaciones: web.xml, estructura
Diseo de la capa de negocio
Caso de uso: registro en una liga
Diagrama de colaboracin
Diagrama de secuencia
Diagrama de despliegue
Ej: Ligas v.5
Entidades de dominio
Diseo 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
Patrn MVC hasta ahora
MVC en Framework Struts
Un solo servlet
Ej: Ligas v.6
Patrn 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 configuracin de Struts para configurar las asignaciones entre los patrones URL y las clases de accin (controlador).
Clases bsicas
La estructura Struts tiene numerosas clases. Al construir una aplicacin, puede concentrarse en ampliar slo algunas de ellas. En concreto, se hereda de la clase Action para crear componentes controladores.
Archivos de configuracin
Struts proporciona la definicin de tipo de documento (DTD) del archivo struts-config.xml.
Procesamiento de solicitudes de Struts
API de clases Action de Struts
Configuracin del controlador de infraestructura
Archivos JAR de Struts
Contenidos
Desarrollo de aplicaciones web mediante gestin de sesin
Sesiones de contenedor web

HTTP es un protocolo sin sesin El contenedor se encarga de la gestin
Caso de uso: Registrarse en una liga
Ej: Ligas v.7
Pantallas, formularios, servlets, actions, forwards
API de sesin
Interfaz HttpSession
Timeout
Deprecated methods
Creacin / Cierre
Timeout de sesin
Configurado en web.xml
Manejado por API
API de Cookie
Gestin de sesin mediante cookies Nombre estandarizado

En primera conexin
En resto de conexiones
Uso de reescritura de URL para gestin de sesin
Contenidos
Uso de filtros en aplicaciones web
Procesado de peticiones
Aplicacin de filtros a solicitudes entrantes
Ej: Ligas v.8
Cadenas de filtros
Uso modular de filtros
Aplicacin de filtros a solicitudes en dispatch
API de filtro
Configuracin en web.xml
Precedencia en la aplicacin
Contenidos
Integracin de aplicaciones web con bases de datos
Objetos de dominio y tablas
Patrn de objeto de acceso a datos (DAO)
Oculta la gestin del SQL las clases de Servicio
Ventajas del patrn DAO

La lgica de negocio y la lgica de acceso a datos estn separadas. Los objetos de acceso a datos fomentan la reutilizacin y la flexibilidad al cambiar el sistema.
Se pueden crear nuevos servicios de negocio que reutilicen la lgica de acceso a datos en las clases DAO.
Los desarrolladores que escriben otros servlets pueden reutilizar el mismo cdigo de acceso a datos. Permite realizar cambios en tecnologas de cliente (frontend). Permite cambiar los componentes de la capa de web sin alterar la lgica de acceso a datos existente. Permite realizar cambios en tecnologas de BDD.
Uso de una fuente de datos y la API JNDI
Contenidos
Desarrollo de pginas JSP

Los diseadores web disean sin saber Java Programadores escriben cdigo sin preocuparse por el diseo web
Cmo se procesa una pgina de JSP
Cmo se procesa una pgina de JSP
Desarrollo e implementacin de pginas de JSP
Jerarqua de implementacin
Jerarqua lgica
Elementos de secuencia de comandos de JSP
Las secuencias de comandos estn desaconsejadas
Elementos en las pginas JSP
Formas sintcticas de las etiquetas JSP

Forma general: <%@ directive { attr=value }* %>
Directivas JSP
Las directivas son mensajes al contenedor de JSP Ejemplos:
Elemento
<%@ page ... %>
Descripcin Permite importar clases Java, especificar el tipo de la respuesta (text/html por omisin), etctera Permite incluir otros ficheros antes de que la pgina sea traducida a un servlet Declara una biblioteca de etiquetas con acciones personalizadas para ser utilizadas en la pgina
<%@ include ... %>
<%@ taglib ... %>
Directiva page
Directiva import
Inserta el texto de otro recurso en tiempo de compilacin
Ejemplo: directiva include
Elementos de scripting
Elemento
<% ... %> <%= ... %> <%! ... %>
Descripcin
Scriptlet. Scriptlet. se usa para meter cdigo Java dentro Expresin. Expresin. Permite acceder al valor devuelto por una expresin en Java e imprimirlo en OUT Declaracin. Declaracin. Usada para declarar variables y mtodos en la clase correspondiente a la pgina
Comentario. Comentario. Comentario ignorado cuando se <%-- --%> traduce la pgina JSP en un servlet. <%---%> (comentario en el HTML <!-- comment ) <!--
Ejemplo: expresin, saludo.jsp

<%=
expresin
Nota: Si se necesita usar los caracteres "%>" dentro de un scriptlet, hay que usar "%\>" y <\%
Ejemplo: scriptlet, saludo.jsp

<%
Ejemplo: declaracin, saludo.jsp

<%!
JSP: Objetos predefinidos

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

Syntax
Le asocia un prefijo para usar en el cdigo 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 pginas JSP con etiquetas personalizadas
Roles de trabajo de Java EE en aplicaciones Web

Diseadores de web Desarrolladores de componentes web Desarrolladores de componentes de negocio Las etiquetas personalizadas permiten desarrollar por completo una pgina de JSP sin utilizar cdigo Java
JSP con bibliotecas de etiquetas personalizadas

Ej: Ligas v.9
Con scriplet
Con etiquetas
Qu es una biblioteca de etiquetas personalizadas
Etiquetas JSTL
Acciones bsicas
Acciones bsicas++
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 accin de Struts
Componentes de aplicacin 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
Creacin de componentes de presentacin reutilizables
Diseos de pgina complejos
Maquetacin con tablas
@copyright
Organizacin de segmentos de presentacin
Inclusin de segmentos en pginas de JSP

La directiva include
La accin estndar jsp:include
Uso de la accin estndar jsp:param
Segmento banner.jsp
Desarrollo de diseos con Struts Tiles

layoutPage.jsp
Rediseo con Tiles

index.jsp
thakyou.jsp
Ligas v.x Resumen de versiones

V.0: contenido esttico V.1: lista de ligas dinmica V.2: aadir ligas, formulario esttico V.2.1: form con servlet, lista estaciones en servelt-param V.3: gestin de errores de formulario, doPost y doGet V.3.1: no se pierden datos en formulario errneo V.4: cargar ligas de contexto de aplicacin V.4.1: cargar datos de fichero V.5: capa de servicio V.6: aade Struts V.7: gestin de la sesin V.8: filtro V.9: vista con jsp, tags jsp y formularios Struts

Sesion 4. Desarrollo de Componentes Web Con Servlets y JSP

Cargado por

Información del documento

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

Cargado por

Copyright:

Formatos disponibles

Desarrollo de Componentes Web con Servlets y JSP

Tecnologas de aplicaciones web

Arquitectura cliente-servidor de HTTP

Tecnologas de aplicaciones web

Estructura de un sitio web

Localizador uniforme de recursos

Tecnologas de aplicaciones web

Sitios web y aplicaciones web

Tecnologas de aplicaciones web

Ejecucin de programas CGI

Tecnologas de aplicaciones web

Ejecucin de programas CGI

Tecnologas de aplicaciones web

Ejecucin de servlets Java

Tecnologas de aplicaciones web

Tecnologas de aplicaciones web

Tecnologa JavaServer Pages

Comparacin entre servlets y componentes JSP

JSP: Proceso de compilacin

Comparacin entre servlets y componentes JSP

Ejemplo: de JSP a Servlet (Tomcat)

Tecnologas de aplicaciones web

Arquitectura web: capas

Tecnologas de aplicaciones web

Arquitectura web: MVC

Tecnologas de aplicaciones web

Arquitectura del modelo 2

Tecnologas de aplicaciones web

Ejemplo de arquitectura Java EE

Desarrollo de componentes visuales

Tipos de componentes visuales

Pantallas informativas o ventanas emergentes

Desarrollo de componentes visuales

Caso de ejemplo de liga de ftbol

Desarrollo de componentes visuales

Modelo de anlisis de un caso de uso

Desarrollo de componentes visuales

Pginas de List Leagues

Desarrollo de componentes visuales

Protocolo de transferencia de hipertexto (HTTP)

Desarrollo de componentes visuales

Solicitud HTTP: mtodo GET

Desarrollo de componentes visuales

Desarrollo de componentes visuales

Arquitectura de contenedor web

Desarrollo de componentes visuales

Proceso de solicitud y respuesta

Desarrollo de componentes visuales

1: El navegador se conecta al contenedor web

Desarrollo de componentes visuales

2: Contenedor web crea dos objetos con flujos entrada/salida

Desarrollo de componentes visuales

3: El contenedor web ejecuta el servlet

Desarrollo de componentes visuales

4: El servlet utiliza el flujo de salida para generar la respuesta

Desarrollo de componentes visuales

Diagrama de secuencia de una solicitud HTTP GET

Utilizacin de las API de peticin y respuesta

Utilizacin de las API de peticin y respuesta

Desarrollo de componentes visuales

Desarrollo de un servlet de HTTP simple

Ej: Ligas v.1

Desarrollo de componentes visuales

Desarrollo de componentes visuales