Taller de Sistemas de Información 2. Clase 5 Java Server Faces

Transcripción

1 Taller de Sistemas de Infrmación 2 Clase 5 Java Server Faces

2 Intrducción Evlución de ls framewrks Web en Java Servlets / JavaServer Pages Apache Struts Otrs framewrks Tapestry, Ech, Web Wrk, Spring MVC, etc. Parálisis de framewrks! INCO - Facultad de Ingeniería Mntevide, Uruguay 2

3 Intrducción RAD: Rapid Applicatin Develpment Objetiv: Cnstruir aplicacines cn un cnjunt de cmpnentes reutilizables Cmpnentes UI, técnicas drag-and-drp, prpiedades, events y manejadres de events: td en un IDE Fácil cambiar de vista de diseñ a códig. RAD Tls: Más fácil hacer aplicacines cmplejas y prttips cn pc códig INCO - Facultad de Ingeniería Mntevide, Uruguay 3

4 Intrducción Adpción de RAD en el desarrll Web ha sid lent: Cmplejidad de aplicacines Web vs. Desktp Muchs recurss a administrar Paginas Archivs de cnfiguración Gráfics Códig INCO - Facultad de Ingeniería Mntevide, Uruguay 4

5 Intrducción Cmplejidad de aplicacines Web vs. Desktp Igual han aparecid slucines web RAD: Diferentes brwsers sbre diferentes sistemas perativs HTTP puede tener carencias para aplicacines cmplejas Micrsft ASP.NET Web Frms Varis framewrks Java Ausencia de estándar en Java INCO - Facultad de Ingeniería Mntevide, Uruguay 5

6 Qué es JavaServer Faces? Estándar para framewrks de interfaz de usuari Web en Java. Define mdel de events y cmpnentes UI, un cnjunt de cmpnentes estándar e infraestructura de aplicación Ls cmpnentes UI ejecutan en el servidr. Ls events que generan ls clientes sn prcesads en el servidr INCO - Facultad de Ingeniería Mntevide, Uruguay 6

7 Objetivs de JSF Psibilitar estrategias de estil RAD en el desarrll Web Java Cnseguir ampli sprte de vendedres e industria Fácil extensión Administrar el estad de la UI INCO - Facultad de Ingeniería Mntevide, Uruguay 7

8 Características de JSF Sprte a herramientas Framewrk de cmpnentes Cnjunt de cmpnentes UI estándar Validación de frmularis Sprte para múltiples dispsitivs cliente Desarrll de UI rientada a events INCO - Facultad de Ingeniería Mntevide, Uruguay 8

9 Características de JSF Cnversión de tips extensible Manej de la navegación Asciación declarativa de UI cn el códig de aplicación Arquitectura MVC extensible INCO - Facultad de Ingeniería Mntevide, Uruguay 9

10 JSF: estándar para Web UIs en Java Ventajas IDEs cmpatibles cn el estándar Mercad de cmpnentes Facilidad de integración Struts es ppular, per es un prduct INCO - Facultad de Ingeniería Mntevide, Uruguay 10

11 JSF: estándar para Web UIs en Java Alivi de vendedres de cmpnentes Ls estándares se pueden vlver cmplejs Antes tenían que escribir códig para cass especiales si querían integrar sus prducts a IDEs diferentes Afrtunadamente ls que implementan el estándar sn mens que ls que l usan Entender la especificación ayuda a usarla INCO - Facultad de Ingeniería Mntevide, Uruguay 11

12 Especificación JSF Desarrllada baj la Java Cmmunity Prcess JSR 127 Versión 1.0 Marz 2004 Intrducida pr Sun Versión 1.1 May 2004 (mantenimient) JSR 252 Versión 1.2 May 2006 INCO - Facultad de Ingeniería Mntevide, Uruguay 12

13 Especificación JSF Otras JSR relacinadas: JSR 276: Metadata para cmpnentes JSF JSR 301: Prtlet Bridge para JSF Cmpañías y rganizacines invlucradas en desarrllar JSF Sun, IBM, Oracle, Apache, BEA, Brland, Macrmedia y muchas tras INCO - Facultad de Ingeniería Mntevide, Uruguay 13

14 Implementacines JSF Varias, algunas cmerciales y tras pen surce Algunas: Sun JSF RI (Reference Implementatin) Apache MyFaces Smile Oracle ADF Faces Otras: Keel, Simplifica Ecruiser, IBM INCO - Facultad de Ingeniería Mntevide, Uruguay 14

15 Sun Implementación de referencia Implementación ficial Al principi n era pen surce, lueg el códig se hiz dispnible baj la Java Research License Pryect de la dev.java.net INCO - Facultad de Ingeniería Mntevide, Uruguay 15

16 Apache MyFaces MyFaces es la primera implementación pen surce y gratuita de JSF Psee extensines a ls cmpnentes estándar También validadres y cmpnentes persnalizads muy fáciles de usar INCO - Facultad de Ingeniería Mntevide, Uruguay 16

17 Apache MyFaces Apache Tmahawk Librería de cmpnentes JSF pen surce Apache Sandbx Librería de cmpnentes JSF pen surce INCO - Facultad de Ingeniería Mntevide, Uruguay 17

18 Smile Implementación pen surce de la API JSF Mdel de prgramación n JSP Objetivs: Cmpatibilidad cn la especificación Cnjunt de cntrles GUI Aplicación para diseñ de páginas JSF INCO - Facultad de Ingeniería Mntevide, Uruguay 18

19 Oracle ADF Faces ADF Faces es el nmbre para más de 100 cmpnentes UI implementads sbre la API JSF Pueden ser instalads en cualquier implementación JSF cm la SUN RI Apache MyFaces Pseen características avanzadas: renderers, validación del lad del cliente INCO - Facultad de Ingeniería Mntevide, Uruguay 19

20 Oracle ADF Faces Psee renderers para: Clientes HTML (pr defect) Clientes TELNET Dispsitivs móviles y PDA Hace pc Oracle dnó a MyFaces alrededr de 100 cmpnentes Ests se encuentran en la incubadra de Apache baj el nmbre de ADF Faces/Trinidad INCO - Facultad de Ingeniería Mntevide, Uruguay 20

21 Herramientas de desarrll Eclipse Netbeans Java Studi Creatr JDevelper WSAD INCO - Facultad de Ingeniería Mntevide, Uruguay 21

22 Eclipse - WebTls Gratuit Subpryect dentr del pryect Web Tls Platfrm para manej de JSF Ayuda en la edición de códig Editr del archiv de cnfiguración Actualmente n cuenta cn herramientas para diseñ gráfic de JSF A futur está cnsiderad incluirlas INCO - Facultad de Ingeniería Mntevide, Uruguay 22

23 Eclipse - WebTls INCO - Facultad de Ingeniería Mntevide, Uruguay 23

24 Eclipse Exadel Studi Exadel es un plugin para eclipse Versión prfesinal (pag) Versión gratuita cn herramientas de diseñ grafic para Struts y JSF INCO - Facultad de Ingeniería Mntevide, Uruguay 24

25 Eclipse Exadel Studi INCO - Facultad de Ingeniería Mntevide, Uruguay 25

26 Java Studi Creatr Gratuit (registrarse previamente) Desarrllad pr Sun Micrsystems Basad en Netbeans Diseñad para la implementación visual de aplicacines Web en Java Es simple: permite crear sól aplicacines JSF Sprta creación de prtlets, acces a bases de dats y web services INCO - Facultad de Ingeniería Mntevide, Uruguay 26

27 Java Studi Creatr INCO - Facultad de Ingeniería Mntevide, Uruguay 27

28 Netbeans Psee sprte a JSF, n tan extens cm Sun Java Studi Creatr Herramientas para manej del archiv de cnfiguración de JSF, manej de managed beans Ayuda de códig N tiene paleta de cmpnentes Rumres de integración cn Creatr INCO - Facultad de Ingeniería Mntevide, Uruguay 28

29 Netbeans IDE 5.5 INCO - Facultad de Ingeniería Mntevide, Uruguay 29

30 Oracle JDevelper Desarrllad pr Oracle Liberad en el añ 2005 Gratuit, per n pen-surce Ampli sprte para ADF Faces INCO - Facultad de Ingeniería Mntevide, Uruguay 30

31 Oracle JDevelper 10g INCO - Facultad de Ingeniería Mntevide, Uruguay 31

32 WebSphere Studi Applicatin Develper N es gratuit Desarrllad pr IBM Actualmente reemplazad pr Ratinal Applicatin Develper Sprte gráfic para desarrll de JSF Paleta, drag-and-drp de cmpnentes Sprte para crear prtlets cn JSF INCO - Facultad de Ingeniería Mntevide, Uruguay 32

33 WSAD INCO - Facultad de Ingeniería Mntevide, Uruguay 33

34 Otras herramientas NitrX MyEclipse FacesIDE JSFTlbx fr Dreamweaver INCO - Facultad de Ingeniería Mntevide, Uruguay 34

35 Instaland el ambiente JSF Requerimients básics Java SDK superir Cntenedr Web J2EE Server Tiene que sprtar la especificación Implementación del framewrk JSF Servlet 2.3 superir JSP 1.2 superir MyFaces, Sun RI, etc. Opcinal IDE INCO - Facultad de Ingeniería Mntevide, Uruguay 35

36 Estructura de directris Aplicacines JSF sn aplicacines web estándar Java Estructura de directris básica igual Deply en un WAR EAR Se agregan archivs JAR de la implementación JSF y el archiv de cnfiguración (faces-cnfig.xml) INCO - Facultad de Ingeniería Mntevide, Uruguay 36

37 Estructura de directris INCO - Facultad de Ingeniería Mntevide, Uruguay 37

38 Librerías JSF Archiv Requerida Descripción jsf-api.jar Sí API JSF jsf-impl.jar Sí Implementación API JSF cmmns-beanutils.jar N Manipulación de JavaBeans cmmns-cllectins.jar N Apache Cmmns cllectins cmmns-digester.jar N Apache Cmmns digester, parse de archivs XML cmmns-lgging.jar N Apache Cmmns lgging jstl.jar Sí JSTL API standard.jar Sí Implementación de JSTL INCO - Facultad de Ingeniería Mntevide, Uruguay 38

39 Cnfiguración Cnfiguración en el web applicatin deplyment descriptr (web.xml) Cnfiguración del servlet FacesServlet Frnt cntrller de la aplicación Mape del servlet a un patrón URL Pr prefij (prefix mapping) Ejempl: /faces/* Pr sufij (suffix mapping) Ejempl: *.faces INCO - Facultad de Ingeniería Mntevide, Uruguay 39

40 Cnfiguración <web-app>... <servlet> <servlet-name>faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.facesservlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>faces Servlet</servlet-name> <url-pattern>/faces/*</url-pattern> </servlet-mapping>... </web-app> INCO - Facultad de Ingeniería Mntevide, Uruguay 40

41 Cnfiguración Otrs parámetrs que se pueden cnfigurar en web.xml Javax.faces.CONFIG_FILES Recurss de cnfiguración separads pr cmas Útil si hay varis archivs de cnfiguración Javax.faces.STATE_SAVING_METHOD Indica dnde se salva el estad de ls cmpnentes UI, en el cliente en el servidr INCO - Facultad de Ingeniería Mntevide, Uruguay 41

42 Cnfiguración Archiv de cnfiguración de aplicación (faces-cnfig.xml) Se puede definir navegación, beans, internacinalización, cmpnentes, renderers, etc. Se puede particinar para un mejr mantenimient INCO - Facultad de Ingeniería Mntevide, Uruguay 42

43 Cnfiguración Estructura del archiv de cnfiguración INCO - Facultad de Ingeniería Mntevide, Uruguay 43

44 Patrón de diseñ MVC MVC: Desacplar el Mdel ( dats) de la presentación de ls dats (Vista) Ventajas: Fácil mantenimient, escalabilidad, facilitar testing unitari MVC Mdel 2 es una variación de MVC específica para aplicacines web El mdel cnsiste de POJOs, EJBs u trs Vistas: JSP u tra tecnlgía despliegue Cntrller: siempre implementad cm un Servlet INCO - Facultad de Ingeniería Mntevide, Uruguay 44

45 Arquitectura JSF INCO - Facultad de Ingeniería Mntevide, Uruguay 45

46 Arquitectura JSF Cntrller (Faces Servlet) Es el enlace entre el usuari y la app. JSF Opera dentr del cicl de vida JSF Prepara el cntext JSF Objet Java que mantiene tds ls dats de la aplicación El cntext prvee a las páginas acces a dats de la aplicación Sirve también para cntrlar access inadecuads n autrizads a las páginas INCO - Facultad de Ingeniería Mntevide, Uruguay 46

47 Arquitectura JSF Patrnes de diseñ en la arquitectura JSF Singletn Mdel-View-Cntrller Asegurar que sl una instancia de la clase se carga y ella prvee un punt glbal de acces Ejempl: Applicatin, LifeCycle una instancia pr aplicación web Desacplar el mdel de la presentación de ls dats Ejempl: Faces Servlet cntrladr, backing beans mdel, cmpnentes UI frman las vistas Factry Methd Define interfaz para crear un bjet, per deja la instanciación del bjet a las subclases Ejempl: FacesCntextFactry INCO - Facultad de Ingeniería Mntevide, Uruguay 47

48 Arquitectura JSF Patrnes de diseñ en la arquitectura JSF State Cmpsite Distribuir lógica específica al estad a través de clases diferentes que representan estads Ejempl: Clases que representan fases del Cicl de vida Permite tratar cn bjets cmpuests y primitivs de frma unifrme Ejempl: UIViewRt es una clase cmpuesta, UIOutput es una clase primitiva Decratr Extender el cmprtamient de un bjet dinámicamente sin subclases Ejempl: Mecanisms de extensión INCO - Facultad de Ingeniería Mntevide, Uruguay 48

49 Arquitectura JSF Patrnes de diseñ en la arquitectura JSF Strategy Template Methd Encapsular un cncept que cambia Ejempl: Rendering, mdel de implementación directa y delegada Delegar pass variantes a las subclases mientras la clase padre define pass invariantes en el algritm Ejempl: Implementación de pass pcinales entre fases del cicl de vida Observer Ntificar a ls bjets dependientes autmáticamente cuand el estad del bjet bservad cambia Ejempl: Listeners de events de ls cmpnentes UI INCO - Facultad de Ingeniería Mntevide, Uruguay 49

50 Cncepts fundamentales Cmpnente UI Objets cn estad, mantenids en el servidr Sn JavaBeans cn prpiedades, métds y events Interactúan cn el usuari final Organizads en una vista (árbl de cmpnentes) desplegada usualmente cm una página INCO - Facultad de Ingeniería Mntevide, Uruguay 50

51 Cncepts fundamentales Renderer Respnsable de desplegar un cmpnente UI Traduce la entrada de un usuari en un valr del cmpnente Un renderer puede trabajar cn varis cmpnentes UI A su vez un cmpnente UI puede asciarse a varis renderers diferentes INCO - Facultad de Ingeniería Mntevide, Uruguay 51

52 Cncepts fundamentales Validatr Respnsable de asegurar que el valr ingresad pr el usuari es aceptable Un sl cmpnente UI puede tener asciads un más validatrs INCO - Facultad de Ingeniería Mntevide, Uruguay 52

53 Cncepts fundamentales Backing Beans JavaBeans especializads que reclectan valres de cmpnentes UI Implementan métds que escuchan events (event listeners) Mantienen referencias a cmpnentes UI INCO - Facultad de Ingeniería Mntevide, Uruguay 53

54 Cncepts fundamentales Cnverter Cnvierte un valr de un cmpnente a string y viceversa para despliegue Un cmpnente UI sól puede estar asciad a un sl cnverter INCO - Facultad de Ingeniería Mntevide, Uruguay 54

55 Cncepts fundamentales Events and listeners JSF utiliza el mdel JavaBeans events/listeners (al igual que Swing) Cmpnentes UI y trs bjets generan events Listeners se registran para manejar ess events INCO - Facultad de Ingeniería Mntevide, Uruguay 55

56 Cncepts fundamentales Mensajes Infrmación que es desplegada al usuari Casi cualquier parte de la aplicación (backing beans, validatrs, etc.) puede generar mensajes Ests pueden ser infrmación mensajes de errr que se pueden desplegar al usuari INCO - Facultad de Ingeniería Mntevide, Uruguay 56

57 Cncepts fundamentales Navegación La habilidad de mverse de una página a la siguiente La navegación en JSF está integrada cn event listeners especializads INCO - Facultad de Ingeniería Mntevide, Uruguay 57

58 Cicl de vida INCO - Facultad de Ingeniería Mntevide, Uruguay 58

59 Cicl de vida 1. Restre view 2. Apply request values; prcess events 3. Prcess validatins; prcess events 4. Update mdel values; prcess events 5. Invke applicatin; prcess events 6. Render respnse Orden típic de ejecución en el cual JSF prcesa un frmulari INCO - Facultad de Ingeniería Mntevide, Uruguay 59

60 Cicl de vida La especificación define 6 fases primarias y ls events sn prcesads después de la mayría de ellas El prces se inicia cuand llega el pedid al servlet JSF (JSF utiliza la Servlet API) El cicl de vida n es estrict, se pueden saltar fases dejarl cmpletamente INCO - Facultad de Ingeniería Mntevide, Uruguay 60

61 Cicl de vida 1. Restre View Recupera crea un árbl de cmpnentes para la vista seleccinada Cuand el pedid llega al cntrladr, este extrae el View ID, determinad pr el nmbre de la página y l utiliza para buscar la vista La vista después de ser recuperada creada se almacena en el FacesCntext actual (en la prpiedad viewrt) INCO - Facultad de Ingeniería Mntevide, Uruguay 61

62 Cicl de vida INCO - Facultad de Ingeniería Mntevide, Uruguay 62

63 Cicl de vida 2. Apply Request Values JSF itera sbre ls cmpnentes del árbl Cada cmpnente es decdificad y actualiza su valr en base al pedid actual Ls nuevs valres sn recuperads de ls parámetrs del pedid, per también se pueden btener de ckies headers Se prduce la cnversión Si un camp esta ligad a una prpiedad Integer, el valr es cnvertid a un Integer INCO - Facultad de Ingeniería Mntevide, Uruguay 63

64 Cicl de vida 2. Apply Request Values (cnt.) Después de la fase se lanzan ls events existentes para ls manejadres crrespndientes Prpiedad Immediate event handling Valr false: ls valres sól se cnvierten Valr true: ls valres se cnvierten y se validan (en lugar de hacerse en la fase siguiente) Útil para btón Cancelar, ya que se ignran ls valres para tds ls cmpnentes del frm INCO - Facultad de Ingeniería Mntevide, Uruguay 64

65 Cicl de vida 3. Prcess Validatins Después de esta fase cada cmpnente tendrá sus valres validads cntra las reglas de validación de la aplicación JSF slicita a cada cmpnente que se valide La validación puede ser manejada directamente pr el cmpnente delegada a ls validadres INCO - Facultad de Ingeniería Mntevide, Uruguay 65

66 Cicl de vida 3. Prcess Validatins (cnt.) Si un valr es inválid se agrega un mensaje de errr al FacesCntext, y el cmpnente se marca cm inválid Si algun cmpnente es inválid, JSF avanza hacia la fase de render respnse, sin actualiza el mdel INCO - Facultad de Ingeniería Mntevide, Uruguay 66

67 Cicl de vida 4. Update Mdel Ls valres lcales de ls cmpnentes están actualizads, sn válids y del tip crrect JSF prcede a actualizar ls backing beans u bjets del mdel Se evalúan las expresines EL para determinar las asciacines entre cmpnentes y bjets Td hasta aquí l hiz JSF sin tcar códig de aplicación! INCO - Facultad de Ingeniería Mntevide, Uruguay 67

68 Cicl de vida 5. Invke Applicatin JSF dispara events para ls listeners registrads (su principal función es hacer un bradcast de events) Actin Listeners y actin methds pueden ejecutar varias peracines Ls actin methds están integrads a la navegación y se determina la siguiente página a cargar INCO - Facultad de Ingeniería Mntevide, Uruguay 68

69 Cicl de vida 6. Render Respnse El prcesamient del framewrk y la aplicación terminó, se envía la respuesta al usuari Se salva el estad de la vista para que sea restaurada en la fase Restre View Se genera la respuesta aprpiada Al final de esta fase, el cntenedr transmite ls bytes al usuari y su navegadr ls dibuja INCO - Facultad de Ingeniería Mntevide, Uruguay 69

70 Cmpnentes UI Viven en el servidr, n en el cliente Web UIs en su mayría n sn cnstruidas cn cmpnentes, sól etiquetas de HTML pr ej. Reutilización es clave Renderer neutral: Imprta l que el cmpnente hace, n cm se representa Facets: cmpnentes asciads cn trs vía relacines Pueden sprtar prpiedades de accesibilidad Tienen un identificadr asciad INCO - Facultad de Ingeniería Mntevide, Uruguay 70

71 Cmpnentes UI Cliente Representación HTML de cmpnentes INCO - Facultad de Ingeniería Mntevide, Uruguay Servidr Vista JSF (árbl de cmpnentes) 71

72 Cmpnentes UI UIs más amigables sin prgramación adicinal Cmpnentes cn JavaScript y DHTML incluíd Reducción de tiemps de desarrll, mas atención a la lógica de negci, sprte y testing de rganizacines que ls crean Ejempls de cmpnentes: Text bxes, data tables, calendari, etc. INCO - Facultad de Ingeniería Mntevide, Uruguay 72

73 Cmpnentes e identificadres Cmpnentes UI viven en 2 munds: en el servidr (bjet del árbl) y en el cliente (cn diferentes representacines) El mund del servidr es el de la JVM, JSF, códig de aplicación, librerías de sprte El mund del cliente es el de ls brwsers, lenguajes de scripting, CSS, etc. INCO - Facultad de Ingeniería Mntevide, Uruguay 73

74 Cmpnentes e identificadres Ls ds munds necesitan una frma de encntrar un determinad cmpnente En el servidr: Identificadr de cmpnente, permite accederl cn códig Java En el cliente: Identificadr de cliente, derivad del identificadr de cmpnente Sirven de nex entre el cliente y el servidr, permiten pr ejempl el mape al hacer el pst INCO - Facultad de Ingeniería Mntevide, Uruguay 74

75 Cmpnentes e identificadres INCO - Facultad de Ingeniería Mntevide, Uruguay 75

76 Cmpnentes e identificadres Ls identificadres de cmpnentes sn pcinales: si n se le especifica, JSF seleccinará un autmáticamente Sn necesaris cada vez que un cmpnente haga referencia a tr, el cmpnente se necesite referenciar en el cliente en el servidr Deberían ser crts para minimizar el tamañ de las respuestas JSF INCO - Facultad de Ingeniería Mntevide, Uruguay 76

77 Cmpnentes e identificadres Naming cntainer Es un cmpnente cuys hijs tds tienen un identificadr de cmpnente únic El nd raíz de la vista (UIViewRt) n es un naming cntainer, per si l sn pr ejempl HtmlFrm y HtmlDataTable Si hay mas de un naming cntainer en una vista el id. del cliente puede ser diferente del id. del cmpnente Est prque el id. del cliente debe ser únic en tda la página INCO - Facultad de Ingeniería Mntevide, Uruguay 77

78 Events and Listeners En UIs ls events capturan la frma que el usuari interactúa cn ls cmpnentes UI Ls events intrducen un cambi en el desarrll web Antes se pensaba en términs de pedids y respuestas Desventaja: Acpla la aplicación al prtcl, cmplej Cn JSF para integrar la lógica sól es necesari agregar listeners para ls events que disparan ls cmpnentes INCO - Facultad de Ingeniería Mntevide, Uruguay 78

79 Events and Listeners 4 tips de events estándar Value-change Sn events disparads pr cntrles de entrada cuand un usuari cambia el valr Actin Sn events generads cuand un usuari activa un cmpnente de cmand (ej. Btón, link) Tips de actin listeners Afectan la navegación <h:cmmandbuttn type="submit" value="lgin" actin="#{lginfrm.lgin}"/> N afectan la navegación <h:cmmandbuttn id="redisplaycmmand" type="submit" value="redisplay" actinlistener="#{myfrm.dit}"/> INCO - Facultad de Ingeniería Mntevide, Uruguay 79

80 Events and Listeners Tips de events (cnt.) Data mdel Sn events generads cuand un cmpnente que maneja dats seleccina una fila para prcesamient Phase Ejecutan mientras JSF prcesa un pedid HTTP Se generan antes y después de cada fase Sn disparads pr JSF en sí misma, en lugar de ls cmpnentes INCO - Facultad de Ingeniería Mntevide, Uruguay 80

81 Renderers Mdels Implementación Directa Implementación Delegada Ls cmpnentes se dibujan a sí misms Clases separadas (renderers) manejan el prces de representación Render kits Agrupan renderers según un tip de salida Ejempls: HTML, WML, SVG y trs INCO - Facultad de Ingeniería Mntevide, Uruguay 81

82 Renderers Traductres entre el cliente y el servidr Encding Decding Prces de crear representación adecuada al cliente Prces de extraer parámetrs y establecer valres del cmpnente basads en ells Ejempl <h:inputtext id= inputtext size= 20 /> Después del encding: <input id= myfrm:inputtext type= text name= myfrm:inputtext size= 20 /> INCO - Facultad de Ingeniería Mntevide, Uruguay 82

83 JSF y JSP JSF requiere alguna tecnlgía de despliegue, tal cm JSP JSF aprvecha las custm tags Estas permiten que el desarrlladr ( diseñadr) maneje tags y mantienen el códig Java fuera de las páginas Un grup de custm tags relacinadas frma una tag library INCO - Facultad de Ingeniería Mntevide, Uruguay 83

84 JSF y JSP JSP includes JSF sprta utilizarls Sn útiles para integrar cntenid de múltiples JSPs en una sla página (headers, fters, etc.) Las páginas incluídas deben estar cmprendidas dentr de la tag JSF <f:subview> INCO - Facultad de Ingeniería Mntevide, Uruguay 84

85 JSF y JSTL JSP Standard Template Library Cnjunt estándar de tags para varis prpósits JSF sprta el us de JSTL Alguns ls mezclan al hacer páginas, trs recmiendan la pción de JSF pura INCO - Facultad de Ingeniería Mntevide, Uruguay 85

86 UIViewRt Tag: <f:view> Tds ls cmpnentes en una página sn representads en un árbl (una vista) UIViewRt es la raíz del árbl, sin el n hay vista N despliega nada N se ascia directamente a un backing bean (per se puede acceder a través de FacesCntext) INCO - Facultad de Ingeniería Mntevide, Uruguay 86

87 UIViewRt Está en la cre tag library (es general, n sól para HTML) Dentr de una tag <f:view> se puede mezclar HTML cn cmpnentes JSF Prpiedad lcale Lenguaje que la página sprta Ej. la vista siempre se desplegará en españl: <f:view lcale= es > ----</f:view> INCO - Facultad de Ingeniería Mntevide, Uruguay 87

88 Subview Tag: <f:subview> Se utiliza para incluir dinámicamente una página en tra página de la misma aplicación web Similar a la tag c:imprt de JSTL INCO - Facultad de Ingeniería Mntevide, Uruguay 88

89 HtmlOutputText Tag: <h:utputtext> Despliega su valr directamente Cnvierte el valr a string y l despliega cn sprte pcinal de estils CSS N sprta anidamient de custm tags INCO - Facultad de Ingeniería Mntevide, Uruguay 89

90 HtmlOutputText INCO - Facultad de Ingeniería Mntevide, Uruguay 90

91 HtmlInputText Tag: <h:inputtext> Despliega un element HTML <input> cn el atribut type en text Restringid a una sla línea de text Se puede deshabilitar utilizand la prpiedad disabled INCO - Facultad de Ingeniería Mntevide, Uruguay 91

92 HtmlInputText INCO - Facultad de Ingeniería Mntevide, Uruguay 92

93 HtmlCmmandButtn Tag: <h:cmmandbuttn> Despliegan btnes Genera un element HTML <input> cn el atribut tip en Submit Opción pr defect. Se envía ls dats del frm y se dispara un event actin Reset Igual que en HTML. N hay enví al servidr INCO - Facultad de Ingeniería Mntevide, Uruguay 93

94 HtmlCmmandButtn INCO - Facultad de Ingeniería Mntevide, Uruguay 94

95 Imágenes - HtmlGraphicImage Tag: <h:graphicimage> Despliega un element <img> cn el atribut src igual al valr de la prpiedad url del cmpnente El valr de url puede ser un string estátic per también puede ser un expresión para la URL de la imagen INCO - Facultad de Ingeniería Mntevide, Uruguay 95

96 Imágenes - HtmlGraphicImage INCO - Facultad de Ingeniería Mntevide, Uruguay 96

97 Grups de cmpnentes HtmlPanelGrup Tag: <h:panelgrup> Agrupa un cnjunt de cmpnentes y pueden ser tratads cm una sla entidad N se mapea directamente a un element HTML Se puede usar pr ej. para aplicar un estil a un cnjunt de cmpnentes INCO - Facultad de Ingeniería Mntevide, Uruguay 97

98 Grups de cmpnentes HtmlPanelGrup INCO - Facultad de Ingeniería Mntevide, Uruguay 98

99 Tablas - HtmlPanelGrid Tag: <h:panelgrid> Se mapea cm una element <table> en HTML El númer de clumnas se especifica cn la prpiedad clumns INCO - Facultad de Ingeniería Mntevide, Uruguay 99

100 Tablas - HtmlPanelGrid INCO - Facultad de Ingeniería Mntevide, Uruguay 100

101 JSF Expressin Language (EL) Sintaxis: #{expresión} EL permite Referenciar actualizar prpiedades de beans, n sól prpiedades simples sin también cleccines y arrays Evaluar sentencias simples Sprta mezclar valres literales y variables Permite acceder a parámetrs de ls pedids y cabezales HTTP Evaluar sentencias matemáticas, lógicas, etc. INCO - Facultad de Ingeniería Mntevide, Uruguay 101

102 JSF Expressin Language (EL) Utilizad para asciar cmpnentes UI cn backing beans y bjets del mdel Prpiedades sn referenciadas cn value binding expressins: Métds sn referenciads cn methd binding expressins: #{mybean.myprperty} #{mybean.mymethd} Las expresines sn evaluadas en tiemp de ejecución (cuand la vista se despliega), n cuand se cmpila INCO - Facultad de Ingeniería Mntevide, Uruguay 102

103 JSF Expressin Language (EL) Basad en el EL incluíd en JSP 2.0 Algunas diferencias entre JSF EL y JSP 2.0 EL: JSF EL usa #, JSP 2.0 usa $ Expresines JSF sn de 2 vías, pueden recuperar el valr de una prpiedad actualizarla JSF EL permite referenciar métds de bjets Expresines JSF pueden ser evaluadas utilizand códig Java rdinari (n requiere de JSP) JSP EL n es ficialmente sprtad Alcance de página (específic de JSP) n es sprtad INCO - Facultad de Ingeniería Mntevide, Uruguay 103

104 JSF Expressin Language (EL) Las diferencias se quieren slucinar cn un EL unificad (JSP 2.1, JSR 245) Ejempls de expresines: #{mybean.value} Prpiedad value del bjet cn clave mybean el elt. baj la clave value si mybean es un Map #{user.rle== nrmal } True si la prpiedad rle del bjet almacenad cn clave user es igual a nrmal INCO - Facultad de Ingeniería Mntevide, Uruguay 104

105 JSF Expressin Language (EL) Ejempls de expresines: #{10 + 5}: Retrna 15 Tu eres #{(user.edad > 18)? mayr : menr } #{myarraylist[5]} Retrna el string Tu eres mayr Retrna el quint element de la lista almacenada baj la clave myarraylist #{mymap[ f ]} Retrna el bjet almacenad baj la clave f, del Map almacenad baj la clave mymap INCO - Facultad de Ingeniería Mntevide, Uruguay 105

106 JSF EL - Alcance de las variables Applicatin Sessin Sól durante la sesión del usuari Request Vida entera de la aplicación Web Sól durante el pedid actual Cada un de ls scpes almacena beans baj una clave INCO - Facultad de Ingeniería Mntevide, Uruguay 106

107 JSF EL - Variables Implícitas Sn identificadres EL especiales que se crrespnden cn bjets usads frecuentemente Ejempls applicatinscpe Accede al Map de variables cn alcance Applicatin Ejempl: #{applicatinscpe.myvariable} header Map de valres del header del pedid Ejempl: #{header[ User-Agent ]} INCO - Facultad de Ingeniería Mntevide, Uruguay 107

108 JSF EL - Variables Implícitas Ejempls: param Map de parámetrs del pedid indizads pr nmbre del header Ejempl: #{param.address} facescntext Instancia de FacesCntext para el pedid actual Referencia a mensajes de la aplicación, renderkit Ejempl: #{facescntext} INCO - Facultad de Ingeniería Mntevide, Uruguay 108

109 JSF EL - Variables Implícitas Ejempls: view ckie La vista actual Prpiedades útiles: viewid, renderkitid, lcale Ejempl: #{view.lcale} Un Map de valres de ckies, indizads pr nmbre de ckie Ejempl: #{ckie.myckie} Otrs INCO - Facultad de Ingeniería Mntevide, Uruguay 109

110 JSF EL - Cmpnentes Asciación dinámica del cmpnente UI cn backing beans u bjets del mdel Alguns IDEs ayudan cn el prces JSF se encarga de la sincrnización También se puede asciar un cmpnente directamente a una prpiedad de un bean (binding) Permite manipular el cmpnente cn códig Java INCO - Facultad de Ingeniería Mntevide, Uruguay 110

111 Java Beans Deben tener un cnstructr sin arguments N deberían tener variables de instancia públicas Ls valres deben ser accedids a través de métds getxxx, setxxx Cada cmpnente JSF es un JavaBean INCO - Facultad de Ingeniería Mntevide, Uruguay 111

112 Backing Beans Clectan entradas desde ls cmpnentes JSF mantiene ls dats del bean en sincrnía cn la UI Pueden referenciar, manipular instancias de cmpnentes y events de la UI En aplicacines web tradicinales ls beans se crean utilizand Tag <jsp:usebean> códig Java INCO - Facultad de Ingeniería Mntevide, Uruguay 112

113 Backing Beans Se cmunican cn bjets del mdel para ejecutar lógica de negci Acceder a WS, Bases de dats, etc. Una sla vista puede tener un más backing beans asciads Cnceptualmente similares a las clases cde-behind en ASP.NET WebFrms INCO - Facultad de Ingeniería Mntevide, Uruguay 113

114 Backing Beans Managed Beans sn backing beans que han sid registrads cn JSF Cnfigurads utilizand la Managed Bean Creatin Facility Archiv de cnfiguración de JSF JSF permite asciar declarativamente backing beans cn cmpnentes UI, utilizand EL. Sn creads y pueden ser inicializads pr JSF si el bjet n existe INCO - Facultad de Ingeniería Mntevide, Uruguay 114

115 Backing Beans Ventajas de la Managed Bean Creatin Facility: Declaración de beans en un sl lugar Cntrl del alcance dnde se almacena el bean Cambiar la clase del bean valres iniciales de prpiedades sin cambiar códig Inicializar una prpiedad de un bean cn expresines value-binding Acceder a un bean administrad utilizand expresines JSF EL INCO - Facultad de Ingeniería Mntevide, Uruguay 115

116 Backing Beans Alcance de ls beans Aplicación Sesión Request Al igual que para las variables definidas utilizand EL de JSF N se puede hacer referencia a beans cn JSTL JSP 2.0, a mens que Sean creads, inicializads y almacenads cn un alcance de aplicación utilizand MBCF u tr medi Siempre es más segur utilizar expresines JSF EL INCO - Facultad de Ingeniería Mntevide, Uruguay 116

117 Backing Beans Declaración de managed beans INCO - Facultad de Ingeniería Mntevide, Uruguay 117