Usando Facelets para templating en JSF
Este post es una guía breve y concisa de cómo integrar Facelets a una aplicación JSF.
Facelets es un framework de templating que nos facilita la gestión de la estructura y el estilo de las JSP, lo cual tiene beneficios en cuanto a reutilización de código en la capa de presentación y por consecuencia eleva la mantenibilidad de esta capa.
Al usar Facelets nuestro proyecto se basará en una plantilla, que contendrá la estructura de la presentación (JSP) y las definiciones de estilo, en esta plantilla definimos zonas o áreas (como el header, menú, espacios comunes) y el motor de facelets se encargará de llenar esas áreas con el contenido apropiado, así por ejemplo no tendremos el header en todas las JSP y si después de un tiempo algo tiene que cambiar se hará solo en la plantilla en lugar de hacerlo en cada página.
Entremos en materia...
Descarga.
Facelets lo pueden descargar de aquí.
Dependencias.
Debemos agregar a nuestro proyecto los siguientes jars: jsf-facelets.jar, el-api.jar y el-impl.jar.
Cabe destacar que Facelets funciona con las especificaciones para JSF 1.1 y 1.2.
Integración al proyecto JSF.
Para que agregar el soporte de Facelets a nuestro proyecto, primero agregaremos un parámetro al web.xml:
En este parámetro de JSF le estamos indicando que el sufijo por default de las páginas será .xhtml por cuestiones de que Facelets requiere marcado XML, este atributo podría ser también .jspx.
Como parámetro opcional, podemos agregar:
Este parámetro hará que Facelets sea más informativo en los logs, muy útil para desarrollo y/o debug.
Ahora le diremos a nuestra aplicación JSF que debe ocupar Facelets como ViewHandler, esto lo haremos dentro de <application> en el faces-config.xml.
Creando el template.
Hacemos un template sencillo en HTML, aquí es donde es recomendable definir la estructura de nuestro sitio, columnas, módulos, áreas, tamaños, etc...
template.xhtml
Usando el template.
Una vez definido el template, ya solo tenemos que indicar en cada xhtml que hagamos que se debe utilizar este template. Por ejemplo:
userlogin.xhtml
Cuando solicitamos desde nuestra aplicación que sea mostrada esta página, por ejemplo desde , Facelets entrará como ViewHandler e identificará que está asociada a un template, entonces unirá las partes y mostrará la página.
De ahora en adelante si algo cambia en la estructura de nuestras páginas ya solamente deberemos cambiar el template y por consecuencia todos las páginas que lo utilicen mostrarán el cambio.
Bienvenidos sus comentarios.
Saludos.
Javier Ramírez Jr - Benek
@_benek
- benek's blog
- Inicie sesión o regístrese para enviar comentarios
Genial
Muy bueno benek justo me estoy integrando a usar JSF con CDI y realmente está interesante como lo explicas ayuda mucho :D
Un nuevo Framework
Este framework se integra a la lista de los 2101001 frameworks con los que se puede programar en Java (jsp) ja ja ja. No ya en serio.
Buena explicación, breve y clara @_benek. Siempre es bueno conocer algo nuevo.
JSF 2.0
Lo mejor si usas JSF 2.0 ya esta integrado Facelets
Yo apenas lo voy a aplicar,
Yo apenas lo voy a aplicar, espero todo salga de acuerdo al plan y ya les mostrare como se ve, saludos, gracias @_benek por el aporte
@FlexJRL
Saludos
Al usar este template veo que
Al usar este template veo que solo me ahorraria el indicar donde deseo que se coloque un área (como el header, menú, espacios comunes) ya que se lo hace previamente en el template con los h1,p,table,tr,td,etc....... pero veo que igual en todas las páginas deberia poner el contedio del área(menu,header,etc..), como en el ejemplo de "- userLogin.xhtml -" donde tendria que escribir :
en todas las páginas xxxx.html.
Pero lo que deseaba era tal vez simplemente en el peor de lo casos poner
Digo en el peor de los casos porque supongo que al poner el Menú o Área en cada página iria al Servidor para llenarse lo cual tampoco desearía.
Ya que si,por ejemplo:
Tengo un Menú de Opciones que se llena con info de la DB(usando el managedBean,Hibernate,etc..)... desearia ir al Servidor una sola vez, pero asi como lo tienes en el ejemplo se aprecia que habria que ponerlo en todas las páginas lo que ocasionaría es que viaje al Servidor en cada refresh de página.
En el Mejor de los casos crees que nos prodrias ayudar con algo que de el mismo soporte del Uso de los Frames, pero usando JSF y Richfaces.
Saludos,De antemano muchas Gracias por el Aporte !!
PD.: No he investigado el tema del Template JSF solo me guie con tu aporte,tal vez falta nos indiques un ejemplo mas explicito.
Re: Al usar este template veo que
Negativo.
En
Jars??
Requieres de algún jar para que corra la aplicacion? por ejemplo si vas a ocupar JSTL necesitas el jar de este, si vas a ocupar el display tag library tambien requieres de su libreria, o puede correr en un proyecto web normal que solo cuente con las librerias basicas de J2EE???
Re: Jars??
Claro, como lo dice el post:
;-)
Huy no lo vi
Jejeje es cierto, no me di cuenta .
!!!!!!
entonces si seguimos tu ejemplo dentro del - template.xhtml - puedo poner
template.xhtml
Entonces en mis páginas por ejemplo : PaginaDeEjemplo.xhtml sencillamente pondria :
PaginaDeEjemplo.xhtml
Seria Algo asi ?? ....y esa fuese la idea, entonces solo tendria que poner en cada página
Lo que quiero decir es que si mis páginas se van a basar en el template, donde tengo un menu que se llena con info. de la base de datos(que lo deberia hacer una sola vez) y al cambiar de página en página, en ese momento no estarian haciendo cada vez y cuando peticiones a la base datos para llenar el Menu que se encuentra dentro del template .. ???????
Gracias por la información, mil disculpas si fui muy extenso...jejejeje
De antemano Muchas Gracias por tu valiosa atención y pronta respuesta.
descarga
Buenas tardes de donde puedo descar esta utileria ya que me interesa y no me deja descargar nada.
Saludos
java.net está algo oculto
Tal vez puedas hallarlo aquí