Custom Tags Tutorial
Transcript of Custom Tags Tutorial
![Page 1: Custom Tags Tutorial](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/1.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/2.jpg)
Lenguaje de Programación 2
4. Bien, ahora crearemos la clase que implementara nuestro tag:
Custom Tag
![Page 3: Custom Tags Tutorial](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/3.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/4.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/6.jpg)
Lenguaje de Programación 2
11. Así quedará nuestro ejemplo :
Custom Tag
![Page 7: Custom Tags Tutorial](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/7.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/9.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/10.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062312/5571f22849795947648c4203/html5/thumbnails/11.jpg)
Lenguaje de Programación 2
16. Finalmente corremos nuestro ejemplo y listo:
Custom Tag