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