I NGENIERÍA DE S OFTWARE L ABORATORIO X Struts – Utilización de Tiles Eduardo Saavedra A. 27/10/2009.

Slides:



Advertisements
Presentaciones similares
Bases de conocimiento colaborativas
Advertisements

AUTOR :ROBERTO CLAROS AGUILAR DIPLOMADO: INTERNET PARA DOCENTES.
Curso : Programación Web 1 Profesor : Aníbal Martínez Aguas Tema: Etiquetas básicas Capitulo 3 Semestre: 1.
Bonifacio Berrocoso Díaz
¿Cómo crear las páginas del diario?. Para comenzar a crear las páginas de tu diario, debes clickear sobre el ícono que tiene una página y un signo +
Enlaces con variables en la URL en PHP Programación en Internet II.
Curso de Microsoft® Word 2010
Un esquema de Wordpress
Insertar presentación de Slideshare. Buscamos la presentación que queremos incrustar y obtenemos su código para insertarlo en nuestro contenido. Tenemos.
POO (Programación Orientada a Objetos)
NOTAS AL PIE. Lo primero es seleccionar el texto que requiera alguna aclaración.
GESTOR DE BASES DE DATOS RELACIONALES
1, 2, 3 Power Point Seleccionar algunas de estas opciones. Para comenzar.
Ingeniero Anyelo Quintero
Sistemas de medida para ángulos
Ingeniero Anyelo Quintero
UNIDAD 2 CLASES Y OBJETOS. CLASE Elementos cabecera y cuerpo de la clase. Cabecera: aporta información fundamental sobre la clase en sí y constituye de.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
Población y Muestra.
 El favicon es un icono que aparece en la parte superior de los navegadores, junto a la url de la página que estamos viendo y se usa para asociar una.
Almacenar variables en cookies en PHP
DESARROLLANDO TEMPLATES PARA JOOMLA! 1.5 Ing. Edwin Rolando Paredes Calderón. Comercio Electrónico.
Constantes en PHP Programación en Internet II. Constantes en PHP Programación en Internet II Universidad de Guadalajara | Centro Universitario de la Costa.
SQL SERVER Reporting Services
HTML – Principales Etiquetas
Switch en PHP Programación en Internet II. Switch en PHP Programación en Internet II Universidad de Guadalajara | Centro Universitario de la Costa Elegir.
 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.
Manual de Ayuda para el usuario del ing Explorer.
Mt. Martín Moreyra Navarrete.
PHP-MYSQL Introducción Prof. Juan Carlos Lima Cruz Colegio IPTCE.
Copiando y pegando archivos enteros Programación en Internet II.
Programación en C para electrónicos
LUIS HERNÁN VARGAS ALVARADO EVERYONE WEB. EveryOneWeb es un servicio Web que te permite crear un sitio comercial o personal. El modo de construcción es.
Microsoft OFFICE Word MBA. Lida Loor Macías.
QUE ES INTERNET Qué es Internet? Internet es una red global de equipos informáticos que se comunican mediante un lenguaje común. Al conectarse a este.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
Taller 2.  Correo electrónico, o en inglés , es un servicio de red para permitir a los usuarios enviar y recibir mensajes mediante sistemas de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
I NGENIERÍA DE S OFTWARE L ABORATORIO IX Struts Eduardo Saavedra A. 27/10/2009.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
Estructura de un documento HTML Opcionalmente los documentos escritos en HTML empezarán por la marca y finalizarán con la marca. Esta marca tan solo sirve.
EQUIPO:#3 GRUPO:304 NOMBRES: Lizbeth Nava Barón y Erick Ali Mejía.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
JUAN CARLOS CARMONA RAMOS. QUE ES LA INTERNET? Gran red descentralizada de ordenadores, de ámbito global y públicamente accesible, que proporciona una.
I NGENIERÍA DE S OFTWARE L ABORATORIO VI Diseño - Diagrama de clases Eduardo Saavedra A. 07/10/2009.
I NGENIERÍA DE S OFTWARE L ABORATORIO XI Testin – Planificación Pruebas unitarias Eduardo Saavedra A. 11/11/2009.
La configuración general de un curso se realiza desde el bloque "Ajustes", en “Administración del curso”, en “Editar ajustes” (Tenemos que estar en el.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
1.¿Qué es? El Microsoft PowerPoint es un programa que permite hacer presentaciones, y es usado ampliamente los ámbitos de negocios y educacionales. 1.1¿Para.
EXCEL 2013 DEFINICION PARTES FUNDAMENTALES DIBUJOS EXCEL VIDEO
Introducción a phpMyAdmin
Universidad Politécnica Estatal Del Carchi Escuela De Administración De Empresas Y Marketing Estudiante : Daniela Guadir Nivel : tercero A Fecha: 17/11/11.
1
HTML. INTRODUCCIÓN A LOS MARCOS HTML Los marcos HTML permiten presentar documentos con vistas múltiples, que pueden ser ventanas o subventanas independientes.
En la barra de direcciones WEB escribir: blogspot.com Lo primero que pide para entrar es una cuenta de correo de google.com o de gmail.com. Si no tienes.
INSTRUCTIVO PARA EL MANEJO DE ZOTERO
Imagen de Fondo La etiqueta... ; Permite introducir una imagen como fondo del documento HTML. A continuación se muestra un ejemplo:
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
WordPress. Nombre del Sitio Web Enlaces permanente.
Servicios Web Conjunto de aplicaciones o de tecnologías con capacidad para interoperar en la Web. Estas aplicaciones o tecnologías intercambian datos entre.
INTERNET: INTERNET: Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
Plataformas e- learning Moodle. Instalacion  Descargamos Moodle de su página oficial  Una vez hemos descargado el archivo, lo descomprimimos y copiamos.
CURSO DE FORMACIÓN AL PORTAL WEB DE LA UNIVERSIDAD CARLOS III DE MADRID ORACLE PORTAL Manual disponible en:
Procesador de textos. Componentes de Word. Multiversidad Latinoamericana Campus Celaya Bachillerato Informática I Prof. Brayan Tula Villanueva 1er. Semestre.
Introducción a phpmyadmin índice 1. Introducción 6. Insertar registros 5. Crear usuario para php 8. Modificar registros 2. Base de datos MySQL 3. Crear.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
Escuela Superior Politécnica de Chimborazo Facultad de Administración de Empresas Escuela de Ingeniería en Marketing Jonathan Yamasca Tercero 2.
Transcripción de la presentación:

I NGENIERÍA DE S OFTWARE L ABORATORIO X Struts – Utilización de Tiles Eduardo Saavedra A. 27/10/2009

T ÓPICOS 1. Introducción 2. Ejemplo 3. Aplicación de prueba

I NTRODUCCIÓ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).

E JEMPLO DE USO DE TILES

E JEMPLO Cabecera Menú Pie Cuerpo

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. E JEMPLO

La estructura de archivos para la presente disposición es: E JEMPLO El tiles-defs dice lo siguiente:

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

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. E JEMPLO

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. E JEMPLO

Veamos el contenido del layout.jsp Primero y como siempre se definen las tld a utilizar. (7,9,10,11) E JEMPLO

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. E JEMPLO

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. E JEMPLO

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. E JEMPLO

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

El contenido de esos jsp por separado es: E JEMPLO header.jsp login.jsp body.jsp

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” E JEMPLO

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 E JEMPLO struts-config: tiles-defs:

A PLICACIÓN DE PRUEBA

Hágalo usted mismo

B IBLIOGRAFÍA p?pagina=strutstiles :P