+ All Categories
Home > Documents > Ingeniería de Software Laboratorio X

Ingeniería de Software Laboratorio X

Date post: 18-Mar-2016
Category:
Upload: talli
View: 39 times
Download: 0 times
Share this document with a friend
Description:
Ingeniería de Software Laboratorio X. Struts – Utilización de Tiles Eduardo Saavedra A. 27/10/2009. Tópicos. Introducción Ejemplo Aplicación de prueba. Introducción. Introducción. - PowerPoint PPT Presentation
22
INGENIERÍA DE SOFTWARE LABORATORIO X Struts – Utilización de Tiles Eduardo Saavedra A. 27/10/2009
Transcript
Page 1: Ingeniería de Software Laboratorio  X

INGENIERÍA DE SOFTWARELABORATORIO XStruts – Utilización de TilesEduardo Saavedra A.27/10/2009

Page 2: Ingeniería de Software Laboratorio  X

TÓPICOS1. Introducción2. Ejemplo3. Aplicación de prueba

Page 3: Ingeniería de Software Laboratorio  X

INTRODUCCIÓN

Page 4: Ingeniería de Software Laboratorio  X

INTRODUCCIÓN Tiles es un plugin para struts que se utiliza

para establecer la maqueta constante de la aplicación web.

Con TILES por ejemplo, se podría definir una cabecera, menú, cuerpo y pie de una página web.

La gracia de esto es que no hay repetición de código, no hay inclusiones “sucias” y es configurable por medio de un XML

Entonces cuando se requiera hacer un cambio, simplemente se editan los archivos necesarios y no TODOS (bajo acoplamiento en vistas).

Page 5: Ingeniería de Software Laboratorio  X

EJEMPLO DE USO DE TILES

Page 6: Ingeniería de Software Laboratorio  X

EJEMPLO

Cabecera

Menú

Pie

Cuerpo

Page 7: Ingeniería de Software Laboratorio  X

Netbeans posee por defecto este plugin al instalar struts. Al crear un proyecto struts, dentro del struts-config, se puede ver la siguiente línea:

Ella hace referencia a otro archivo de configuración llamado tiles-defs.xml El archivo viene con algunos ejemplos para su

análisis.

EJEMPLO

Page 8: Ingeniería de Software Laboratorio  X

La estructura de archivos para la presente disposición es:

EJEMPLO

El tiles-defs dice lo siguiente:

Page 9: Ingeniería de Software Laboratorio  X

Las ventajas de tiles es que permite crear una estructura base y luego extender de esta estructura para situaciones mas especificas.

EJEMPLO

Page 10: Ingeniería de Software Laboratorio  X

Lo que se encuentra dentro de las definiciones son los “nombres de variables”. Aquí es donde se especifican los jsp (páginas) a

ciertas variables que después podrán ser utilizadas.

EJEMPLO

Page 11: Ingeniería de Software Laboratorio  X

Lo que se encuentra dentro de las definiciones son los “nombres de variables”. Aquí es donde se especifican los jsp (páginas) a

ciertas variables que después podrán ser utilizadas.

EJEMPLO

Page 12: Ingeniería de Software Laboratorio  X

Veamos el contenido del layout.jsp

Primero y como siempre se definen las tld a utilizar. (7,9,10,11)

EJEMPLO

Page 13: Ingeniería de Software Laboratorio  X

Luego, como ya se ha visto se utilizan estas tld e distintos ambitos (html en linea 14) y en la linea 16… aparece la “tiles”, notese que hace alusión a una variable llamada browserTitle, la que debería estar definida en el tiles-defs.

EJEMPLO

Page 14: Ingeniería de Software Laboratorio  X

Luego, como ya se ha visto se utilizan estas tld e distintos ambitos (html en línea 14) y en la línea 16… aparece la “tiles”, nótese que hace alusión a una variable llamada browserTitle, la que debería estar definida en el tiles-defs.

EJEMPLO

Page 15: Ingeniería de Software Laboratorio  X

Luego, como ya se ha visto se utilizan estas tld e distintos ambitos (html en línea 14) y en la línea 16… aparece la “tiles”, nótese que hace alusión a una variable llamada browserTitle, la que debería estar definida en el tiles-defs.

EJEMPLO

Page 16: Ingeniería de Software Laboratorio  X

Y mas abajo en el layout.jsp se ve donde se inserta lo definido en el tiles-defs

EJEMPLO

Page 17: Ingeniería de Software Laboratorio  X

El contenido de esos jsp por separado es:

EJEMPLO

header.jsp login.jsp

body.jsp

Page 18: Ingeniería de Software Laboratorio  X

El nombre de la definición que se analizó era “principal”.

¿Como se accede entonces desde struts a esta definición en tiles? Simple… a través de los forward en los Action ,

desde el struts-config:

Entonces si se requiere mostrar otra estructura (por ejemplo una para ver productos) cambiando por ejemplo el body, simplemente se realiza un forward referenciando un nuevo “path” y en el tiles-defs se debe definir ese “path”

EJEMPLO

Page 19: Ingeniería de Software Laboratorio  X

Entonces si se requiere mostrar otra estructura (por ejemplo una para ver productos) cambiando por ejemplo el body, simplemente se realiza un forward referenciando un nuevo “path” y en el tiles-defs se debe definir ese “path”

Cabe destacar que ahora los path no son “etc/etc/pagina.jsp, sino que se hace referencia un path del tiles-defs

EJEMPLO

struts-config:

tiles-defs:

Page 20: Ingeniería de Software Laboratorio  X

APLICACIÓN DE PRUEBA

Page 21: Ingeniería de Software Laboratorio  X

APLICACIÓN DE PRUEBA Hágalo usted mismo


Recommended