Documente Academic
Documente Profesional
Documente Cultură
Portada
Lo Mejor
Productos
Respuestas
Comunidad
Java-J2EE
En las aplicaciones web desarrolladas con Java siempre se ha contado con mltiples
opciones a la hora de presentar contenido mediante plantillas.
Caractersticas principales
Thymeleaf es un framework de templating que promete flexibilidad y adecuacin a los
nuevos estndares como HTML5. Entre sus muchas caractersticas, cabe destacar las
siguientes:
1 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Estructura mnima
Para comenzar, podemos definir una primera plantilla simple.html con Thymeleaf que
recoja el valor de una variable titulo y lo muestre mediante un h1:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<h1 th:text="${titulo}">Ttulo principal de la pgina</h1>
</body>
</html>
Para poder ejecutarla y pasarle el valor de las variables que necesita, debemos completar
tres simples pasos.
Encontrar plantillas
El primero de los pasos es conseguir un TemplateResolver. Este interfaz es la base para que
Thymeleaf sea capaz de encontrar la plantilla que queremos usar, incluso si esta se
encuentra almacenada en la cach.
2 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
templateEngine.setTemplateResolver(templateResolver);
Ya slo nos queda preparar los parmetros que va a necesitar la plantilla diseada. En este
caso, nicamente necesitamos un parmetro llamado titulo, y ya podemos lanzar el
procesamiento:
<!DOCTYPE html>
<html>
<body>
<h1>Mi ttulo en la plantilla</h1>
</body>
</html>
Variables simples
3 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Todos estos ficheros de localizacin de cadenas, deben almacenarse en el mismo sitio que
las plantillas.
Bucles
Con Thymeleaf podemos iterar de forma muy sencilla sobre una coleccin que recibimos
como parmetro.
Por ejemplo, vamos a pasar un parmetro a la plantilla llamado productos. El valor de este
parmetro ser una coleccin definida por un ArrayList de instancias de tipo Producto.
Producto es un bean y sus atributos principales son id y nombre. En este escenario,
podemos iterar fcilmente sobre esta coleccin y mostrar todos sus valores:
<tr th:each="prod : ${productos}">
<td th:text="${prod.id}">Cdigo del producto</td>
<td th:text="${prod.nobre}">Nombre del producto</td>
</tr>
4 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<td>1</td>
<td>Producto 1</td>
</tr>
</table>
</body>
</html>
Conclusiones
Thymeleaf es un motor de procesamiento muy flexible, adaptado a las necesidades
actuales, poco intrusivo en el marcado y muy muy rpido. Si te han gustado las referencias
a las estructuras bsicas que se pueden emplear o si eres usuario de Spring Framework, no
te pierdas la documentacin oficial para una revisin de toda la potencia que ofrece.
me gusta 0
1
Twittear 12
TW
FB
MN
TT
BT
DIU
Genbetadev
Hola! Entra
5 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Mvil
RSS
Correo
Facebook
Twitter
Widget
Lee tambin:
Xataka
Xataka Android
Tecnologa Pyme
Ver ms
Anunciate aqu
Anunciate aqu
Anunciate aqu
Diseando tu nuevo proyecto web con Bootstrap 2.0 (II) hace una semana
Ver ms
Respuestas
6 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Entra
Connect
+ Deja tu comentario
Comentarios
Ms valorados
Recientes
Cronolgico
!
Carlitos Way |
Responder
8 mar 2012 14:20
Karma 8 (0 votos) | normal
Respondiendo a #1:
2
!
borillo | xml-utils.com
Responder
8 mar 2012 14:38
Karma 8 (0 votos) | normal
3
!
crucoba |
Responder
9 mar 2012 14:41
Karma 5 (0 votos) | normal
Respondiendo a #3:
4
7 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
!
borillo | xml-utils.com
Responder
9 mar 2012 14:49
Karma 8 (0 votos) | normal
Escribir un comentario
Para hacer un comentario es necesario que te identifiques: ENTRA o conctate con
Facebook Connect
Mejor comentario
Hola. El enlace a Thymeleaf en el prrafo introductorio no funci...
Carlitos Way
Destacados
8 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Editores
Txema Rodrguez
Jorge Rubira
Fernando Siles
mangrar
Oscar Campos
Juan Quijano
Johnbo
Ricardo Borillo
lvaro Aroca
Envanos pistas
Anunciate aqu
Comentarios
ltimos
Lo+comentado
1. Mezzanine, otro ms en la familia de los CMS... pero esta vez el padre es Django
2. Plantillas HTML5 en Java con Thymeleaf
3. Qu prejuicio hacia los profesionales de la informtica te resulta ms molesto? La
pregunta de la semana
4. Sublime Text 2 el editor de texto definitivo?
5. Los rincones de trabajo de los genbetadeveros: el resultado final
6. Cmo se distribuye el empleo entre los desarrolladores de iOS y Android
7. Por qu no deberas contratar ms programadores
8. Visual Studio 11 Beta, una primera opinin
9. Por qu Google sigue siendo el buscador por excelencia en una sla imagen
9 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Secciones
Algoritmos
Desarrolladores
Desarrollo freelance
Formacin
Trabajar como desarrollador
Desarrollo de aplicaciones
Bases de datos
Desarrollo aplicaciones mviles
Desarrollo web
Frameworks
Gestores de contenido
Herramientas
Metodologas de programacin
Paradigmas de programacin
Programacin de videojuegos
Programacin en la nube
Seguridad informtica
Sistemas de control de versiones
General
Actualidad
Desarrolladores
Entrevistas
Genbeta Dev
Modelos de negocio
Software libre y licencias
Lenguajes de programacin
Lenguajes y plataformas
C#/.NET
C/C++
Java-J2EE
JavaScript
Objective-C / Cocoa
PHP
10 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Python
Ruby
Archivo
Desarrollo en equipo
Entrevistas de trabajo para desarrolladores
Herramientas Imprescindibles para Desarrolladores
Guas
La pregunta de la semana
WSL Weblogs SL
Tecnologa
Xataka
Xataka Mvil
Xataka Foto
Xataka On
Xataka Ciencia
Genbeta
Applesfera
VidaExtra
Nacin Red
Xataka Android
Genbeta Dev
Genbeta Social Media
Entretenimiento
11 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Blog de cine
Vaya tele!
Hipersnica
Diario del viajero
Papel en blanco
Poprosa
Zona Fandom
Fandemia
Estilos de vida
Trendencias
Bebs y ms
Directo al paladar
Compradiccin
Decoesfera
Embelezzia
Vitnica
Ambiente G
Trendencias Belleza
Trendencias Hombre
Peques y ms
Motor y deportes
Motorpasin
Motorpasin F1
Motorpasin Moto
Notas de ftbol
Fuera de lmites
Motorpasin Futuro
Economa
El Blog Salmn
Pymes y Autnomos
Tecnologa Pyme
Ahorro diario
Participamos en
eBayers
Circula seguro
Actibva
Anexo-m
Happing Magazine
Blog Sage
12 de 13 08/03/12 22:38
Plantillas HTML5 en Java con Thymeleaf http://www.genbetadev.com/java-j2ee/plantillas-html5-en-jav...
Optimismo Digital
1001 experiencias
En Naranja
Publicaciones en Latinoamrica
Tecnologia
Xataka Brasil
Xataka Mxico
Estilos de vida
tRendncias Brasil
Motor y deportes
Motorpasin Brasil
volver arriba
13 de 13 08/03/12 22:38