¡Bienvenidos a todos! Esta publicación formará parte de una serie de 13 publicaciones que estaré desarrollando para aprender a desarrollar una aplicación web pura en Java bajo la plataforma JEE usando Servlets y JSPs. Este será un curso en forma de guía para aquellas personas que recién estén empezando en el mundo de la programación web y que todavía no hacen uso de ningún framework.
Haciendo uso de JSPs y Servlets construiremos nuestras aplicaciones webs los cuales se ejecutarán en Apahe Tomcat (Contenedor de Servlets), el cual lo usaremos como servidor de aplicaciones para ejecutar nuestro proyecto. Asimismo, usaremos Eclipse como herramienta IDE (Entorno de Desarrollo Integrado) para la edición y compilación de nuestro código.
Haciendo uso de JSPs y Servlets construiremos nuestras aplicaciones webs los cuales se ejecutarán en Apahe Tomcat (Contenedor de Servlets), el cual lo usaremos como servidor de aplicaciones para ejecutar nuestro proyecto. Asimismo, usaremos Eclipse como herramienta IDE (Entorno de Desarrollo Integrado) para la edición y compilación de nuestro código.
El día de hoy aprenderemos a crear etiquetas personalizadas (Custom Tags). Como sabemos, en JSP es posible hacer una librería de clases java que hagan una especie de ampliación de las etiquetas posibles de html, conocidos también como taglibs.
Recordando publicaciones anteriores...
Hace 2 publicaciones terminamos de implementar un mantenimiento a una tabla del proyecto el cual veníamos trabajando, por lo que ya sabemos como desarrollar una aplicación web en Java usando Servlet, JSPs, Scriptlets, Espressions, JSTL, DAO, MySQL, properties, mientras que en la clase anterior vimos como usar i18n (Internacionalización) en nuestro proyecto.
Mi primer taglib
Para empezar debemos de crear un archivo donde vamos a describir todos nuestros tags ese archivo será nuestro taglib.
Recordando publicaciones anteriores...
Hace 2 publicaciones terminamos de implementar un mantenimiento a una tabla del proyecto el cual veníamos trabajando, por lo que ya sabemos como desarrollar una aplicación web en Java usando Servlet, JSPs, Scriptlets, Espressions, JSTL, DAO, MySQL, properties, mientras que en la clase anterior vimos como usar i18n (Internacionalización) en nuestro proyecto.
Mi primer taglib
Para empezar debemos de crear un archivo donde vamos a describir todos nuestros tags ese archivo será nuestro taglib.
1. Importamos el proyecto de la clase anterior. Clic aquí para descargar.
2. Creamos el archivo librería.tld dentro de WebContent/WEB-INF/tag/
3. Creamos el paquete aprendamos.java.etiquetas y dentro crearemos nuestra clases que heredarán de la clase TagSupport o BodyTagSupport, dependiendo o no si nuestras etiquetas tendrán cuerpo.
4. Creamos la página customTag.jsp donde mostraremos dichas etiquetas creadas.
Ejemplos
1) Crear un tag que muestre un mensaje
2) Crear un tag que repita n veces lo definido en el cuerpo del tag
3) Crear un tag que muestre un texto de un color y tamaño definidos como atributos
4) Crear un tag que muestre una lista de elementos
5) Crear un tag que muestre una lista de elementos pasado como atributo
5) Crear un tag que muestre una lista de elementos pasado como atributo
6) Crear un tag que muestre una lista de elementos pasado como atributo y que al dar clic en una opción redireccione a una página
7) Crear un tag que muestre la fecha del sistema tomado como atributo
8) Crear un tag que muestre la inversa de una cadena pasada en el cuerpo del tag
9) Crear un tag que muestre una colección de elementos
10) Muestre los distritos de nuevoUsuario.jsp usando customTag
11) Muestre el nombre de los usuarios que empiecen con una letra y sean de un distrito en la página logueo.jsp usando customTag
Vamos a resolver los ejemplos 1, 6, 9, 10 y 11, los demás los dejaré en el archivo de descarga para que lo revisen.
Ejemplo (1)
Creamos la clase Etiqueta1.java dentro del paquete aprendamos.java.etiquetas
Declaramos nuestra etiqueta creada en el archivo libreria.tld de la siguiente manera
Mostramos la etiqueta en la página customTag.jsp
Creamos la clase Etiqueta6.java dentro del paquete aprendamos.java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página customTag.jsp
Creamos la clase Etiqueta8.java dentro del paquete aprendamos.java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página customTag.jsp
Ejemplo (10)
Creamos la clase TagSelectDistritos.java dentro del paquete aprendamos,java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página nuevoUsuario.jsp
Ejemplo (11)
Creamos la clase TagSelectUsuarios.java dentro del paquete aprendamos.java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página customTag.jsp
Ejecutamos la aplicación y tendremos lo siguiente
EXTRA LIBRERÍA JMESA
1. Descargarmos los recursos desde aquí
2. Copiamos los recursos (css, js,images) en /WebContent/
3. Copiamos los jars en /WEB-INF/lib/
4. Ejemplo de uso: Modificamos la página listadoDeUsuario.jsp
Referenciamos el archivo taglib jmesa.tld, el cual ya esta definido dentro de los recursos de la libreria de jmesa. Podemos verificar entrando a la siguiente ruta del nuestro proyecto /JavaResources/Libraries/WebAppLibraries/jmesa-2.4.4.jar/META-INF/jmesa.tld
El uri para referenciar es http://code.google.com/p/jmesa
Importamos los recuros (css, js)
Listando usuarios usando JMESA
Ejecutamos el proyecto
10) Muestre los distritos de nuevoUsuario.jsp usando customTag
11) Muestre el nombre de los usuarios que empiecen con una letra y sean de un distrito en la página logueo.jsp usando customTag
Vamos a resolver los ejemplos 1, 6, 9, 10 y 11, los demás los dejaré en el archivo de descarga para que lo revisen.
Ejemplo (1)
Creamos la clase Etiqueta1.java dentro del paquete aprendamos.java.etiquetas
Declaramos nuestra etiqueta creada en el archivo libreria.tld de la siguiente manera
Mostramos la etiqueta en la página customTag.jsp
Ejemplo (6)
Creamos la clase Etiqueta6.java dentro del paquete aprendamos.java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página customTag.jsp
Ejemplo (9)
Creamos la clase Etiqueta8.java dentro del paquete aprendamos.java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página customTag.jsp
Ejemplo (10)
Creamos la clase TagSelectDistritos.java dentro del paquete aprendamos,java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página nuevoUsuario.jsp
Ejemplo (11)
Creamos la clase TagSelectUsuarios.java dentro del paquete aprendamos.java.etiquetas
Registramos el tag creado en el archivo libreria.tld
Mostramos la salida del tag en la página customTag.jsp
Ejecutamos la aplicación y tendremos lo siguiente
Ingresar en la url http://localhost:8080/LP2-Semana07a/customTag.jsp
EXTRA LIBRERÍA JMESA
1. Descargarmos los recursos desde aquí
2. Copiamos los recursos (css, js,images) en /WebContent/
3. Copiamos los jars en /WEB-INF/lib/
4. Ejemplo de uso: Modificamos la página listadoDeUsuario.jsp
Referenciamos el archivo taglib jmesa.tld, el cual ya esta definido dentro de los recursos de la libreria de jmesa. Podemos verificar entrando a la siguiente ruta del nuestro proyecto /JavaResources/Libraries/WebAppLibraries/jmesa-2.4.4.jar/META-INF/jmesa.tld
El uri para referenciar es http://code.google.com/p/jmesa
Importamos los recuros (css, js)
Listando usuarios usando JMESA
Ejecutamos el proyecto
Descargar ejercicio
No hay comentarios, ¡cuéntame algo!
Me gustaría saber tu opinión. ¡Saludos!