39
Profesor : Ivan Petrlik Azabache

Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

Embed Size (px)

Citation preview

Page 1: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

Profesor : Ivan Petrlik Azabache

Page 2: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

Display Tag Display tag es un Proyecto open source de

custom tags, se encuentra en la versión 1.2 , en la actualidad solo permite desplegar tablas , dada una lista de objetos permite crear una tabla donde se podrá ordenar por columnas,paginar, exportar en distintos formatos,decorar y otras funcionalidades.

Page 3: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

1) Primeramente tenemos que crear un proyecto

Web (JEE) en el IDE Eclipse y Aplicar el

Patrón DAO de la Siguiente Manera :

Page 4: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 5: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 6: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 7: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 8: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 9: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 10: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 11: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 12: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 13: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 14: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 15: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 16: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 17: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 18: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 19: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 20: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 21: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 22: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 23: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 24: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 25: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 26: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 27: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Page 28: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

MODELAMIENTO

Page 29: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

Crear carpeta de nombre css y adicionar una hoja de estilo de

nombre screen.css,

descargarselo en el siguiente

link Descargar

Page 30: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

2) En Segundo lugar se debe de copiar los

archivos jar del Display Tag y del Mysql(conector

Universal) , en la carpeta lib de nuestro proyecto

Page 31: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

3) En Tercer Lugar copiar el archivo displaytag.properties dentro de nuestro

proyecto WEB .

Page 32: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

4) En Cuarto Lugar se tendrá que importar el Tag en la pagina ReporteVendedor.jsp.

Page 33: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

4) En Cuarto Lugar se tendrá que importar el Tag en la pagina ReporteVendedor.jsp.

Page 34: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

5) En Quinto Lugar en la misma pagina ReporteVendedor.jsp se tendrá que colocar el Tag de la Tabla

Page 35: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PASOS PARA APLICAR EL DISPLAY TAG

5) En Quinto Lugar en la misma pagina ReporteVendedor.jsp se tendrá que colocar el Tag de la Tabla

Aquí se recibe los registros

guardados en el ArrayList

Aquí se configura el

numero de la paginacion

Aquí se Habilita la exportación

hacia algún documento

Titulo del Registro

Esta propiedad tiene que ser la

misma de la clase

VendedorBean

Page 36: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

CREATE TABLE `base1`.`tb_vendedor` ( `cod_ven` INTEGER UNSIGNED NOT NULL

AUTO_INCREMENT, `nom_ven` VARCHAR(45) NOT NULL, `ape_ven` VARCHAR(45) NOT NULL, `eda_ven` INTEGER UNSIGNED NOT NULL, PRIMARY KEY (`cod_ven`)) ENGINE = InnoDB;

BASE DE DATOS DEL PROYECTO

Page 37: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

EJECUCION DEL PROYECTO

CLIC EN EL BOTON

Page 38: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

EJECUCION DEL PROYECTO

Page 39: Profesor : Ivan Petrlik Azabache. Display Tag Display tag es un Proyecto open source de custom tags, se encuentra en la versión 1.2, en la actualidad

PAGINAS PARA BAJARSE LOS MATERIALES

http://lenguajejavaweb.webcindario.com/paginasJSP.rar

http://lenguajejavaweb.webcindario.com/displayTag.properties.rar

http://lenguajejavaweb.webcindario.com/lib1.rar

http://lenguajejavaweb.webcindario.com/css1.rar

http://lenguajejavaweb.webcindario.com/BAESEDEDATOS01.rar http://lenguajejavaweb.webcindario.com/DISPLAYTAG01.rar http://lenguajejavaweb.webcindario.com/PROYECTOCOMPLETODISPLAYTAG.rar