Hoy en día los motores para la generación de plantillas para el front-end de las aplicaciones web es fundamental en la etapa de desarrollo, en este tutorial realizaremos los pasos necesarios para trabajar con Thymeleaf y Spring Boot.
Requisitos:
- Java 17.
- Maven 3.8.6.
- Spring Boot 3.0.1.
- Spring Tool Suite (STS).
- Java 17.
- Maven 3.8.6.
- Spring Boot 3.0.1.
- Spring Tool Suite (STS).
Lo que veremos en este tutorial:
- ¿Que es Thymeleaf?
- Dependencias a considerar.
- Creando el Archivo HTML.
- Creando el Controlador.
- Ejecutando el proyecto.
1. ¿Qué es Thymeleaf?
2. Dependencias a considerar.
 |
| Seleccionar la dependencias Spring Web y Thymeleaf, finalmente clic en Finish |
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>3.0.1</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.hadsonpar</groupId>
<artifactId>thymeleaf-spring-boot</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>thymeleaf-spring-boot</name>
<description>Demo Thymeleaf project for Spring Boot</description>
<properties>
<java.version>17</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
3. Creando el Archivo HTML
 |
| Clic derecho en el directorio templates, seleccionar New, seguidamente seleccinar file... |
 |
| Finalmente ingresar el nombre de "index.html" |
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8" />
<link href = "css/styles.css" rel = "stylesheet"/>
<title>Spring Boot Application</title>
</head>
<body>
<h5>Welcome to Thymeleaf and Spring Boot</h5>
<h5>Others tutorials about spring boot</h5>
<ul>
<li type="square"><a href="http://blog.hadsonpar.com/2023/01/que-es-spring-boot.html" target="_blank">Qué es Spring Boot</a></li>
<li type="circle"><a href="http://blog.hadsonpar.com/2023/01/spring-boot-creando-la-aplicacion-hola.html" target="_blank">Creando una aplicación de "Hola mundo" paso a paso con Spring Boot</a></li>
<li type="disc"><a href="http://blog.hadsonpar.com/2023/01/estructura-de-un-proyecto-de-spring-boot.html" target="_blank">Estructura de un proyecto de Spring Boot</a></li>
</ul>
</body>
</html>
4. Creando el Controlador.
 |
| Clic derecho en el paquete PRINCIPAL "com.hadsonpar.thymeleaf", clic en New, clic en Package |
 |
| Ingresar el nombre del NUEVO paquete "com.hadsonpar.thymeleaf.controllers" y finalmente clic en Finish |
4.2. Después de haber creado el paquete de controladores de nombre "com.hadsonpar.thymeleaf.controllers" se debe crear nuestro controlador de nombre "IndexController.java":
 |
| Clic derecho en el paquete, seleccionar New y clic en Class |
 |
| Asignar el nombre de IndexController.java y finalmente clic en Finish. |
package com.hadsonpar.thymeleaf.controllers;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class IndexController {
@RequestMapping(value = "/")
public String index() {
return "index";
}
}
5. Ejecutando el proyecto.
 |
| Clic en Run de STS |
 |
| Resultado de Thymeleaf y Spring Boot |
0 Comentarios