Taller de Sistemas de Información 2

Transcripción

1 Taller de Sistemas de Información 2 JSF - JavaServer Faces Introducción Evolución de los frameworks Web en Java Servlets / JavaServer Pages Apache Struts Otros frameworks Tapestry Echo Web Work Spring MVC 1

2 Qué es y porqué JSF? Un framework para el desarrollo de aplicaciones web basadas en Java Componentes que ejecutan en el servidor (como Swing) MVC para aplicaciones web Separación de roles Facilidad de uso Arquitectura extensible Soporte a independencia del cliente Estándar Soporte de vendedores e industria Especificación Desarrollada bajo la Java Community Process JSR 127 Versión 1.0 Año 2004 JSR 252 Versión 1.2 Año

3 Implementaciones Varias, algunas comerciales y otras open source Algunas: Sun JSF RI (Reference Implementation) Apache MyFaces Smile Oracle ADF Faces Hola Mundo - JSF 3

4 Hola Mundo - Html Hola Mundo 4

5 Patrón de diseño MVC MVC: Desacoplar el Modelo (o datos) de la presentación de los datos (Vista) Ventajas: Fácil mantenimiento, escalabilidad, testing unitario MVC Model 2 es una variación de MVC específica para aplicaciones web El modelo consiste de POJOs, EJBs u otros Vistas: JSP u otra tecnología despliegue Controller: siempre implementado como un Servlet Arquitectura JSF 5

6 Ciclo de vida La especificación define 6 fases primarias y los eventos son procesados después de la mayoría de ellas El proceso se inicia cuando llega el pedido al servlet JSF (JSF utiliza la Servlet API) Ciclo de vida 6

7 JSF Expression Language (EL) Sintaxis: #{expresión} EL permite Referenciar o actualizar propiedades de beans, no sólo propiedades simples sino también colecciones y arrays Evaluar sentencias simples Soporta mezclar valores literales y variables Permite acceder a parámetros de los pedidos y cabezales HTTP Evaluar sentencias matemáticas, lógicas, etc. JSF Expression Language (EL) Alcance de las variables Application Session Request Variables implícitas EL y componentes 7

8 JSF Expression Language (EL) Ejemplos de expresiones: #{10 + 5}: Retorna 15 Tu eres #{(user.edad > 18)? mayor : menor } Retorna el string Tu eres mayor #{myarraylist[5]} Retorna el quinto elemento de la lista almacenada bajo la clave myarraylist #{mymap[ foo ]} Retorna el objeto almacenado bajo la clave foo, del Map almacenado bajo la clave mymap Componente UI Objetos con estado, mantenidos en el servidor Son JavaBeans Interactúan con el usuario final Organizados en una vista (árbol de componentes) desplegada usualmente como una página 8

9 Componente UI Renderer Responsable de desplegar un componente UI Traduce la entrada de un usuario en un valor del componente Un renderer puede trabajar con varios componentes UI A su vez un componente UI puede asociarse a varios renderers diferentes 9

10 Validators Aseguran que el valor ingresado por el usuario es aceptable Un solo componente UI puede tener asociados uno o más validators Generan mensajes de error Validación en el servidor Validators Ejemplos: <h:inputtext id= LengthInput > <f:validatelength minimum= 2 maximum= 10 /> </h:inputtext> <h:inputtext id= input validator= #{registrationbean.validat } value= #{registrationbean. } /> 10

11 Backing Beans JavaBeans especializados que recolectan valores de componentes UI Implementan métodos que escuchan eventos (event listeners) Mantienen referencias a componentes UI Conductos entre la UI y el back-end Backing Beans Ejemplo definición: <managed-bean> <description>description hellobean</description> <managed-bean-name> hellobean </managed-bean-name> <managed-bean-class> com.virtua.jsf.sample.hello.hellobean </managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> 11

12 Converters Convierte un valor de un componente a string y viceversa para despliegue Un componente UI sólo puede estar asociado a un solo converter Ejemplo: <h:outputtext value= #{user.dateofbirth} > <f:convertdatetime type= date datestyle= medium /> </h:outputtext> Events and listeners JSF utiliza el modelo JavaBeans events/listeners (al igual que Swing) Componentes UI y otros objetos generan eventos Listeners se registran para manejar esos eventos 12

13 Mensajes Información que es desplegada al usuario Casi cualquier parte de la aplicación (backing beans, validators, etc.) puede generar mensajes Estos pueden ser información o mensajes de error que se pueden desplegar al usuario Navegación La habilidad de moverse de una página a la siguiente La navegación en JSF está integrada con event listeners especializados 13

14 Navegación Navigation rule Especifica las posibles rutas a seguir desde una página Navigation case Cada ruta de una navigation rule Manejador de navegación Decide que página cargar en base a la salida lógica de un método de acción Navegación Similar a Struts Configuración centralizada Navegación estática Cuando se hace clic en un botón la página JSF seleccionada es siempre la misma <h:commandbutton label="login" action="login"/> Navegación dinámica El flujo no depende sólo del botón sino también de las entradas <h:commandbutton label="login" action="#{logincontroller.verifyuser}"/> 14

15 Navegación Ejemplo: <navigation-rule> <from-view-id>/login.jsp</from-view-id> <navigation-case> <from-outcome>success</from-outcome> <to-view-id>/mainmenu.jsp</to-view-id> </navigation-case> <navigation-case> <from-outcome>failure</from-outcome> <to-view-id>/login.jsp</to-view-id> </navigation-case> </navigation-rule> JSF y Struts A favor de JSF Estándar Modelo de componentes y eventos Mayor soporte de herramientas y vendedores Independencia de dispositivos cliente Incremento de productividad A favor de Struts Madurez 15

16 Otros temas Internacionalización Extendiendo JSF JSF y JSP JSF y JSTL JSF y Portales JSF y Ajax JSF y ASP.NET 16