Desarrollo de Aplicaciones Web I

Desar sar rol ro l l o de de Ap A p l i c aci ac i o n es Web I

2

DESARROLLO DE APLICACIONES WEB I

ÍNDICE

3

Página

Presentación

5

Red de contenidos

6

Unidad de aprendizaje 1: 1: Modelo Vist a Control ador – Patró Patró n MVC 1.1 Tema 1

: Fundamentos de Struts 2

9

1.1.1. : Arquitectura y Configuración de aplicaciones

9

1.1.2. : La clase Action

13

1.1.3. : Librerías de etiquetas de Struts 2

29

1.1.4. : Internacionalización Internacionalización – I18N

51

1.2 Tema 2

: Acceso optimizado a base base de datos datos y otras otras

63

características Struts 2 1.2.1. : Uso de un pool de conexiones para acceso a la fuente

63

de datos 1.2.2. : Librería de Etiquetas de Struts 2 – Principales

72

componentes 1.2.3. : Patrón Composite View – Struts 2 Tiles

87

Unidad de aprendi zaje zaje 2: Persist encia de datos – Framework Framework IBATIS IBATIS

: Introducción a IBATIS

101

2.1.1. : IBATIS – Introducción

101

2.1.2. : Operaciones básicas de de acceso acceso a base de de datos con

110

2.1 Tema 3

IBATIS 2.2 Tema 4

: Otras operaciones con IBATIS

119

2.2.1. : Otras operaciones y características de IBATIS

119

2.2.2. : Tópicos avanzados de IBATIS IBATIS e Integración Integración con

128

Struts 2

Unidad de aprendi zaje zaje 3: Reportes en Sist emas empresariales 3.1 Tema 5

: Reportes con JasperReport

139

4

3.1.1. : Diseño e implementación de reportes con la

141

herramienta Ireport 3.2 Tema 6

: Struts 2 y JasperReport

3.2.1. : Integración de Struts 2 y JasperReport

142 142

Anexo 1

157

Anexo 2

167

Anexo 3

172


5

PRESENTACIÓN Desarrollo de Aplicaciones Web I pertenece a la línea de Programación y

Desarrollo de Aplicaciones. Es un curso curso de especialidad sólo sólo en la carrera de Computación e Informática. Permite al estudiante concretizar proyectos informáticos web, aplicando conocimientos previos aprendidos en diferentes cursos y poniendo en práctica la teoría adquirida. De esta manera, consolida conocimientos de diversos cursos de especialidad. Es práctico y desarrollado en laboratorio. Se implementarán soluciones web que utilizarán los Frameworks Struts 2 e IBATIS en forma combinada. combinada. El manual para el curso ha sido diseñado bajo la modalidad de unidades de aprendizaje, las que se desarrollan durante semanas determinadas. En cada una de ellas, hallará los logros, que debe alcanzar al final de la unidad; el tema tratado, el cual será ampliamente desarrollado; y los contenidos, que debe desarrollar, es decir, los subtemas. Por último, encontrará las actividades que deberá desarrollar en cada sesión, que le permitirán reforzar lo aprendido en la clase.

El curso es eminentemente práctico y se desarrolla íntegramente en laboratorio. En primer lugar, se inicia con el reconocimiento de los principales patrones de arquitectura de software, destacándose el patrón Model View Controller (MVC). Luego, continúa con la presentación del Framework MVC Struts 2. Se profundiza en sus principales características y componentes. Después, se desarrollan conceptos de persistencia de datos utilizando para ello el Framework IBATIS. Por último, se concluye con la elaboración de reportes empresariales, utilizando la herramienta IReport, el lenguaje jasperReport e integrándolos a aplicaciones web creadas con Struts 2.

6

RED DE CONTENIDOS

Desarrollo De sarrollo de Aplicacion es Web Web 1

Modelo Vista Modelo Vist a Controlador – Patrón MVC

Fundame ntos de Struts 2

Otras Características Struts 2

Persist Pe rsist encia de datos – Framework IBATIS

Introducción a IBATIS

Otras operaciones IBATIS

Reportes en sistemas empresariales

Tema 5 JasperReport

Tema 6 Struts 2 y Jasper


7

UNIDAD DE APRENDIZAJE

1

MODELO VISTA CONTROLADOR – P ATRÓN MVC L OGRO DE LA UNIDAD DE APRENDIZAJE •

•

Al finalizar la unidad, el alumno, utilizando el framework MVC STRUTS 2, implementa una aplicación web que contenga, en su estructura, el componente Action, las principales etiquetas del framework y acceso a base de datos a través de un pool de conexiones. Al finalizar la unidad, unidad, el alumno se integra a un equipo de trabajo trabajo que refleja en su estructura los roles de un equipo de proyecto de desarrollo de software.

TEMARIO

1.1 Tema 1 : Fundamentos de Struts 2 1.1.1. : Arquitectura y Configuración de aplicaciones 1.1.2. : La clase Action 1.1.3. : Librerías de etiquetas de Struts 2 1.1.4. : Internacionalización Internacionalización – I18N 1.2 Tema 2 : Acceso optimizado a base de datos y otras características características de Struts 2

1.2.1. : Uso de un un Pool de conexiones para acceso acceso a la fuente fuente de datos 1.2.2. : Librería de Etiquetas de Struts 2 – Principales componentes. 1.2.3. : Patrón Composite View – Struts 2 Tiles ACTIVIDADES CTIVIDADES PROPUESTAS PROPUESTAS •

Los alumnos implementan una aplicación web básica, utilizando las principales características del framework MVC Struts 2.

1.1 1.1 Fundamentos Fundamentos de Strut Strutss 2

8

Struts 2 es un framework que implementa el patrón de arquitectura MVC en Java.

Éste organiza de manera independie independiente nte las capas: Model (Objetos del Modelo Modelo del Negocio), View View (interfaz con con el usuario usuario u otro sistema) y la capa Controller (controlador del flujo de la aplicación. Se muestra, a continuación, el esquema básico de funcionamiento de esta arquitectura. La capa Model en Struts 2 inicia con los componentes Action. Debajo de éstos, se tendrán diversos componente componentes: s: 9 9

Services (Lógica pura de negocio) DAOs (objetos de persistencia de datos), entre otros.

Se muestra, a continuación, el esquema básico de la arquitectura MVC implementado por el framework Struts 2.

Figura 1.1

Una característica típica de la capa View de Struts 2 es el uso de unos componentes especiales denominados Results. Éstos normalmente son representados por una página JSP; sin embargo, puede constituir, también, flujos de bytes, objetos del framework Tiles, etc.

1.1. 1.1.1. 1. Arqu itectura itectu ra y conf igur ación de aplicaciones aplicacio nes La arquitectura MVC funciona en Struts 2 básicamente de la siguiente manera: a través de un navegador se genera una solicitud. Ésta es capturada por la capa Controller (implementada por el componente FilterDispathcher representado por un único filtro especializado). Este filtro analizará la solicitud y verificará si el componente invocado se encuentra registrado en el archivo de configuración XML de Struts 2. Éste tiene por defecto el nombre struts.xml.


9

El componente invocado, normalmente un Action de Struts 2, instanciará y/o utilizará diversos objetos de negocio para concretar la tarea solicitada. Según el resultado que retorne el componente Action, la capa Controller derivará la respuesta generada a un objeto Result (normalmente una página JSP).

1.1.1.1. Ejercicio 1: Aplicación web básica de Struts 2 Se probará una aplicación web con los componentes mínimos para el correcto funcionamiento funcionamiento del framework Struts 2. a) Paso 1: mportar el archivo struts2-blank-2.1.8.1.war struts2-blank-2.1.8.1.war Al descargar el framework struts2 ,se tendrá acceso a una aplicación web de prueba, que cuenta con las características mínimas para que pueda ser ejecutada. Esta aplicación viene empaquetada empaquetad a dentro del archivo struts2-blank-2.1.8.1.war. struts2-blank-2.1.8.1.war. Luego, de importarla, se visualizará un proyecto web, tal como se muestra a continuación: continuación:

1

2

Notas: 1) El principal archivo de configuración del Framework es el archivo struts.xml. En él, se registrarán sus principales

10

componentes. Se inicia esta sesión con el registro de la clase Action. 2) Puede observar las librerías mínimas con las que todo proyecto basado en Struts 2 debería contar. Dentro de ellas, destaca el archivo struts2-core-2.1.8.1.jar. struts2-core-2.1.8.1.jar.

b) Paso 2: Revisar el archivo web.xml

St r ut s Bl Bl ank s t r u t s 2< 2 or g. apache che. st r ut s2. s2. di spa spat che cher . ng. f i l t er . St r ut sPr sPr epar eAndExecut cut eFi l t er s t r u t s 2< 2 n>/ * n> i ndex. dex. ht ml >

Notas: 1) Note el registro del filtro controlador del framework Struts 2. Este componente “atrapará” todas las solicitudes (request) generadas desde un cliente, dado que tiene como alias /*.

c) Paso 3: Ejecutar la aplicación

1


d) Paso 4: ¡Excelente!, ha culminado culminado el proceso de probar probar exitosamente la aplicación web struts2-blank-2.1.8.1 struts2-blank-2.1.8.1

1.1.2. La clase Ac ti on

11

12

Un action es, en Struts 2, el primer componente de la capa Model dentro de la arquitectura MVC. Un actions realiza básicamente tres pasos dentro de una aplicación web. En primer lugar, recibe las solicitudes ( request) enviadas por un cliente y realiza el trabajo inicial para atenderla. Es el componente que interactúa con la capa controladora controladora y la capa capa view. En segundo lugar, lugar, actúa como un transportador natural de datos entre el objeto request y los componentes de la capa view, esto gracias a las características de transferencia automática de datos que tiene struts 2 entre estos. Finalmente, apoya al framework determinando qué result será retornado en la respuesta que se genere a la solicitud realizada. Se detalla, a continuación, un ejercicio, en el cual se apreciarán los principales componentes componentes de la arquitectura MVC utilizando Struts 2. 1.1.2.1. Ejercicio 1: Funcionalidad de Logueo Versión 1 Se simulará la funcionalidad de logueo con los componentes básicos del framework Struts 2 y sin acceso a base de datos. a) Paso 1: Copiar las principales librerías y archivos de configuración configuración al proyecto web funcionalidadLogueov funcionalidadLogueov1_Inicial 1_Inicial

1

2


13

Notas: 1) Observe que solo se puede copiar el archivo struts.xml dentro de la carpeta src, utilizando la vista Navigator . 2) Distinga las principales principales librerías librerías y archivos de configuración configuración en las ubicaciones correctas: librerías en la carpeta lib lib y archivo de configuración struts.xml en la carpeta src junto a los archivos fuente. b) Paso 2: Registrar el filtro controlador de Struts 2 dentro del archivo web.xml s t r u t s 2< 2 or g. apache che. st r ut s2. s2. di spa spat che cher . ng. f i l t er . St r ut sPr sPr epar eAndExecut cut eFi l t er s t r u t s 2< 2 n>/ * n>

c) Paso 3: Crear el primer componente Struts 2 de la aplicación, la clase LogueoAction

1

Notas: 1) Agregue el paquete aprendamos.java.action y, dentro de él, genere la clase LogueoAction. La clase LogueoAction debe contar con la siguiente lógica:

14

endamos. j ava. ava. act act i on; package apr end public class Logue LogueoA oAct ct i on {

sua ar i o; private St r i ng usu private St r i ng cl ave; suar i o( ) { public St r i ng get Usua sua ar i o; return usu } set Usua suar i o( St r i ng usua suar i o) { public void set sua ar i o = usuar usuar i o; this. usu } public St r i ng get Cl ave( ) { return cl ave;

} set Cl ave( St r i ng cl cl ave) { public void set ave; this. cl ave = cl ave; } xecutt e( ) { public St r i ng execu St r i ng vi s t a =" ex exi t o" ; a; return vi s t a; } }

d) Paso 4: Registrar la clase LogueoAction en el archivo struts.xml 1 >

>/ l ogueo. j s p >/ bi enveni da. j s p

Notas: 1) El “alias” de la clase action es logueo; por lo tanto, debe modificar el archivo logueo.jsp. Ya no invocará a la clase LogueoServlet sino a LogueoAction.


15

e) Paso 5: Ejecutar la aplicación web 1

Notas: 1) Se puede observar en el url que el alias invocado es logueo. Recuerde que en Struts 2 todas las solicitudes son atrapadas por el filtro controlador del framework . Éste invocará al action respectivo sobre la base del registro realizado en el archivo struts.xml. f) Paso 6: ¡Bien!, ha culminado la funcionalidad de logueo

versión 1

1.1.2.2. Ejercicio 2: Funcionalidad Funcionalidad de Logueo Versión Versión 2 Se efectúa la funcionalidad de logueo con los componentes básicos del framework e implementando los patrones de diseño DAO (Data Access Object), Service y Business Delegate . a) Paso 1: Modificar la clase MySqlClienteDAO y verificar su correcta relación con las clases que implementan el patrón de diseño DAO.

16

Dentro de la clase MySqlClienteDAO, debe modificar el método buscaPorUsuario. Complete el código con la lógica mostrada a continuación: / / ej ec ecu ut amos Resul esul t Set r s=pst . exec execu ut eQuery( ) ; / / si hay da dat os, r ecu cup per amos un un r egsi t r o if( r s . next ( ) ) { obj obj obj obj obj obj obj obj

Cl Cl Cl Cl Cl Cl Cl

i i i i i i i

ent ent eDTO = new Cl i ent eDTO( ) ; ent eDTO. set set Usua suar i o( r s. get St r i ng( 1) ) ; ent eDTO. set set Cl ave( r s. get St r i ng( 2) ) ; ent eDTO. set set Nombr e( r s. get St r i ng( 3) ) ; ent eDTO. set set Suel do( r s. get Doubl e( 4) ) ; ent eDTO. set set Sexo( r s. get St r i ng( 5) ) ; ent eDTO. set set Fecn Fecna ac( r s. get Dat e( 6) ) ;

} c n. n. c l os e( e( ) ;

9

El patrón de diseño DAO ( Data Access Object) permite que un componente pueda acceder a diferentes orígenes de datos de manera independiente y transparente. En este proyecto, se cuentan con componentes DAO para acceder al motor de base de datos MySql. Adicionalmente, se podrían contar con DAOs para acceder a otros orígenes de datos, tales como Oracle, Microsoft SQL Server , archivos XML, etc.

9

Por cada entidad dentro del modelo de datos, se debe crear un componente DAO.

Verifique si existe la interface ClienteDAO. Ésta debe ser implementada implementad a por la clase MySqlClienteDAO: ent eDAO { public interface Cl i ent public int r egi st r aCl i ent e( Cl i ent eDTO obj Cl i ent e) throws

Excep xcept i on; scaPor Usuar suar i o( St r i ng usuar suar i o) throws public Cl i ent eDTO buscaPo Excep xcept i on; . . . }


9

17

Una interface permite exponer “al mundo” las operaciones de la clase que la implementa.

Verifique si MySqlClienteDAO es retornado por la fábrica de DAOs para MySql: public class MySql DAOFact or y extends DAOFact or y {

/ / Est a es es una una f ab abrr i ca qu que cr ea DAOs especi especi f i cos par par a Mysq ysqll @Over r i de ent eDAO get get Cl i ent ent eDAO( ) { public Cl i ent / / TODO Aut o- ge gene nerr at ed met ho hod d st ub ySql Cl i ent ent eDAO( ) ; return new MySq }

Verifique si la clase MySqlClienteDAO ha sido “registrada” en la “fábrica de fábricas” DAOFactory:

public abstract class DAOFact or y { public public public public public

static static static static static

final final final final final

int int int int int

MYSQL = 1; ORACLE = 2; DB2 = 3; SQLSERVER = XML = 5;

4;

/ / Ex Exii st i r á un un mét od odo o p por or cad cada a DA DAO qu que e pue pueda da ser cr ea eado do.. / / Ej empl o: / / publ i c ab abst r act Ar t i cu cull oDAO get Ar t i cu cull oDAO( ) ; / / r egi st r amos nuest nuest r os dao daos s ent eDAO get get Cl i ent ent eDAO( ) ; public abstract Cl i ent / / publ i c abst r ac actt Pr oduct oDAO get Pr oduct oDAO( ) ;

chFact ct or y) { public static DAOFact or y get DAOFact or y( int whi chFa chFact ct or y) { switch( whi chFa case MYSQL: return new MySql ySql DAOFact or y( ) ; case XML: return new Xml DAOFact or y( ) ; : case ORACLE Fact or y( ) ; return new Or acl eDAOFact

1

18

Notas: 1) El registro de la clase MySqlClienteDAO MySqlClie nteDAO es la creación de un método abstracto en la clase DAOFactory que retorna a la interface que que implementa implementa MySqlClienteDAO. MySqlClienteDAO.

b) Paso 2: Crear la clase LogueoService y la interface LogueoService_I

1

2 LogueoS eoSer vi ce implements Log LogueoSe oSer vi ce_I ce_I public class Logu

{

/ / Ref er en enci ci amos a l a f ab abrr i ca de de dao daos s par par a mysq ysqll DAOFact or y f abr i c a = DAOFact Fac t or y. getDAOFactory ( DAOFact or y. MYSQL) ; / / Ref er enci amos al dao de l a ent i dad cl i ent e Cl i ent ent eDAO obj Cl i en entt eDAO = f abr i c a. get Cl i ent eDAO( ) ; val i daUsua suar i o( Cl i ent eDTO cl i ent e) throws Excep xcept i on { public Cl i ent eDTO val / / aq aqu ui podr i amos t ener mas l og ogii ca scaPor Usua suar i o( cl i ent e. get Usua suar i o( ) ) ; return obj Cl i ent eDAO. buscaP } }


19

Notas: 1) Agregue el paquete aprendamos.java.action aprendamos.ja va.action y dentro de él genere la clase LogueoAction. 2) Un servicio es un componente, que pertenece a la capa Model del patrón de diseño MVC. Representa, en la programación, programació n, el inicio de la lógica de negocio. Por cada caso de uso de sistema identificado en la aplicación, se debe implementar un un servicio. Éste puede invocar invocar a uno o más más DAOs.

Debe “exponer” las operaciones de la clase LogueoService; por lo tanto, debe crear la interface LogueoService_I LogueoService_I

LogueoServi oServi ce_I ce_I public interface Log

{

val i daUsua suar i o( Cl i ent eDTO cl i ent e) public abstract Cl i ent eDTO val xcept i on; on; throws Excep }

c) Paso 3: Crear la clase PaqueteBusinessDelegate PaqueteBusinessDelegate

1

20

2 Paquet et eBusi eBusi ness ness Del egat egat e { public class Paqu Paquet uet eBusi eBusi nessDel essDel egat egat e( ) { private Paq / / TODO Aut o- gener at ed co con nst r uct or st ub } LogueoS eoSer vi ce_I ce_I get Log LogueoS eoServi ce( ce( ) { public static Log LogueoS eoSer vi ce( ce( ) ; return new Log } / / agr egar aq aqu ui mas l l amad ada as a ot ot r os ser vi ci os }

Notas: 1) Dentro del paquete aprendamos.ja aprendamos.java.service, va.service, genere genere la clase PaqueteBusinessDelegate. 2) Por cada paquete de un modelo de análisis, se debe tener un componente componente BusinessDelegate. BusinessDelegate. Esta clase será invocada invocada por los actions y retornará componentes componentes tipo Service. d) Paso 4: Invocar los componentes de lógica de negocio, desde la clase LogueoService, y crear la sesión web. Genere, dentro dentro de la clase clase LogueoAction, LogueoAction, el el atributo mensaje para poder visualizar posibles “mensajes de error” en la capa de presentación. No debe olvidar crear los métodos setter y getter para el nuevo atributo. LogueoA oAct ct i on { public class Logue sua ar i o; private St r i ng usu private St r i ng cl ave; private St r i ng mensaj e;

public St r i ng get Mensaj saj e( ) { return mensaj e;

} public void set Mensaj e( St r i ng mensaj e) { this. mensaj e = mens aj e;

}


21

Agregue la lógica que permitirá validar los datos ingresados y almacenarlos en la sesión web. xecutt e( ) { public St r i ng execu St r i ng vi s t a =" ex exi t o" ; Syst Sys t em. out. pr i nt l n( " dent r o de de nu nuest r o pr pr i mer act i on on"" ) ; Syst Sys t em. out. pr i nt l n( this. get Us ua uar i o( ) ) ; Syst Sys t em. out. pr i nt l n( this. get Cl ave( ) ) ; / / i nvo voca cam mos a nu nuest r o ser ser vi ci o (l ogi ca de ne negoci o) Log LogueoSe oSer vi ce_I ce_I l ogueoser eoser vi ce = Paqu Paquet et eBusi eBusi ness ness Del egat egat e. getLogueoService ( ) ; Cl i ent ent eDTO usuar suar i oCan oCandi di dat dat o= ent eDTO( ) ; new Cl i ent usua suar i oCandi dat o. set set Usua suar i o( this. get Us ua uar i o( ) ) ; Cl i ent ent eDTO obj obj Usuar suar i o=null; try { obj Usua suar i o = l ogueoser ser vi ce. ce. val val i daUsua suar i o( usua suar i oCandi dat o) ; } catch ( Exce xcept i on e) { / / TODO Aut o- gen enerat erat ed ca catt ch bl bl oc ock k e. pr i nt St ackT ckTr ace( ce( ) ; } suar i o! =null) { if( obj Usua suar i o. get Cl ave( ve( ) . equal s( this. get Cl ave( ) ) ) { if( obj Usua sesi si on web al est i l o st r ut s 2 / / cr ea eam mos l a se Map< ap l asesi asesi on= on= Act i onC onCont ext . getContext ( ) . get Ses s i on( ) ; l asesi sesi on. put ( " b_usu _usua ar i o" , obj Usua suar i o) ; }else{ vi s t a= a=" e r r o r "; "; ensaj e( " Lo se sen nt i mos, l a cl cl ave es this. set Mensaj i nco corr r ecta" cta")) ; } }else{ vi s t a= a=" e r r o r "; "; ensaj e( "Es un una pe pena, el usu sua ar i o no no exi exi st e! " ) ; this. set Mensaj } a; return vi s t a; }

22

Recuerde que debe utilizar Expression Language (EL) en el JSP logueo.jsp para visualizar el mensaje de error definido en la clase LogueoAction. ${r ${r eque equest st Scope. Scope. mensaj ensaj e}

Recuerde que debe utilizar Expression Language (EL) en el JSP bienvenida.jsp para visualizar los datos del cliente cargados en la sesión web. ${r ${r eque equest st Scope. Scope. mensaj ensaj e}

e) Paso 5: Ejecutar la aplicación Primero, ingrese un usuario inválido.


Luego, ingrese el usuario correcto, pero la clave equivocada.

Por último, ingrese los datos correctamente.

¡Excelente!, ha culminado la funcionalidad de logueo versión 2

23

24

1.1. 1.1.3. 3. Libr erías erías de etiq etiquetas uetas de Struts 2 1.1.3.1. Ejercicio 1: Funcionalidad Funcionalidad de de Logueo Versión Versión 3 Agregue una nueva funcionalidad al logueo implementado, implementado , a través del uso de archivos de recursos y nuevas características del framework Struts 2. a) Paso 1: Definir el archivo de recursos recursos para Struts 2 Se copia el archivo struts.properties dentro de la carpeta src del proyecto.

Se puede observar que, a través de la key struts.custom.i18n.resources, se define la ubicación del archivo de recursos. st r ut s. cust cust om. i 18n. r esou sour ces= ces=ap aprr en end damos. j av ava. a. r ecu ecurr sos. Mi sR sRecu ecurr sos st r ut s. ui . t heme=si mpl e st r ut s. acti on. ext ensi on=acti on, , dudu

b) Paso 2: Agregar nuevas keys al archivo de recursos MisRecursos.properties Puede agregar las keys correspondientes a los mensajes de error del logueo.


25

# Def i ni r emos keys keys y sus r esp espe ect i vo vos s val or es # Una ke key es es un i dent i f i ca cad dor aso asoci ci ad ado o a al guna de descr i pci on #key keys s par par a el l og ogue ueo o : compl et ar l ogueo. t i t ul o = Pa Pag gi na de I ni c i o - Que f ac i l es J EE : ) : ) l ogueo. mensaj saj e. er r or . usua suar i o=Lo sent i mos, el usu sua ar i o i ngr esad sado o no exi s t e : ( l ogueo. mensaj saj e. er r or . cl ave= ve=Es una pena, l a cl ave i ngr esad sada a no

c) Paso 3: Referenciar las keys dentro de la clase LogueoAction Para poder referenciar las keys, la clase LogueoAction debe heredar de la clase ActionSupport. ActionSuppor t. Esto permitirá incluir funcionalidad adicional dentro de la misma.

apr endamos. j ava. va. act act i on; on; package apr import j ava. ut i l . Map;

opensym symphon phony. y. xwor k2. Act i onC onCont ont ext ; import com. open opensym symphon phony. y. xwor k2. Act i onSu onSupp ppor or t ; import com. open apr enda endam mos. j ava. ava. bean bean.. Cl i ent ent eDTO; import apr endamos. j ava. ava. ser vi ce. ce. Log LogueoS eoSer vi ce_I ce_I ; import apr end apr end endamos. j ava. ava. ser vi ce. Paqu Paquet et eBusi eBusi nessDel essDel egat egat e; import apr LogueoA eoAct i on extends Act i onSuppor t { public class Logu sua ar i o; private St r i ng usu private St r i ng cl ave; private St r i ng mensaj e;

Invoque el método getText, heredado de la clase ActionSupport. ActionSupport.

. . . }else{ vi s t a= a=" e r r o r "; "; ensaj e( this. get Text ( this. set Mensaj "l ogueo. mensa sajj e. er r or . cl ave" ) ) ; } }else{ vi s t a= a=" e r r o r "; "; sajj e. er r or . usu sua ar i o" ) ) this. set Mensaj e( this. get Text ( "l ogueo. mensa ; } . . .

26

d) Paso 4: Modificar Modificar el el JSP logueo.jsp Debe referenciar a la librería de etiquetas de struts 2.

<%@ taglib prefix="s" uri="/struts-tags" %>

Transforme las etiquetas html en sus equivalentes equivalentes de Struts 2.

met hod hod= ="post"

>

${r ${r eque equest st Scope. Scope. mensaj ensaj e}


9

27

Note que se han modificado los nombres de los campos usuario y clave por cliente.usuario y cliente.clave.

e) Paso 5: Referenciar a los campos cliente.usuario y cliente.clave dentro de la clase LogueoAction Agregue el atributo cliente en la clase LogueoAction. LogueoA oAct ct i on extends Act i onSupport { public class Logue

ent eDTO c l i ent e= e =null; private Cl i ent public Cl i ent eDTO get Cl i ent e( ) { e; return c l i ent e;

} set Cl i ent e( Cl i ent eDTO cl i ent e) { public void set this. c l i ent e = cl i ent e; }

Modifique el método execute. xecutt e( ) { public St r i ng execu St r i ng vi s t a =" ex exi t o" ; Syst Sys t em. out. pr i nt l n( " den entt r o d de e nu nuest r o pr pr i mer ac actt i on on"" ) ; Syst Sys t em. out. pr i nt l n( this. c l i ent e e.. get Us ua uar i o( ) ) ; Syst Sys t em. out. pr i nt l n( this. c l i ent e. e . get Cl ave( ) ) ; / / i nvo voca cam mos a n nu uest r o ser ser vi ci o ( l ogi ca de ne negoci o) Log LogueoS eoSer vi ce_I ce_I l ogueoser eoser vi ce = Paqu Paquet et eBusi eBusi ness ness Del egat egat e. getLogueoService ( ) ; Cl i ent ent eDTO usuar suar i oCan oCandi di dat dat o= ent eDTO( ) ; new Cl i ent usua suar i oCandi dat o. set set Usua suar i o( this. get Cl i ent e( ) . get Us ua uar i o( ) ) ; Cl i ent ent eDTO obj obj Usuar suar i o=null; try { obj Usua suar i o = l ogueoser ser vi ce. ce. val val i daUsua suar i o( usua suar i oCandi dat o) ; } catch ( Exce xcept i on e) { / / TODO Aut o- gen enerat erat ed cat cat ch b bll ock e. pr i nt St ackT ckTr ace( ce( ) ; Notas: }

2

suar i o! =null) { if( obj Usua Cl ave if ob Us uar i o. et Cl

. e ual s this. et Cl Cl i en e nt e

. et Cl Cl ave

1

28

1) Los datos son obtenidos a partir del nuevo atributo cliente. 2) Se obtienen nuevamente los datos a partir del atributo cliente. Esta vez invocando al método getCliente(). f) Paso 6: Ejecutar la aplicación Primero, ingrese un usuario inválido.

Luego, ingrese el usuario correcto, pero la clave equivocada.

Por último, ingrese los datos correctamente.


g) Paso 7: ¡Muy ¡Muy buen trabajo!

29

30

1.1.3.2. Ejercicio 2: Funcionalidad Funcionalidad Registro Registro de cliente cliente Se implementa la funcionalidad funcionalid ad indicada, haciendo uso de de las utilidades incluidas en el framework para procesar archivos (en el ejemplo la imagen del cliente) a través de un formulario HTML y gestionarlos dentro de la aplicación web implementada. implementada. a) Paso 1: Importar el proyecto FuncionalidadRegistraImag FuncionalidadRegistraImagen_Inicial.war en_Inicial.war

web

1

Notas: 1) Note que, dentro dentro del proyecto, proyecto, cuenta con el el script de base base de datos FacilitoBaseDatos.sql. En él, se debe verificar que la tabla tbcliente cuenta con un tipo de dato adecuado para almacenar un archivo de cualquier modelo.


31

b) Paso 2: Verificar que la la tabla tbcliente cuente con un campo de tipo longblog

ATABASE SE I F NOT EXISTS f ac a c i l i t o; o; CREATE DATABA USE f ac i l i t o; -- - Def i ni t i on of t abl e ` t bc b c l i ent e` -DROP TABLE I F EXISTS ` t bc l i ent e` ; CREATE TABLE ` t bc l i ent e` ( ` nombr e` varchar( 100) 100) DEFAULT DEFAULT NULL NULL, `suel `suel do` double DEFAULT DEFAULT NULL NULL, `sexo` char( 1) DEFAULT DEFAULT NULL NULL, `f ecnac cnac`` dat et i me DEFAULT DEFAULT NULL NULL, ùsu ùsua ar i o` varchar ( 15) NOT NOT NULL NULL DEFAULT ' ' , `cl ave` varchar( 15) NOT NOT NULL NULL DEFAULT ' ' , DEFAULT NULL NULL, `f ot o` l ongbl ob DEFAULT ùsua ar i o`) PRIMARY KEY ( ùsu ) ENG ENGI NE=I nnoDB AU AUTO TO__ I NCREM CREMENT= ENT=5 DEFAULT

1

CHARSET= SET=l at i n1; n1;

Notas: 1) Observe que, en el campo “foto”, se almacenará la imagen asociada al cliente que registrará en su aplicación web.

32

c) Paso 3: Modificar Modificar el archivo archivo nuevoCliente.jsp nuevoCliente.jsp Dentro de la página nuevoCliente.jsp, se debe modificar el formulario HTML. Complete el código con la lógica mostrada a continuación:
1

enct en ct yp ype e="multipart/form-data"

>

Regi st r o de Cl i ent es

. . .

. . . Fot Fot ogr af í a: va

/ >

Notas: 1) Debe utilizar el atributo enctype del formulario con el valor multipart/form-data. multipart/form-data. De esta manera,se habilita el formulario formulario para soportar soportar campos tipo File. File. 2) Agregue la etiqueta file de Struts 2., cuyo nombre es cliente.foto, es decir, hará referencia a un objeto de nombre cliente que cuente con con un atributo llamado llamado foto.

2


33

d) Paso 4: Registrar el alias ingresaCliente ingresaCliente en el archivo struts.xml

1

>/ l i s t ad ado. j s p

Notas: 1) El alias ingresaCliente fue definido en el formulario de la página nuevoCliente.jsp. Note que al invocar este alias se ejecutará dentro de la clase ClienteAction el método registrar. e) Paso 5: Crear el método registrar en la clase ClienteAction ClienteAction

La clase ClienteAction debe contar con la siguiente lógica: apr endamos. j ava. va. act i on; on; package apr import j ava. ut i l . L i s t ;

apr enda endam mos. j ava. ava. bean bean.. Cl i ent ent eDTO; import apr ser vi ce. ce. Cl i ent eSer vi ce_I ce_I ; import apr endamos. j ava. ser apr enda endam mos. j ava. ava. ser vi ce. Paq Paquet uet eBusi eBusi nessDel essDel egat egat e; import apr public class Cl i ent eAct i on {

/ / cr eamos un un at r i but o de t i po Li st a de Cl i ent es Cl i ent ent eDTO c l i ent e; e; Li st c l i ent es ;

...

1

34

... Cl i ent eSer vi ce_I ce_I s er er v i c i oCl i ent e = Paqu Paquet et eBusi eBusi ness ness Del egat egat e. getClienteService ( ) ; regi st r a / / cr ea eam mos el met odo regi e gi s t r a( ) { public St r i ng r eg St r i ng vi s t a =" ex exi t o" ;

2

3 4

try {

s er er vi c i oCl i ent e. r e gi gi s t r aEl Cl i ent e( c l i ent e) e) ; / / l o r et or nado por el se serr vi ci o l o asi gnamos al al at r i but o de t i po Li st a de cl i ent es c l i ent e. e . set Nombr e( " " ) ; c l i ent es = s er er vi c i oCl i ent e. l i st aCl i ent esPor sPor Nombr e( c l i ent e. e . get Nombr e( ) ) ; } catch ( Exce xcept i on e) { / / TODO Aut o- gener at ed cat cat ch bl bl ock e. pr i nt St ackT ckTr ace( ce( ) ; } a; return vi s t a; }

Notas: 1) Se ha definido la variable cliente de tipo ClienteDTO. De manera automática, el Framework instancia el objeto y almacena en él los datos que llegan desde la página nuevoCliente.jsp. Note que en la página nuevoCliente.jsp todos los campos llevan como prefijo en el nombre la palabra cliente, la cual hace referencia a la variable definida en ClienteAction. 2) El objeto servicioCliente es un componente de la lógica de negocio y expone las operaciones que puede realizar la clase ClienteAction. 3) Note que el método método registraCliente registraCliente recibe como como parámetro parámetro el objeto cliente. Dentro de él, deben existir los campos necesarios para poder gestionar la imagen del cliente seleccionada en la página nuevoCliente.jsp nuevoCliente.jsp 4) Una vez registrado el nuevo cliente se “blanquea” el atributo nombre del objeto cliente y se invoca la funcionalidad de listado antes de retornar a la vista respectiva.


35

f) Paso 6: Modificar la clase ClienteDTO La clase ClienteDTO debe contar con la siguiente lógica: public class Cl i ent eDTO implements Ser i al i z ab abl e {

private static final long serialVersionUID = 1L; private private private private private private

St r i ng nombr e; Dat e f ecn ecnac ac;; St r i ng sexo sexo;; sue el do; double su St r i ng usu sua ar i o; St r i ng cl ave;

o; private F i l e f o t o; oCon ontt en entt Ty Typ pe; private St r i ng f ot oC oFii l eName; private St r i ng f ot oF Fot o; private I nput St r eam i s Fo Fot oCont ent ent Type ype( ) { public St r i ng get Fot oCon ontt en entt Ty Type pe;; return f ot oC } Fot oCo oCont ent ent Type( ype( St r i ng f ot oCont ont ent Typ Type) { public void set Fot oCon ontt en entt Ty Type pe = f ot oCon oContt ent ent Type; Type; this. f ot oC }

. . .

Notas: 1) Dado que en la página página nuevoCliente.jsp nuevoCliente.jsp se ha definido definido un campo tipo file con el nombre cliente.foto, es necesario definirlo en la clase ClienteDTO, de modo que se pueda recepcionar la imagen enviada desde el formulario. 2) Es necesario, necesario, también, también, por requerimiento requerimiento del del Framework, definir los campos fotoContentType y fotoFileName. Ambos se “cargarán” de manera automática y proporcionarán importante información relacionada con la variable foto. Adicionalmente, se define la variable isFoto de tipo InputStream, debido a que ésta será utilizada utilizada por el componente MySqlClienteDAO en el registro de la imagen en la tabla tbcliente.

1 2

36

g) Paso 7: Modificar Modificar la la clase clase ClienteService ClienteService La clase ClienteService debe contar con la siguiente lógica en el método registraElCliente: registraElCliente:

obj Cl i ent e) throws Excep xcept i on { public int r egi st r aEl Cl i ent e( Cl i ent eDTO ob / / aqui aqui ag agrr emos u un n poco poco de l og ogii ca / / co com mo sab sabemos que que el el at r i but o i sFo sFott o est est a l l eg egan and do nu nul o / / l o gener amos a par t i r del at r i but o f ot o ( de t i po Fi l e) if( obj Cl i ent e. get Fot o( ) ! =null) {

I nput put St r eam eam t empo = new Fi l eI nput St r eam( obj Cl i ent e. get Fot o( ) ) ; obj Cl i ent e. set set I sFot sFot o( t empo) ; } objj Cl i ent eDAO. r e gi gi s t r aCl i ent e( obj Cl i ent e) ; return ob }

Notas: 1) Si el cliente seleccionó en la página nuevoCliente.jsp nuevoClient e.jsp una imagen, el atributo foto debe ser diferente del valor null. De ser el caso, se crea un objeto temporal de tipo InputStream en base al atributo foto. Luego, se asigna el objeto tempo al atributo isFoto (utilizado en la clase MySqlClienteDAO para grabar la imagen en la tabla tbcliente).

9

Recuerde que el método registraElCliente debe ser “expuesto” registrándolo en la interface ClienteService_I. La clase ClienteService implementa la interface ClienteService_I. ClienteService_I.

1


37

h) Paso 8: Modificar la cla clase se MySqlClienteDAO MySqlClienteDAO La clase MySqlClienteDAO MySqlClienteDAO debe implementar implementar la siguiente lógica lógica en el método registraCliente: xcept i on{ public int r egi st r aCl i ent e( Cl i ent eDTO obj Cl i ent e) throws Excep esul t ado ado =0; int r esul Connect i on cn = MySql DBConn. obtenerConexion ( ) ; St r i ng s ql ql = "i nse serr t i nt o t bcl i ent e( nombr e, su sue el do, se sex xo, f ecn cna ac, " + " us us ua uar i o, c l ave, f ot o) va val ues ( ? , ? , ? , ? , ? , ? , ? ) " ; Pr epar epar edS edSt at ement ent pst = cn. pr epar epar eSt eSt at ement ent ( sql ) ;

1

/ / asi gnamos val val or es a l as i nt er r ogant es pst . set set St r i ng( 1, obj Cl i ent e. get Nombr e( ) ) ; pst . set set Doubl e( 2, obj Cl i ent e. get Suel do( ) ) ; ps t . s et et St r i ng( 3, obj Cl i ent e. get Sexo( ) ) ;

2

/ / no ol vi demos i nse serr t ar l a f ech cha a :) j ava. s ql . Dat e bdf echa= sql . Dat e( obj Cl i ent e. get Fecna cnac() . get Ti me( ) ) ; new j ava. sql pst . set set Dat e( 4, bdf echa cha) ; ps t . s et et St r i ng( 5, obj Cl i ent e. get Us ua uar i o( ) ) ; ps t . s et et St r i ng( 6, obj Cl i ent e. get Cl ave( ) ) ; pst . set set Bi nar ySt ySt r eam( 7, null, 0) ; if( obj Cl i ent e. get Fot o( ) ! =null) {

pst . set set Bi nar ySt ySt r eam( 7, obj Cl i ent e. get I s Fo Fot o( ) , obj Cl i ent e. get I s Fo Fot o( ) . avai l abl e( ) ) ; } / / ej ec ecu ut amos l a se sen nt enci a r esul esul t ado = pst . exec execu ut eUpdat e( ) ; c n. n. c l os e( e( ) ; sul t ado; return r esul }

Notas: 1) Recuerde que para insertar una fecha en base de datos debe convertir las fechas de tipo java.util.Date al tipo java.sql.Date. 2) Por defecto, se asume que no insertará ninguna imagen en el campo foto:

38

pst.setBinaryStream(7, pst.setBinaryStream(7, null,0); Sin embargo, si el valor del atributo es diferente de null, registra la imagen, tomando como base al atributo de tipo InputStream isFoto: pst.setBinaryStream(7, objCliente.getIsFoto(), objCliente.getIsFoto().available());

9

El método

available()

de un objeto de tipo InputStream retorna la cantidad de bytes (el tamaño), en este caso, de la imagen a insertar en la tabla. De esta manera, se envía como tercer parámetro del método setBinaryStream().


i) Paso 9: Ejecutar la aplicación web

Seleccione del listado de Clientes el enlace Nuevo Cliente:

39

40

En la pantalla mostrada, ingrese los campos solicitados.


41

Al hacer clic sobre el botón Registrar, se grabará un nuevo registro en la base de datos y se visualizará nuevamente el listado de Clientes.

42

Se puede verificar el correcto registro de la imagen, utilizando la herramienta MySql Query Browser:

1

Notas: 1) Al hacer clic sobre la lupa, visualizará en una nueva ventana la imagen registrada en la tabla tbcliente. j) Paso 10: ¡Bien!, ha culminado la funcionalidad funcionalidad “registra imagen” exitosamente.


43

1.1.4. 1.1.4. Internacio Intern acionali nalización zación – I18n I18n Tradicionalmente, los desarrolladores de software se centran en construir aplicaciones que resuelvan en forma inmediata problemas de negocio. Mientras hacen eso es fácil y a veces necesario realizar asunciones acerca del lenguaje o lugar de residencia de los usuarios. En muchos casos, estas asunciones son válidas y no hay preguntas sobre quién será la audiencia. Sin embargo, es probable, alguna vez, que se deba reconstruir una aplicación, porque estas asunciones fueron incorrectas. Internacionalización ( I18N) es el proceso de diseñar su software con soporte en tiempo real de múltiples lenguajes y regiones. Dada esta característica, no será necesario rediseñar nuestras aplicaciones cada vez que se necesite soporte para un nuevo lenguaje. Una aplicación que dice tener soporte para internacionalización debe contar con las siguientes características: •

•

•

• •

Puede soportar lenguajes adicionales sin requerir cambios adicionales de código. Los elementos de texto, mensajes e imágenes son almacenados externamente al código fuente. Dependencia culturales de datos, tales como fecha y hora, y valores decimales son correctamente formateados para el lenguaje del usuario y localización geográfica. Caracteres no estándares son soportados. La aplicación puede ser fácilmente adaptada a nuevos lenguajes y regiones.

Cuando se internacionaliza una aplicación, no se puede producirla para elegir qué opciones desea soportar. Se deben implementar todas ellas o el proceso colapsará. Si un usuario visita un sitio web y todos sus textos, imágenes y botones están en el lenguaje correcto, pero los números y fechas no son formateados correctamente, ésta será una experiencia desagradable para el usuario. Asegurar que una aplicación puede soportar múltiples lenguajes y regiones solo es el primer paso. Se deben crear versiones localizadas de la aplicación para cada lenguaje específico y región que debe soportar. Afortunadamente, aquí es donde los beneficios de I18N en la plataforma java se ejecutan. Para aplicaciones aplicaciones que están siendo apropiadamente apropiadamente internacionalizadas, todo el trabajo para soportar nuevos lenguajes o naciones, son externas al código fuente. Una clase locale es una región (usualmente geográfica, pero no necesariamente) que comparte personalizaciones, cultura y lenguaje. Aplicaciones que son escritas para una sola localización son comúnmente referenciadas referenciadas como miopes. miopes . Localización ( L10N) es el proceso de adaptar su aplicación, la cual ha sido internacionalizada apropiadamente con la específica. Para aplicaciones donde el soporte I18N no ha sido planeado o incorporado, incorporado, esto usualmente significa cambios cambios de texto, imágenes imágenes y mensajes que son son incluidos dentro dentro

44

del código fuente. Después de los cambios aplicados, éste debe de ser recopilado. Imagine hacer eso cada vez para una nueva localización soportada. De acuerdo con Richard Gillam, miembro del Grupo de Tecnología Unicote (autor del diseño de muchas de las librerías Java para soporte que los productos que que utilizan trabajen trabajen para I18N), los usuarios esperarán que ellos en su lenguaje nativo. Se pueden obtener experiencias negativas si los usuarios no están satisfechos cuando las asunciones que se realizan son incorrectas. Se debe iniciar planificando, en forma temprana, el soporte para I18N en las aplicaciones.

1.1.4.1. Ejercicio 1: Funcionalidad Funcionalidad Registra imagen con i18N Se agregará nueva funcionalidad al registro de imágenes implementado. La aplicación web soportará el uso de tres idiomas distintos. a) Paso 1: Importar el proyecto FuncionalidadRegistraImag FuncionalidadRegistraImagenI18N_Inicial.war enI18N_Inicial.war

web

1

Notas: 1) Note que, dentro del proyecto, cuenta con el paquete aprendamos.java.recursos y dentro de él cuenta con tres archivos de recursos (archivos .properties) que soportan los


45

idiomas italiano (it), portugués (pt) y español. El primero está configurado en el archivo sin indicador de idioma. Note que los prefijos it y pt o cualquier otro que se desea usar deben ser códigos ISO 639-1.

b) Paso 2: Editar los archivos archivos .properties. Se crearán, crearán, como ejemplos, las keys que serán utilizadas en la página bienvenida.jsp. Defina las keys para el idioma portugués en el archivo MisRecursos_pt.properties

#ke keys ys par par a l a pag pagii na de de bi bi en enve ven ni da key key. usua suar i o = Usu suá ár i o: key. nombr e = No Nom me: key. key. f ecna cnac = dat a de nasci men entt o: key. key. sexo sexo = sexo sexo:: key. key. sal udo = Bem- vi nd ndo o Car Car o usu usuár ár i o, seus dad dados os são:

#keys par a el menu menu. enu. bi enven envenii da = I r à pág ágii na i ni c i al menu. enu. l ogueo ogueo = Vá par a a en entt r ad ada a menu. l i st ado = I r par a a l i s t a

46

Defina las keys para el idioma italiano en el archivo MisRecursos_it.properties

#ke keys ys par par a l a pag pagii na de de bi bi en enve ven ni da key key. usua suar i o = Ut ent e: key. nombr e = No Nom me: key. key. f ecna cnac = Dat a di Nasci t o: key. key. sexo sexo = sesso sesso:: key. key. sal udo = Benven envenut ut o Car o ut ent e, i dat i sono sono::

#keys par a el menu menu. enu. bi enven envenii da = Vai al l a pag agii na di ben benvenu venutt o menu. enu. l ogueo ogueo = I r al l oguei ni menu. l i st ado = I r al l i s t ad a di ni

Defina las keys para el idioma español en el archivo MisRecursos.properties MisRecursos.properties (archivo de recursos por defecto).

#ke keys ys par par a l a pag pagii na de de bi bi en enve ven ni da key key. usua suar i o = Usu sua ar i o: key. nombr e = Nombr e: key. key. f ecna cnac = Fecha de Naci mi en entt o: key. key. sexo sexo = Sexo Sexo:: key. key. sal udo= Bi en enve ven ni do est i mad ado o usu sua ar i o, s us dat os s on on::

#keys par a el menu menu. enu. bi enven envenii da = I r a l a pági na de Bi enve ven ni da menu. enu. l ogueo ogueo = I r al l og ogu ueo menu. l i st ado = I r al l i s t a ad do

1


47

Notas: 1) El archivo de recursos por defecto es aquel que no tiene código ISO asociado a un idioma en particular. Cuando se seleccione en la aplicación web un idioma que no haya sido configurado en ningún archivo de recursos, automáticamente, struts 2 recupera las keys del archivo de recursos por defecto. c) Paso 3: Modificar Modificar el archivo archivo cabecera.jsp

1 2 >

Notas: 1) Struts 2 soporta cuenta con un parámetro especial llamado request_locale. Cuando se utiliza éste, de manera automática, se configura sul valor como el idioma actual de la aplicación web. 2) Es recomendable utilizar variables al referenciar cualquier recurso dentro de una aplicación web. En el ejemplo, en

48

lugar de colocar el nombre de la aplicación web, se realiza lo siguiente: FuncionalidadRegistraImag FuncionalidadRegistraImagenI18N_Inicial enI18N_Inicial Se coloca un “expression language” equivalente: ${pageCont ext ext . r equest . cont cont ext Pat Pat h}

d) Paso 4: Registrar el action a_bienvenida en el archivo struts.xml

. . . 1 / bi enveni da. j sp

/ l ogueo. j s p

. . . Notas: 1) Note que el action a_bienvenida es solo un action de atajo que invoca automáticamente a la página bienvenida.jsp. Se puede crear dentro de la aplicación múltiples actions de atajo para invocar a través de links a las páginas JSP.

e) Paso 5: Recuperar Recuperar las las keys del menú y de la página de bienvenida, bienvenida, utilizando la etiqueta de struts 2.


49

Modifique el archivo menu.jsp

. . .
> 1

1

>

. . .

Notas: 1) Debe usar la etiqueta para referenciar a las keys del archivo de recursos. recursos. Es importante recordar recordar que para utilizar utilizar las etiquetas de struts 2 se debe referenciar la librería, utilizando la siguiente directiva: <%@ taglib prefix="s" uri="/struts-tags" %>

50

Modifique el archivo bienvenida.jsp

. . .
. . .

r ecu cup per amos l os at r i but os del usu sua ar i o l ogueado ut i l i za zan ndo EL ( Expr essi on La Lan nguage) - - > 1 ${sessi onScop cope. b_usua _usuar i o. usua suar i o} ${sess i onS onScope. cope. b_ usuar suar i o. nombr e}< e} ${sessi onScop cope. b_usua _usuar i o. f ecna cnac}< c} ${sessi onScop cope. b_usua _usuar i o. sexo sexo}


f) Paso 6: Ejecutar la aplicación web Ingrese a la intranet a través de la página de logueo.

Se debe visualizar la pantalla de bienvenida y los enlaces a los idiomas definidos en la página cabecera.jsp. Seleccione la bandera italiana.

51

52

Visualizará la siguiente pantalla con el menú y la bienvenida en idioma italiano. Seleccione la bandera de Brasil.

Se visualizará la siguiente pantalla con el menú y la bienvenida en idioma portugués. Finalmente, seleccione la bandera del Perú.


53

Se visualizará la siguiente pantalla con el menú y la bienvenida en idioma castellano.

g) Paso 7: ¡Bien!, ha culminado la funcionalidad “registra imagen con I18n” exitosamente. exitosament e.

54

1.2 1.2 Acceso optim o ptimiza izado do a base de datos y otras otr as característic características as Struts 2

1.2. 1.2.1. 1. Uso de un Pool d e conexiones para acceso a base de datos Un Pool de Conexiones (jdbc) es un conjunto conjunto de conexiones conexiones preinstanciadas preinstanciadas que serán "prestadas" a los threads (hilos) de ejecución a medida que estos lo requieran para que la usen y luego la devuelvan al pool. En el caso de las aplicaciones abiertas en Internet o con gran cantidad de usuarios potenciales, el análisis es el mismo. El recurso es la conexión a la base de datos. Se tendrá un conjunto de “n” conexiones para asignarlas (o prestarlas) a los hilos que lo requieran. Lo recomendable al usar un Pool de Conexiones es que se optimice las consultas a la base de datos para tener mayor rapidez.

1.2.1.1. Ejercicio 1: Funcionalidad Funcionalidad Registra Registra Imagen “Pool” “Pool” Se implementa la funcionalidad indicada haciendo uso de un pool de conexiones de MySql para optimizar el acceso a base de datos.

a) Paso 1: Importar el proyecto FuncionalidadRegistraImag FuncionalidadRegistraImagenPool_Inicia enPool_Inicial.war l.war

web


55

1

Notas: 1) Observe que, dentro del proyecto, cuenta en la carpeta META-INF con el archivo context.xml. En él, se debe crear la configuración del pool de conexiones que utilizará para acceder a una base de datos.

56

b) Paso 2: Editar Editar el archivo archivo context.xml y configurar el el pool de conexiones.
>

1 2

3

Notas: 1) jdbc/sisepuede jdbc/sise puede es el nombre del pool de conexiones que utilizará para referenciar a la base de datos. 2) El número máximo de conexiones activas es 100 en el ejemplo. Este valor debe ser calculado para cada aplicación web sobre la base de la “experiencia” y el tráfico que normalmente se soporte. En algunos casos, se tendrá la necesidad de incrementar o redecir este valor por defecto. 3) El máximo tiempo de espera, 10000, está expresado en milisegundos. En este ejemplo, se esperará, como máximo, 10 segundos para obtener una conexión disponible (de las 100 existentes). De no conseguirla, se produciría un error.


57

c) Paso 3: Modificar Modificar el archivo archivo MySqlDbConn.java MySqlDbConn.java

va. ut i l ; package apr endamos. j ava. / / Est a cl ase nos r et or na narr a un una a con conex exii on a ba base se de de dat os ql . * ; import j ava. s ql import j avax avax.. nami ng. *; ql . * ; import j avax. s ql

1 2

BConn { public class MySql DBConn / / Ut i l i zar emos mas bi bi en un poo ooll de con conex exii on ones es / / cr ea eam mos el met od odo o que que no nos s per mi t e obt obt en ener er un una a conexi conexi on . . .

Notas: 3) Debe importar el paquete paquete javax.naming.*, javax.naming.*, ya que en él se encuentran las clases para utilizar JNDI y acceder al pool de conexiones. 4) Debe importar el el pauete javax.sql.* javax.sql.* debido debido a que dentro dentro de él se encuentra la clase DataSource. Ésta representa un pool de conexiones en java.

58

. . . onnect i on obt obt ener ener Conex onexii on( on( ) { public static Conn / / 1. Pa Parr a r ef eren erenci ci ar al poo ooll cr ea eam mos un un co con nt ex extt o J NDI / / J ava Nami ng and Di r ect or y I nt er f ace Conne onnect ct i on cn=null; try {

/ / crea cream mos el el co con nt ext o J NDI I ni ci al , J DNI val i da l os no nombr es , ut i l i za l a i nf or de MET ETA A I NF par par a hace hacerr un poo ooll de cone conexi xi on ones. es. , J NDI manej anej a nom no mbr es y obj obj et os Cont ext ct x = new I ni t i al Cont ex e xt ( ) ; / / ah ahor or a vam vamos a ubi ubi car un no nom mbr e den dentt r o / / de est e co con nt ext o, para el el l o usamos el el / / f amoso met od odo o l ooku ookup. p. / / Base st andar J ND St r i ng r ai zCo zCont exto =" j ava va:: co com mp/ env/ " ;

1

aves s de su nom nombr e a nue nuest st r o / / ob obtt en enem emos a t r ave / / pool de co con nexi ones Dat aSou aSourr ce ds= ( Dat aSour ce) ce) ct x. l ookup kup( r ai zCo zCont ext o+" j dbc/ si se sep puede" ) ; / / l e ped pedii mos al al poo ooll qu que e nos nos de de un una cone conexi xi on cn = ds. get Connect i on( ) ; Syst Sys t em. out. pr i nt l n( " Mi si on cumpl i da, hemos obt obt en enii do l a con conex exii on de dell pool " ) ; } catch ( Nami ngEx ngExcep ceptt i on e) { / / TODO Aut o- gen enerat erat ed ca catt ch b bll oc ock k e. pr i nt St ackT ckTr ace( ce( ) ; } catch ( SQLExcep LExceptt i on e) { / / TODO Aut o- gen enerat erat ed ca catt ch bl bl ock ock e. pr i nt St ackT ckTr ace( ce( ) ; } return cn;

}

Notas: 1) El nombre del contexto JNDI por default es java:comp/env. Todas las denominaciones de objetos JNDI (como nuestro pool), se crean debajo de este nombre raíz. Por lo tanto, para referenciar al pool, se pasar primero por el nombre raíz. 2) A través del método lookup y utilizando el nombre raíz del contexto, se referencia al pool de conexiones: jdbc/sisepuede.

2


59

Se obtiene un objeto de tipo DataSource que representa el pool almacenado en memoria.

d) Paso 4: Copiar Copiar el conector conector de mysql mysql dentro de la carpeta lib del servidor de aplicaciones aplicaciones TomCat

1

Notas: 1) Este paso es necesario debido a que es el servidor Tomcat y no la aplicación web, quien solicita al servidor de base de datos las conexiones (en el ejemplo cien), que serán almacenadas en la memoria del servidor y que juntas constituyen el pool de conexiones.

60

e) Paso 5: Ejecutar Ejecutar la aplicación web

Ingrese a la intranet a través de la página de logueo.


61

Debe visualizar la pantalla de bienvenida con los datos del usuario logueado.

También, se visualizará en la consola de Eclipse los mensajes del Logueo y el que se colocó en la clase MySqlDbConn: misión cumplida, se ha obtenido la conexión del pool.

62

f) Paso 6: ¡Bien!, ha culminado la funcionalidad funcionalidad “registra imagen pool” exitosamente.


63

1.2. 1.2.2. 2. Libr erías erías de etiq etiquetas uetas de Struts 2. Prin Principales cipales comp onentes Dentro de la familia de nuevas etiquetas de Struts 2, es importante destacar que, en esta versión, todas las etiquetas básicas del framework se encuentran en una sola librería, la cual es referenciada en un JSP de la siguiente manera: <%@ taglib prefix="s" uri="/struts-tags" %> Se detalla, a continuación, ejercicios de aplicación en los que se utilizan las principales etiquetas de Interface de usuario y datos de Struts 2: 9 9 9

1.2.2.1. Ejercicio 2: Funcionalidad Funcionalidad carga carga datos del Cliente Cliente Se implementa la funcionalidad indicada haciendo uso de las utilidades incluidas en el Framework para procesar archivos (en el ejemplo la imagen del cliente) a través de un formulario HTML y el uso de un Action de Struts 2 que utiliza un nuevo tipo de Result: stream. a) Paso 1: Importar el proyecto proyecto proyecto proyecto web FuncionalidadCargaDatosClien FuncionalidadCargaDatosCliente_Inicial.war te_Inicial.war

1

64

Notas: 1) Debe modificar la página listado.jsp para agregar un enlace que permita visualizar los datos de un cliente en particular. b) Paso 2: Modificar Modificar el archivo archivo listado.jsp Dentro de la página listado.jsp, debe crear un nuevo enlace para visualizar los datos del cliente seleccionado. Complete el código con la lógica mostrada a continuación: . . . ~~${el c l i . us ua uar i o}~~

. . .

hr ef ef = ="${car ${car ga} ga}" > M

1


65

2

Notas: 1) Utilizando Utilizando la etiqueta defina un un enlace enlace que permitirá invocar al alias cargaModificaCliente. Adicionalmente, determine el parámetro usuario utilizando la etiqueta . Su valor es asignado usando el siguiente expression language (EL): ${elcli.usuario} 2) Culminado el cambio en listado.jsp, visualizará el enlace, tal como se muestra en la pantalla previa.

66

c) Paso 3: Registrar el alias cargaModificaCli cargaModificaCliente ente en el archivo struts.xml

1

/ modi f i c aC aCl i ent e. j s p

Notas: 1) El alias cargaModificaCliente fue referenciado en el enlace definido para modificar (M) de la página listado.jsp. Note que al invocar este alias se ejecutará dentro de la clase ClienteAction el método cargaModifica. cargaModifica.

d) Paso 4: Crear el método cargaModifica en la clase ClienteAction

La clase ClienteAction debe contar con la siguiente lógica: apr endamos. j ava. va. act i on; on; package apr import j ava. ut i l . L i s t ;

apr enda endam mos. j ava. ava. bean bean.. Cl i ent ent eDTO; import apr ser vi ce. ce. Cl i ent eSer vi ce_I ce_I ; import apr endamos. j ava. ser apr enda endam mos. j ava. ava. ser vi ce. Paq Paquet uet eBusi eBusi nessDel essDel egat egat e; import apr public class Cl i ent eAct i on {

/ / cr eamos un un at r i but o de t i po Li st a de Cl i ent es Cl i ent ent eDTO c l i ent e; e; Li st c l i ent es ; St r i ng usu sua ar i o;

...

1


67

... car gaModi f i ca( ca( ) { public St r i ng car St r i ng vi s t a =" ex exi t o" ; try {

2

c l i ent e= e= s er er v i c i oCl i ent e. buscaClientePorUsuario ( uar i o( ) ) ; this. get Us ua } catch ( Exce xcept i on e) { / / TODO Aut o- gener at ed cat cat ch bl bl ock e. pr i nt St ackT ckTr ace( ce( ) ; } a; return vi s t a; }

...

Notas: 1) Se ha definido la variable usuario de de tipo String. Se definen también los métodos setUsuario() y getUsuario(), respectivamente. De manera automática, el Framework instancia el objeto y almacena en éste el parámetro usuario, que llega desde la página listado.jsp. . 2) Note que el método método buscaClientePorUsuari buscaClientePorUsuario o recibe como parámetro la variable usuario y retorna un objeto de tipo ClienteDTO que es asignada a la variable cliente. 3) Luego, se retorna a la vista respectiva, es decir, se invocará a la página modificaCliente.jsp modificaCliente.jsp

3

68

e) Paso 5: Verificar la clase MySqlClienteDAO MySqlClienteDAO La clase MySqlClienteDAO MySqlClienteDAO debe implementar implementar la siguiente lógica lógica en el método buscaPorUsuario:

scaPor Usuar suar i o( St r i ng usuar suar i o) throws Excep xcept i on{ on{ public Cl i ent eDTO buscaPo Cl i ent ent eDTO obj obj Cl i ent ent eDTO=null;

1

Connect i on cn = MySql DBConn. BConn. obtenerConexion( ) ; sen nt enci a / / def i ni mos l a se St r i ng s ql ql ="se "sell ect usu sua ar i o, cl ave, nombr e, su sue el do, se sexo xo,, f ecn cna ac, f ot o " + " " + "f r om t bcl i ent e wher e usu sua ar i o = ?" ; / / l a pr pr epar amos Pr epar epar edS edSt at ement ent pst =cn. pr epar epar eSt eSt at ement ent ( sql ) ; / / asi gna nam mos val or es a l as i nt er r ogant es ps t . s et et St r i ng( 1, us ua uar i o) ; / / ej ec ecu ut amos Resul t Set r s=pst . exe execut cut eQuery( ) ; / / si hay da dat os, r ecu cup per amos un un r egsi t r o if( r s . next ( ) ) { obj obj obj obj obj obj obj obj obj

Cl Cl Cl Cl Cl Cl Cl Cl

i i i i i i i i

ent ent eDTO = new Cl i ent ent eDTO( ) ; ent eDTO. set set Usua suar i o( r s. get St r i ng( 1) ) ; ent eDTO. set set Cl ave( r s. get St r i ng( 2) ) ; ent eDTO. set set Nombr e( r s. get St r i ng( 3) ) ; ent eDTO. set set Suel do( r s. get Doubl e( 4) ) ; ent eDTO. set set Sexo( xo( r s. get St r i ng( 5) ) ; ent eDTO. set set Fecn Fecna ac( r s. get Dat e( 6) ) ; ent eDTO. set set I sFot sFot o( r s. get Bi nar ySt r eam( 7) ) ;

} c n. n. c l os e( e( ) ; obj Cl i ent ent eDTO; return obj }

Notas: 1) Note que se obtiene el campo de tipo longblob foto. 2) El campo foto es asignado al al atributo isFoto del objeto objClienteDTO. Este atributo es de tipo InputStream, por por ello, debe ser recuperado con el método getBinaryStream del objeto objeto ResultSet rs: rs.getBinaryStream(7) rs.getBinaryStream(7)

2


69

f) Paso 6: Ejecutar la aplicación web Seleccione del listado de Clientes el enlace M asociado a cualquiera de los clientes listados:

1

Notas: 1) Enlace para visualizar los datos del cliente y, opcionalmente, modificarlos.

70

En la pantalla mostrada, se visualizarán los datos asociados al cliente seleccionado. Sin embargo, no reconoce aún la fotografía.

g) Paso 7: ¡Bien!, ha culminado la primera parte de la funcionalidad “carga imagen”


71

h) Paso 8: Modificar la página página modificaCliente.jsp modificaCliente.jsp Dentro de la página página modificaCliente.jsp modificaCliente.jsp debe utilizar la etiqueta etiqueta HTML para visualizar la fotografía asociada al cliente mostrado:

. . . Fot Fot ogr af í a:

. . .

Notas: 1) Note cómo en el atributo src de la etiqueta etiqueta se hace referencia al alias cargaImagenCliente. Se envía adicionalmente el parámetro usuario con el valor ${cliente.usuario}.

1

72

i) Paso 9: Registrar Registrar el alias alias cargaImagenCliente cargaImagenCliente en el archivo archivo struts.xml

1

2

i magen agenC Cl i ent ent eRecu eRecupe perr ada ada

Notas: 1) El alias cargaImagenCliente fue referenciado en la etiqueta de la página modificaCliente.jsp. Note que al invocarlo se ejecutará dentro de la clase ImagenAction el método recuperaImagenCliente. 2) Se utiliza un nuevo tipo de result: stream. A través de él, la etiqueta de la página modificaCliente.jsp visualizará la imagen a partir de un campo de tipo InputStream. 3) El campo imagenClienteRecuperada es el valor asociado al parámetro del result: inputName. Éste debe ser de tipo InputStream y estar definido en el action ImagenAction.

3


73

j) Paso 10: Crear el método método recuperaImagenCliente recuperaImagenCliente en la clase ImagenAction La clase ImagenAction debe contar con la siguiente lógica:

packag ackage e apr apr end endamos. j ava. ava. act i on; on; i mpor t j ava. i o. * ; i mpor t apr apr enda endam mos. j ava. ava. bean bean.. Cl i ent ent eDTO; i mpor t apr endamos. j ava. va. ser ser vi ce. ce. Cl i ent eSer vi ce_I ce_I ; i mpor t apr apr enda endam mos. j ava. ava. ser vi ce. Paq Paquet uet eBusi eBusi nessDel essDel egat egat e; publ i c cl ass I magen agenA Act i on { St r i ng usua suar i o; I nput nput St r eam eam i magen agenC Cl i ent ent eRecu eRecup per ada; ada;

1

...

...

cuper aI magenCl i ent e( ) { public St r i ng r ecup St r i ng vi s t a =" ex exi t o" ; try {

Cl i ent eDTO cl i =

2

s er er v i c i oCl i ent e. buscaC scaCl i ent ePor Usua suar i o( usu sua ar i o) ; / / del obj et o cl i so soll o nos i mpor t a l a f ot o co com mo I nput St r eam / / r ecu ecup per amos ese at r i but o y l o asi asi gna nam mos al campo / / i magen agenC Cl i en entt eR eRecu ecupe perr ad ada a agen enC Cl i en entt eR eRecu ecupe perr ad ada a = c l i . get I s Fo Fot o( ) ; this. i mag } catch ( Exce xcept i on e) { / / TODO Aut o- gener at ed cat cat ch bl bl ock e. pr i nt St ackT ckTr ace( ce( ) ; } a; return vi s t a; }

...

3

74

Notas: 1) Se ha definido la variable imagenClienteRecuperada imagenClienteRecupe rada de tipo InputStream. Ésta es referenciada en el archivo struts.xml, en el registro del action ImagenAction . 2) El método método buscaClientePo buscaClientePorUsuario rUsuario retorna un objeto objeto de tipo tipo ClienteDTO que es asignado a la variable cli. 3) Se invoca el método getIsFoto() de la variable cli para obtener la imagen recuperada de base de datos y asignarla a la imagenClienteRecuperada.

k) Paso 11: Ejecutar la aplicación web Seleccione, nuevamente, nuevamente, del listado de Clientes C lientes el enlace M asociado a cualquiera de los clientes listados:

1

Notas: 1) Enlace para visualizar los datos del cliente y, opcionalmente, modificarlos.


75

En la pantalla mostrada, se visualizarán los datos asociados al cliente seleccionado. seleccionado. En esta oportunidad, oportunidad, sí visualizará la fotografía asociada al cliente.

l) Paso 12: ¡Muy Bien!, ha culminado exitosamente la funcionalidad funcionalidad completa “carga imagen”.

76

1.2.3. Patrón Composi te View View – Struts 2 Tiles Tiles Al momento de crear el diseño de un sitio web típico, éste puede sufrir muchos cambios durante su ciclo de vida. Utilizar diseños y gestores de diseño puede ayudar a organizar las diferentes partes de un JSP de modo que éstos se puedan alterar con un mínimo impacto para el resto de la aplicación. Surge, de esta manera, el patrón de diseño Composite View, el cual permite, de manera eficiente y escalable, gestionar diversos diseños para un sitio web. Desafortunadamente, Desafortunadamente, la tecnología JSP no proporciona proporciona ningún soporte directo para diseños o gestores de diseño, es por ello que surgen librerías en el mercado que pueden ser utilizadas para mejorar la estructura de de nuestras nuestras aplicaciones aplicaciones web. Se muestra, a continuación, a través de un ejercicio, la configuración y uso de la librería Tiles. Ésta es de código abierto e implementa el patrón Composite View .

1.2.3.1. Ejercicio 1: 1: Mantenimiento Mantenimiento Completo con Tiles Sobre un mantenimiento completo e implementado con Struts 2, se harán las modificaciones necesarias para implementar el patrón Composite View. Para ello, se utilizará el framework Tiles y se integrará a la aplicación aplicación web construida sobre sobre Struts 2.


77

a) Paso 1: Importar Importar el proyecto web MantenimientoTiles_Inicial.war

1

2

3 4 Notas: 1) En general, las páginas JSP de la aplicación se encontrarán dentro de carpetas específicas. En este ejemplo, se cuenta con dos tipos: •

Páginas. Para todas aquellas de la aplicación web.

78

•

Plantillas. Para las diferentes plantillas tiles sobre las cuales se distribuirán las páginas de la aplicación web.

2) Para utilizar Tiles e integrarlo a struts 2, es necesario contar con las librerías de Tiles y el plug in de Struts 2 para ésta. 3) El archivo de configuración de tiles es tiles.xml y debe copiarse por defecto en la carpeta WEB-INF de la aplicación web. 4) No todos los archivos JSP deben, necesariamente, estar dentro de una carpeta. En el ejemplo, la página logueo.jsp mantiene su ubicación original: dentro de la carpeta WebContent.

b) Paso 2: 2: Modificar Modificar el el archivo archivo web.xml Se deben agregar en el archivo web.xml w eb.xml las siguientes etiquetas:

s> or g. apac h he e. s t r ut s 2. 2. t i l es . St r ut s Ti Ti l es Li Li s t en e ner

...

Notas: 1) Debe agregar el listener de Tiles para struts 2.

1


79

c) Paso 3: Modificar Modificar el archivo struts.xml

but e but e but e but e

1 name="menu" val ue="/paginas/menu.jsp" / > name="pie" val ue="/paginas/pie.jsp" / > name="cabecera" va vall ue="/paginas/cabecera.jsp" / > name="body" val ue="/paginas/bienvenida.jsp" / >

...

3 Notas: 1) Debe crear definiciones de Tiles. Ésta determina qué componentes (JSPs normalmente) se despliegan sobre una plantilla en particular. En el ejemplo, el definition d_bienvenida referencia a la plantilla diseno01.jsp, 2) Un definition puede ser heredado. De esta manera, solo es necesario “sobre escribir” los puts que queramos modificar. En el ejemplo, el definition d_listado hereda del definition d_bienvenida. 3) Note que los puts dentro de los definitions están referenciando a páginas JSP dentro de la carpeta páginas. Ésta debe existir y ahí deben encontrarse las páginas referenciadas. referenciadas.

2

80

d) Paso 4: Modificar Modificar el archivo archivo struts.xml

... s> d_nue _nuevoC voCl i ent e d_bi enven veni da / l ogueo. j s p

2

3

d_ l i s t ad ado

/ l ogueo. j s p d_bi enven veni da

...

Notas: 1) Para trabajar con Tiles y struts 2, es obligatorio heredar del paquete tiles-default. 2) Cada de un action, ya no invoca directamente a una página JSP, sino, más bien, a un definition de tiles . 3) Para que un pueda invocar a un definition de tiles es necesario indicar en su atributo type el valor tiles.

1


81

e) Paso 5: Crear el archivo archivo diseno01.jsp

1

Notas: 1) El archivo debe ser creado tal como como se referenció en el archivo tiles.xml, es decir, dentro de una carpeta llada plantillas.

82

f) Paso 6: Modificar el archivo diseno01.jsp diseno01.jsp

<%@ page l an angu guag age e="java" con contt en entt Ty Typ pe="text/html; charset=ISO-8 charset=ISO-8859-1" 859-1" page pa geEn Encodi codi ng ng= ="ISO-8859-1"%> <%@ t ag agl i b pr ef ef i x="tiles" ur i ="http://tile "http://tiles.apache.org/ s.apache.org/tags-tiles" tags-tiles" %> 1 > e>I ns er t t i t l e her e< e e> > > >

... Notas: 1) Para poder utilizar las etiquetas de tiles dentro de la página JSP, es necesario referenciar a la librería de etiquetas tags-tiles. 2) Note cómo se ha creado una tabla con filas y columnas, dentro de las cuales, haciendo uso de la etiqueta , se insertan los diferentes puts definidos en el archivo tiles.xml.

2


83

g) Paso 7: Copiar Copiar las páginas páginas JSP dentro dentro de la carpeta páginas páginas

1

Notas: 1) Tal como se indicó en en el archivo tiles.xml, tiles.xml, las páginas JSP JSP deben estar dentro de una carpeta denominada páginas.

84

h) Paso 8: Eliminar las directivas de todas las páginas JSP.

< j s p: i ncl ud ude e page page= ="cabecera.jsp"

/>

< j s p: i ncl ud ude e page page= ="menu.jsp"

/>

...

Notas: 1) Dado que ahora se trabajará con Tiles, ya no es necesario tener directivas include dentro de los JSPs. Importante: De dejarlas, se duplicaría la implementación del patrón de diseño Composite View.

1


i) Paso 9: Ejecutar la aplicación web

Ingrese a la intranet a través de la página de logueo.

85

86

Visualizará la pantalla de bienvenida de la aplicación

j) Paso 10: ¡Bien!, ha culminado la funcionalidad funcionalidad “Mantenimiento con Tiles” exitosamente.


87

Resumen 

Las etiquetas de struts 2 se encuentran agrupadas dentro de una sola librería: <%@ taglib prefix="s" uri="/struts-tags" %>



Las etiquetas de struts 2 son parte de la capa de presentación dentro de una arquitectura MVC.



Con Tiles, se puede, fácilmente, cambiar de una estructura de aplicación a otra. A través de éste, únicamente de plantillas, permite tener mayor flexibilidad al momento de una posible migración.



Si desea saber más acerca de estos temas, puede consultar las siguientes páginas: 

http://struts.apache.org/2.x/index.html

Aquí encontrará importante documentación documentación oficial y ejemplos de uso del framework Struts 2 

http://struts.apache.org/1.x/struts-tiles/

Aquí encontrará documentación oficial sobre el uso de plantillas Tiles dentro de una aplicación implementada implementada con el framework Struts. También, encontrará referencias para utilizar Tiles independientemente de Struts: Tiles 2.

88


89

UNIDAD DE APRENDIZAJE

2

PERSISTENCIA DE D ATOS – FRAMEWORK IBATIS L OGRO DE LA UNIDAD DE APRENDIZAJE •

Al finalizar la unidad, los alumnos, utilizando el frameworks IBATIS, implementan la capa de persistencia de datos y la integran con el framework Struts 2.

TEMARIO

2.1 T Tema ema 3 : Introducción Introducció n a IBATIS 2.1.1.

: IBATIS – Introducción

2.1.2.

: Operaciones Operacion es básicas de acceso a base de datos con IBATIS

2.2 Tema 4 : Otras operaciones con IBATIS 2.2.1.

: Otras operaciones y características de IBATIS

2.2.2.

: Tópicos avanzados de IBATIS e Integración con Struts 2

CTIVIDADES PROPUESTAS PROPUESTAS ACTIVIDADES •

Los alumnos implementan una aplicación web básica, utilizando las principales características del framework MVC Struts 2 y el framework IBATIS.

90

2.1 2.1 Introduc Intro ducci ción ón a IBATIS IBATIS 2.1.1. 2.1.1. IBATIS - Intr oducci odu cci ón Ibatis es un framework (marco de trabajo) de código abierto basado en capas desarrollado por Apache Software Foundation , que se ocupa de la capa de Persistencia (se sitúa entre la lógica de Negocio y la capa de la Base de Datos). Puede ser implementado en Java y .NET (también existe un port para Ruby on Rails llamado RBatis). Ibatis asocia objetos de modelo (JavaBeans) con sentencias SQL o procedimientos almacenados mediante archivos XML, simplificando la utilización de bases de datos. Dentro de sus principales características se destacan: A. Es posible subdividir subdividir la capa de persistencia en tres subcapas: subcapas: La capa de abstracción será la interfaz con la de la lógica de negocio, haciendo las veces de fachada (Patrón Facade) entre la aplicación y la persistencia. Se implementa de forma general, mediante el patrón Data Access Object (DAO) y, particularmente en Ibatis, se implementa utilizando su framework DAO (ibatis-dao.jar). (ibatis-dao.jar). •

La capa de framework de persistencia será el interfaz con el gestor de Base de Datos, ocupándose de la gestión de los datos mediante un API. Normalmente, en Java, se utiliza JDBC. Ibatis utiliza su framework SQL-MAP (ibatis-sqlmap.jar). (ibatis-sqlmap.jar). •

La capa de driver se ocupa de la comunicación con la propia base de datos, utilizando uno específico para la misma. •

B. Toda implementación implementación de Ibatis incluye incluye los siguientes siguientes componentes: componentes: • Data Mapper proporciona proporciona una forma sencilla de interacción de datos entre los objetos Java y .NET y bases de datos relacionales. relacionales. • Data Access Object es una abstracción que oculta la persistencia de objetos en la aplicación y proporciona un API de acceso a datos al resto.

El marco de trabajo SQL Maps es muy tolerante, tanto con las malas implementaciones de los modelos de datos como con los modelos de objetos.


91

A pesar de ello, es muy recomendable que se usen las mejores prácticas, tanto cuando se diseñe la base de datos (normalización apropiada, etc.) como el modelo de objetos. Al hacer esto, se garantizará un mejor rendimiento y un diseño más claro. 2.1.1.1. Ejercicio 1: 1: Funcionalidad Funcionalidad IBATIS - Introducción Introducción Se implementará una aplicación web con los componentes básicos para el correcto correcto funcionamiento funcionamiento del framework IBATIS. a) Paso 1: Importar el archivo FuncionalidadIbatisIntro_In FuncionalidadIbatisIntro_Inicial.war icial.war

1

Notas: 1) Observe que debe contar con las librerías básicas de IBATIS para integrar el framework a su aplicación web.

92

b) Paso 2: Copiar los archivos de configuración y la clase UtilSqlConfig

1

2

Notas: 1) SqlMapConfig.xml es el archivo de configuración por excelencia de IBATIS. En él, se define, por ejemplo, el pool de conexiones a utilizar y otros archivos XML (llamados SqlMaps), que serán referenciados en la aplicación web. En el ejemplo, se muestran dos archivos SqlMaps: Cliente.xml y Producto.xml. (Por cada entidad del modelo de datos, normalmente se tendrá un SqlMap). 2) UtilSqlConfig permite tener una representación representación en java como objeto del archivo SqlMapConfig.xml.


93

c) Paso 3: Modificar el archivo SqlMapConfig.xml SqlMapConfig.xml

>

1

...

Notas: 1) A través de la etiqueta etiqueta , , se define, en IBATIS, el pool de conexiones, que se utilizará para acceder a un origen de datos. En el ejemplo, el pool se llama: nomerindo. 2) A través de la etiqueta , se referencia a los archivos XML, que contienen las sentencias SQL para operar sobre las entidades que referencian. En el ejemplo, se referencian los archivos XML Cliente y Producto.

2

94

d) Paso 4: Modificar la clase UtilSqlConfig

import j ava. i o. Reader ;

on. r esou esour ces. Resour sour ces; import com. i bat i s. common. import com com. i bat i s. sql sql map. cl i ent . Sql MapCl i ent ; com. i bat i s. sql sql map. cl i ent . Sql MapCl i ent Bui l der ; import com

1

/ / Est a cl ase r et or na un obj et o que r epr ese sen nt a el ar ch chii vo / / Sql MapConf i g. xml . Est e es el el pr i nci pal ar ch chii vo de / / c of i gur ac i on de i bat i s / / Pe Perr mi t e r ep eprr esen sentt a sql sql MapCon onff i g com como un un ob obj et o public class Ut i l Sql Conf i g { apCl i ent ent sqlMap; private static final Sql MapC static { try { St r i ng r esou sour ce = " apr endamos/ j ava va// i bat i s/ Sql MapConf i g. xml " ; Reade eaderr r eade eaderr = Resour esour ces. getResourceAsReader (resource); ( resource); / / Est e obj et o pr esen sentt a al SQLmApConf i g. xml est os es es l o qu que se t r at a de de hace hacerr sqlMap = Sql MapCl i ent Bui l der . buildSqlMapClient(reader); } catch ( Excep cept i on e) { e. pr i nt St ackT ckTr ace( ce( ) ; eExceptt i on( on( throw new Runt i meExcep " Er Er r or i ni c i al i z an ando l a c l as e Ut i l Sql Conf i g cl ass. Cause se:: " + e) ; } } public static Sql MapCl i ent get Sql MapI nst ance( ce( ) { return sqlMap;

} }

...

2


95

e) Paso 5: Modificar el archivo Cliente.xml

c l as s= s="cli" i d="clienteRes"

>

1

2

sel sel ect usu usua ar i o, cl ave, nombr e, sue suel do, sex sexo, f ecna cnac, f ot o f r om t bcl i ent e wher e usuar suar i o = #val val ue#;

...

Notas: 1) A través de la etiqueta , es posible crear diversos alias de clases java para ser usados dentro del archivo XML. 2) La etiqueta es es utilizada cuando los los nombres de las columnas de una tabla no coinciden con los atributos de la clase que recibirá los datos de una consulta. En el ejemplo, la columna foto es mapeada al atributo laFoto. 3) A través de la etiqueta , se puede utilizar utilizar SQL estándar para realizar consultas. Los parámetros simples que llegan a la consulta son referenciados, utilizando la sintaxis #value#

3

96

f) Paso 6: Modificar el archivo MySqlClienteDAO public Cl i ent eDTO buscaPo scaPor Usua suar i o( St r i ng usua suar i o) throws Excep xcept i on{ on{

/ / Met odo modi f i ca cad do pa par a I bat i s Cl i ent ent eDTO obj obj Cl i ent ent eDTO=null; Syst Sys t em. out. pr i nt l n( " Val i damos con i bat i s" ) ; Sql MapCl i ent sql sql Map=Ut i l Sql Conf i g. getSqlMapInstance( ) ;

1

obj obj Cl i ent eDTO=( Cl i ent ent eDTO) sql Map. quer yFor yFor Obj ect ( "i bat i s_l ogueo " , us ua uar i o) ; 2

Syst Sys t em. out. pr i nt l n( " busca po por usu sua ar i o usan sand do I bat i s" ) ; return obj obj Cl i ent eDTO; }

...

Notas: 1) A través de la clase UtilSqlConfig, UtilSqlConfig, se crea una una instancia de la clase SqlMapClient. En el ejemplo, el objeto sqlMap es la representación representación en java del archivo SqlMapConfig. 2) Se invoca al método queryForObject queryForObject del objeto objeto sqlMap. Se envía como parámetros lo siguiente: El nombre de la operación que se desea ejecutar (definida en el archivo Cliente.xml) El código de usuario a través del cual se validará el logueo. •

•


g) Paso 7: Ejecutar Ejecutar la aplicación web Ingrese a la intranet a través de la página de logueo.

97

98

Se visualizará la pantalla de bienvenida de la aplicación.

Se visualizará en consola el mensaje generado por la clase MySqlClienteDAO

h)

Paso 8:

¡Bien!, ha culminado la funcionalidad funcionalidad

“Introducción IBATIS” exitosamente.


99

2.1. 2.1.2. 2. Operacion Operaciones es básicas de Acceso a base de datos datos c on IBATIS Para implementar las operaciones básicas con IBATIS, es necesario conocer las principales etiquetas del Framework . Éstas se muestran a continuación: Sentencias Atri At ribu buto toss

Elementos Elementos Hijos

Métodos

id par par amet er Cl ass r es ul ul t Cl as s par amet er Map r esul esul t Map c acheM ac heModel xml Resul t Name ( J ava onl y)

i ns er er t upda updatt e Al l dyna dynam mi c el ement ent s del et e Al l quer y met hods

id par par amet er Cl ass par amet er Map

Al l dyna dynam mi c el ement ent s i ns er er t upda updatt e ( . NET del et e onl y)


Al l dyna dynam mi c el ement ent s i ns er er t ( . NET upda updatt e onl y) del et e


Al l dyna dynam mi c el ement ent s i ns er er t ( . NET upda updatt e onl y) del et e

SELECT * FROM BLOG WHERE state = ACTIVE ‘ ’ AND title like like #{title} #{title}

158

choos e, when, otherwise

trim , where, set set

Foreach


159

ANEXOS

A NEXO 3: DE IBATIS 2.X HACIA MYIBATIS En el sqlMapConfig.xml DTD:

En los mappers sqlMap ( * .map.xml) DTD:

Configuración: •

apConf i g>, ahora es La raíz era
Settings Ibatis 2.0:

MyIbatis 3.0:

y

160

deberia ser movido fuera de hacia ases> ases>

... ses>

Ibatis 2.0:

MyIbatis 3.0:


Ibatis 2.0:

MyIbatis 3.0:

Mapping • • • • • •

apperr > La raiz del elemento es ahora El col umnI ndex oupBy atributo debería ser eliminado. El gr oupB

Ibatis 2.0:

ap>

MyIbatis 3.0:

ap>

161

162

Nested Nested result Maps Maps Édebería especificarse mediante tag. Ibatis 2.0:

... ap>

MyIbatis 3.0:

... ap>

Inline p arameters arameters Ibatis 2.0:

#val ue#

MyIbatis 3.0:

#{val ue}

jd bcTyp bc Type e chang ch anges es Ibatis 2.0:

j dbcType= dbcType=" ORACLECU LECURSOR"

MyIbatis 3.0:

j dbcType= dbcType=" CURSOR"


163

Ibatis 2.0:

j dbcType= dbcType=" NUMBER" ER"

MyIbatis 3.0:

j dbcType= dbcType=" NUMERI ERI C"

Stored procedures •

ocedurr e> no exi st e en en MyI bat bat i s . Use , La etiqueta .

Ibatis 2.0:

{ ? = cal l pkgEx kgExam ampl e. get Val ues( p_i d => ?) }

MyIbatis 3.0:

{ ? = cal l pkgEx kgExam ampl e. get Val ues( p_i d => ?) }

Caching Ibatis 2.0:

MyIbatis 3.0:

164

Dynamic SQL Ibatis 2.0:

MyIbatis 3.0:

Desarrollo de Aplicaciones Web I

Recommend Documents