Arquitectura de Software

Transcripción

1 Arquitectura de Sftware Java Server Faces ISIS3702 Agenda Intrducción Managed Beans Navegación JSF Tags Cnversión y Validación Manej de Events

2 Intrducción La tecnlgía Java Server Faces (JSF) es un marc de trabaj de interfaces de usuari del lad de servidr para aplicacines Web basadas en tecnlgía Java. (Sun Micrsystems) Estándar de Java (JSR-127) 3 Intrducción Separación entre el cmprtamient y la presentación de una aplicación web 4 Facilita el desarrll y la delegación de respnsabilidades dentr del grup de trabaj Facilita el mantenimient Aument de la separación en cmparación cn la tecnlgía JSP Mape de requerimients HTTP al manej de events específic de cmpnentes Manej de elements UI cm bjets cn estad en el servidr Independencia frente al lenguaje markup y de script Desarrll de aplicacines cn JSP Desarrll cn tras tecnlgías utilizand el API de servlets

3 Intrducción Separación de la presentación y el cmprtamient. Separación de rles, eliminación de la cmplejidad en el desarrll de UI, división de tareas. Estandarización: Ls más grandes vendedres de herramientas de desarrll (Sun, ORACLE, IBM, Apache) clabran cn su desarrll y mantenimient. UI cn cmpnentes reutilizables y extensibles. 5 Intrducción Qué frece el framewrk JSF Un cnjunt de cmpnentes web prefabricads Un mdel de prgramación rientad a events Un mdel de cmpnentes que permiten a tercers y desarrlladres crear nuevs cmpnentes

4 Intrducción Una aplicación JSF es un cnjunt de: Páginas JSP Tags persnalizads para representar bjets cnfigurables de la página (pcinal) WebBeans(también llamads BackingBeans) (diferentes a EJB) Respnsables de mantener valres de ls cmpnentes gráfics Listener de events Clases utilitarias (helper) del lad del servidr. Objets cnfigurables creads pr el desarrlladr (validadres, cnversres) (pcinal) Archiv de cnfiguración de recurss Reglas de navegación Cnfiguración de ls WebBeans y en general de bjets cnfigurables Descriptr de deplyment (web.xml) 7 Intrducción En la JSP 1. Librería de etiquetas persnalizadas para pintar cmpnentes UI <%@ tagliburi= prefix= h" %> 2. Librería de etiquetas persnalizadas para representar manejadres de events, validadres, y cnversres. <%@ tagliburi= prefix= f" %> 8

5 Intrducción Es psible usar también la librería de Apache: taglib uri= prefix= t" %> 9 Intrducción En la JSP 3. Cmpnentes UI(simples cmpuests) *Representan las unidades básicas reutilizables en una aplicación JSF. *Objets que manejan la interacción cn el usuari <h:cmmandbuttnid= siguiente value= NextStep actin= sigpagina /> <h:inputtextareaid= textarea value= Text ges here /> Surge entnces, el Árbl de Cmpnentes, cm la representación interna de una página JSF, en términs 10 de sus cmpnentes.

6 Ejempl listbks.jsp Ejempl Vlver Adicinar un libr editbk.jsp

7 Ejempl Editar un libr editbk.jsp Vlver Códig del Ejempl Eliminar listbks.jsp Vlver

8 Intrducción 15 Estructura cmún JSP Element raíz de la vista Menú de la página Panel para ver ls errres 16 Frma para crear un element tabla para presentar un listad

9 Intrducción Cicl de vida de una página JSF (l) 17 Agenda Intrducción Backing Beans Navegación JSF Tags Cnversión y Validación Manej de Events

10 Backing Beans Clases JAVA (Java Beans) Su prpósit es separar ls cmpnentes UI de ls bjets que ejecutan el prcesamient y mantienen ls dats Facilitan la cmunicación entre ls beans reales de la aplicación y la UI. Respnsabilidades Interactúan cn el mdel Escuchan events de la vista Dan respuesta a las slicitudes Getters y setters para sus atributs Métds de acción events de la capa web implementads en métds de ls beans. actins Ejecutan accines sbre el mdel y dejan ls resultads en ls atributs del bean siempre termina cn una regla de navegación (pr l que se entiende que un actin tiene tip de retrn String) actin listeners Backing Beans Métd para pblar infrmación antes de cargar un jsp recibe un event cm parámetr y n retrna nada Us de un Web Bean en un JSP (para visualizar un attr) < value = #{bklistbean.bks} />

11 Creación y cnfiguración de WebBeans A. Implementar ls WebBeans de la Aplicación. En el ejempl: B. Registrar en el archiv de cnfiguración faces cnfig.xml C. Implementar en la página JSP Implementar ls WebBeans

12 Implementar ls WebBeans Registrar en el archiv de cnfiguración Backing Beans (archiv: faces-cnfig.xml cnfig.xml)

13 Implementar en la página JSP 25 Backing Beans Antacines en ls Cnfiguración de ls Backing Beans Lcalización usual WEB-INF/faces-cnfig.xml Otras pcines META-INF/faces-cnfig.xml (dentr de archivs jar) Se utiliza el tag <managed-bean>

14 Backing Beans Prpiedades managed-bean-name Managed-bean-class Managed-bean-scpe (request, sessin, applicatin, nne) Agenda Intrducción Backing Beans Navegación JSF Tags Cnversión y Validación Manej de Events

15 Navegación Navegación Estática Navegación Dinámica Navegación Navegación Estática <h:cmmandbuttn label="lgin" actin="lgin"/> <navigatin-rule> <frm-view-id>/index.jsp</frm-view-id> <navigatin-case> <frm-utcme>lgin</frm-utcme> <t-view-id>/welcme.jsp</t-view-id> </navigatin.case> </navigatin-rule>

16 Navegación Navegación Dinámica La navegación depende de cada usuari y de dats particulares <h:cmmandbuttn label="lgin" actin="#{lgincntrller.verifyuser}"/> String verifyuser() { if (...) return "success" else return "failure" } Navegación * Definen la secuencia en que sn cargadas las páginas de una aplicación. * Se deben registrar en el archiv de cnfiguración faces cnfig.xml

17 Navegación La navegación se define en el archiv faces-cnfig.xml Si va a agregar un nuev archiv de navegación, se debe incluir en la lista de archivs del web.xml En el faces-cnfig.xml de cada módul se deben especificar las clases que implementan ls beans y el alcance de cada un de ests bjets 33 Navegación Cada vez que se define un actin sbre un bean, este debe retrnar un String cn el que se especifica la regla de navegación a seguir. En este ejempl el cas success es resultad del llamad al métd createrle del RleBean. 34

18 Navegación Menú de navegación incluir dentr del archiv cmmn/jsp/menu.jsp el nuev element 35 Navegación El faces-cnfig.xml debe incluir las reglas de transición de ls estads del menú 36

19 Vlver 37 Agenda Intrducción Backing Beans Navegación JSF Tags Cnversión y Validación Manej de Events

20 JSF Tags Ds librerias principales Cre HTML Requieren imprtación tagliburi=" prefix="f" %> tagliburi=" prefix="h" %> JSF Tags Alguns JSF Cre Tags view subview Attribute param facet actinlistener valuechangelistener cnverter validatr validatelength selectitem

21 JSF Tags <h:selectonemenu> <h:selectonelistbx> <h:selectoneradi> <h:selectmanymenu> <h:selectmanylistbx> <h:selectmanycheckbxlist> Vlver 41 Agenda Intrducción Backing Beans Navegación JSF Tags Cnversión y Validación Manej de Events

22 Cnversión y Validación JSF frece sprte para cnversión y validación de dats Cnversión de númers y fechas CnvertNumber cnvertdatetime Manej de errres de cnversión <h:message> <h:inputtext value="#{payment.date}"> <f:cnvertdatetime pattern="mm/yyyy"/> </h:inputtext> <h:utputtext value="#{payment.amunt}"> <f:cnvertnumber type="currency" </h:utputtext> Ejempls de cnversres <h:utputtext value="#{user.dateofbirth}"> <f:cnvertdatetime type="date" datestyle="shrt"/> </h:utputtext> 03/18/06 18/03/06 *** Ls cnversres tienen encuenta ls cncepts de internacinalización y lcalización. 44

23 Cnversión y Validación Validacines Lngitud de cadenas Rangs de númers Valres requerids <h:inputtext id="card" value="#{payment.card}"> <f:validatelength minimum="13" </h:inputtext> Agenda Intrducción Backing Beans Navegación JSF Tags Cnversión y Validación Manej de Events

24 Manej de Events Aplicacines Web Deben reaccinar a events de usuari Seleccinar elements de un menú Click en un btón JSF Sprte tres tips de events Cambi de valres Disparads pr cmpnentes input (h:inputtext) Accines Disparads pr cmpnentes cmmand (h:cmmandbuttn) Fases (Phase) Disparads dentr del cicl de vida de la JSF Manej de Events Events pr Cambi de Valr <h:selectonemenu value="{frm.cuntry}" nchange="submit()"> valuechangelistener="{frm.cuntrychanged}" <f:selectitems value="{frm.cuntrynames}"> </h:selectonemenu>

25 Manej de Events Events de Acción <h:cmmandbuttn image="pan.jpg"> actinlistener="#{tienda.listen}" actin="#{tienda.act}" </h:cmmandbuttn> public class Tienda { private String utcme;... public vid listen (ActinEvente) { FacesCntext cntext = FacesCntext.getCurrentInstance(); String clienteid = e.getcmpnent().getclienteid(cntext);... if(...) utcme = "success"; } public String act () { return utcme; } } Manej de Events 50

26 Ejempl: 51 Agenda Cncepts JSP Desarrll aplicacines Web 52

27 Prces de Desarrll Creación del prttip en html Definición de la frma en que interactuarán ls usuaris cn el requerimient Diseñ Identificación de ls estads en ls que el usuari interactúa cn el sistema Implementación Creación de las páginas JSP e implementación de ls web beans 53 Creación del prttip en html Crear páginas html que muestren cóm el usuari va a visualizar y a interactuar cn un requerimient Identificar estils, frmas, imágenes, ícns y cnvencines 54

28 Diseñ Diseñar JSPs y Web Beans que cntienen la infrmación que se va a desplegar en cada jsp. Ls Web Beans cntienen ls métds cn ls cuales se van a hacer las accines sbre el sistema. Un Bean pr cada página de presentación de cada cmpnente Un Bean que cntiene el listad de mdelbo. 55 Diseñ: Diagrama de Estads Tds ls diagramas deben empezar pr l mens cn un actin Ls actins pueden ser llamads desde el menú desde un btón dentr del sistema Si hay una acción en el Bean antes de mstrar el jsp se debe tener un actinlistener. Las transicines de ls estads sn el resultad de pasar de una página a tra interactuar cn algún Bean. Tds ls diagramas deben finalizar en una jsp. 56

29 Diagrama de Estads: Ejempls Requerimients de Listar 57 Diagrama de Estads: Ejempls Requerimients de creación 58

30 Diagrama de Estads Si se pasa a una jsp cn una acción de navegación se debe usar la palabra actin al final. Si se pasa a una jsp cn el resultad de una acción de un Bean se debe usar la palabra success. Al pasar a un Bean se debe usar el métd/atribut que se va a llamar. 59 Guía de Implementación Implementar WEB Delegates Intermedian relación entre Web Beans y Beans de Sesión Implementar Web Beans Implementar getters y setters de sus atributs (incluyend ls del BO ), ls actin y actin listeners Ajustar Archiv de cnfiguración Declarar la nueva navegación y ls web beans Adicinar el nuev requerimient al menú Implementar JSPs A partir del prttip adicinar ls tags de JSF y ls cmpnentes adicinales Ajustes al packaging 60 Ls nuevs archivs y móduls deben quedar incluids dentr del war que se cnstruye

31 Cicl de vida de una página JSF 1. Funcinamient El cliente hace una petición HTTP de la página y el servidr respnde cn la página traducida a HTML 61 Cicl de vida de una página JSF 2. Psibles escenaris del cicl de vida A. Petición N-Faces genera una Respuesta Faces: Enlace de una página HTML que abre una página que cntiene cmpnentes JSF B. Petición Faces genera una Respuesta N-Faces Evitar la fase de renderizar la Respuesta C. Una Petición Faces genera una Respuesta Faces 62

32 Ejercici Cnstruya el Diagrama de estad para el pryect 63 Este material fue preparad pr Niclás López Pilar Villamil Este material fue revisad y actualizad pr Darí Crreal 64

33 Referencias Presentación JavaServer Faces. Betsy Lancher, The Java EE 5 Tutrial. Sun. Juni 16, 2006 Bergsten, Hans. JavaServer Faces. O Reilly Hrstmann, Cay. Cre JavaServer Faces. Prentice Hall JSF Web Steps QualDev Grup elpment:resurces:tutrials:develpment:jsfwebsteps 65