Integración con Spring Framework



Thymeleaf es un motor de plantillas que se integra muy bien con el Spring Framework, especialmente con Spring MVC y Spring Boot. A continuación, te presento cómo configurar Thymeleaf en una aplicación Spring, y algunos ejemplos de uso.


Configuración de Thymeleaf con Spring Boot


  1. Crear un proyecto Spring Boot: Puedes crear un nuevo proyecto Spring Boot usando Spring Initializr, seleccionando las dependencias de "Spring Web" y "Thymeleaf".
  2. Agregar la dependencia de Thymeleaf en el archivo pom.xml:
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
  3. Thymeleaf espera que las plantillas HTML estén en el directorio src/main/resources/templates. Por ejemplo, puedes crear un archivo index.html en esta carpeta.
  4. Crear un controlador para manejar las solicitudes HTTP. Por ejemplo, puedes crear un controlador que devuelva la plantilla index.html:
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.GetMapping;
    
    @Controller
    public class HomeController {
    
        @GetMapping("/")
        public String home(Model model) {
            model.addAttribute("titulo", "Página de Inicio");
            return "index"; // Retorna la plantilla "index.html"
        }
    }
  5. Aquí tienes un ejemplo simple de una plantilla Thymeleaf index.html:
    <!DOCTYPE html>
    <html xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <title th:text="${titulo}">Título por Defecto</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" />
    </head>
    <body>
        <h1 class="text-4xl font-bold text-blue-500" th:text="${titulo}">Título por Defecto</h1>
        <p>¡Bienvenido a la aplicación Thymeleaf con Spring!</p>
    </body>
    </html>
  6. Iniciar la aplicación: Ejecuta la aplicación Spring Boot. Puedes hacerlo desde tu IDE o usando el comando Maven:
    mvn spring-boot:run
  7. Acceder a la aplicación: Abre tu navegador y visita http://localhost:8080/. Deberías ver la página de inicio con el título que definiste en el controlador.