Top Banner
Lenguaje de Programación 2 SEMANA 12: TEMA: CUSTOM TAG Los custom tag son extensiones de JSP definidas por el usuario. Nos permite separa la capa de negocios de la de presentación. Nos permite reutilizar códigos y mejorar la presentación de nuestro jsp. 1. Para empezar a trabajar recuerda preparar el workspace con todas las librerías necesarias. Para este ejemplo de custom tags utilizaremos un archivo de tipo TLD similar al web xml en cuanto a su función, que nos permitirá registrar las etiquetas personalizadas. Dar doble clic en el archivo librería.tld Custom Tag
12

Custom Tags Tutorial

Jun 07, 2015

Download

Documents

xitofu
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Custom Tags Tutorial

Lenguaje de Programación 2

SEMANA 12:

TEMA: CUSTOM TAG

Los custom tag son extensiones de JSP definidas por el usuario. Nos permite separa la capa de negocios de la de presentación. Nos permite reutilizar códigos y mejorar la presentación de nuestro jsp.

1. Para empezar a trabajar recuerda preparar el workspace con todas las librerías necesarias. Para este ejemplo de custom tags utilizaremos un archivo de tipo TLD similar al web xml en cuanto a su función, que nos permitirá registrar las etiquetas personalizadas. Dar doble clic en el archivo librería.tld

2.Lo que haremos serà registrar nuestro Tag con el nombre:nombre y especificaremos la clase: edu.plantilla.tag.ClaseTag ejemplo: (tambien podemos darle atributos a nuestro tag)

Custom Tag

Page 2: Custom Tags Tutorial

Lenguaje de Programación 2

4. Bien, ahora crearemos la clase que implementara nuestro tag:

Custom Tag

Page 3: Custom Tags Tutorial

Lenguaje de Programación 2

4.Luego implementamos la clase con : javax.servlet.jsp.tagext

5. Luego implementamos los métodos a utilizar: dar doble clic en add unimplementd methods

Custom Tag

Page 4: Custom Tags Tutorial

Lenguaje de Programación 2

6. Quedará de la siguiente manera :

Recuerda que en el método doStarTag definiremos el inicio de nuestra etiqueta.7. Ahora declaremos una variable global a utilizar: pagecontext asi como se muestra:

Custom Tag

Page 5: Custom Tags Tutorial

Lenguaje de Programación 2

8. Ahora en el doStarTag definiremos nuestro ejemplo:

9 Recuerda colocar el try /catch

10. Ahora define tu combito:

Custom Tag

Page 6: Custom Tags Tutorial

Lenguaje de Programación 2

11. Así quedará nuestro ejemplo :

Custom Tag

Page 7: Custom Tags Tutorial

Lenguaje de Programación 2

Utilizamos EVAL_BODY_INCLUDE evalua el cuerpo o el contenido de la etiqueta.

12. Bien, ahora sólo crearemos nuestro JSP en donde invocaremos a nuestro Tag creado y veremos como optimizamos muestro trabajo:

Custom Tag

Page 8: Custom Tags Tutorial

Lenguaje de Programación 2

13. En nuestro jsp llamado PRUEBAJSP.JSP que utilizara la etiqueta personalizada para lo cual llamaremos al inicio a nuestro librería de tag utilizando la directiva siguiente:

Custom Tag

Page 9: Custom Tags Tutorial

Lenguaje de Programación 2

uri: especifica la dirección absoluta o relativa de nuestra libreria.tld en el cual hemos registrado nuestro tag.Prefix: atributo que se precedera a las acciones personlizadas.

14.

Custom Tag

Page 10: Custom Tags Tutorial

Lenguaje de Programación 2

a: holaa:aaa:nombre son los nombres de nuestros tag eligiremos a:nombre como lo registramos en la librería.

15. Aparecerá de la siguiente manera:

Custom Tag

Page 11: Custom Tags Tutorial

Lenguaje de Programación 2

16. Finalmente corremos nuestro ejemplo y listo:

Custom Tag