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

Lenguaje de Programación 2

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

Custom Tag

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

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

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

Lenguaje de Programación 2

11. Así quedará nuestro ejemplo :

Custom Tag

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

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

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

Lenguaje de Programación 2

a: hola a:aa a: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

Lenguaje de Programación 2

16. Finalmente corremos nuestro ejemplo y listo:

Custom Tag