Thymeleaf模板引擎的整合与使用

最新推荐文章于 2024-10-17 13:15:49 发布

imccczc

最新推荐文章于 2024-10-17 13:15:49 发布

阅读量72

点赞数

文章标签： spring boot

本文链接：https://blog.csdn.net/imccczc/article/details/134326407

版权

1. 概述

Thymeleaf是一款广泛应用于Java Web开发的模板引擎。它以标记语言为基础，能够轻松实现前后端代码的整合。本文将介绍如何在CSDN上使用Thymeleaf模板引擎进行前端开发。

2. 整合步骤

2.1 导入依赖

首先，我们需要在项目的pom.xml文件中添加Thymeleaf的依赖，示例代码如下：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

2.2 配置文件

在src/main/resources目录下创建application.properties配置文件，并添加以下配置：

# Thymeleaf Configuration
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false

这些配置项将确保Thymeleaf正确地解析HTML文件，并禁用缓存，方便开发时的调试。

2.3 创建HTML文件

在src/main/resources/templates目录下创建模板文件，例如index.html。在该文件中可以使用Thymeleaf提供的语法进行前端代码的开发和数据绑定。以下是一个示例：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Thymeleaf Example</title>
</head>
<body>
    <h1 th:text="${message}">Hello World!</h1>
</body>
</html>

在这个示例中，th:text="${message}"会根据后台传入的数据进行动态渲染。

2.4 创建控制器

我们需要创建一个控制器来处理URL请求并返回相应的模板文件。示例如下：

@Controller
public class MyController {
    
    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("message", "欢迎使用Thymeleaf！");
        return "index";
    }
}

在这个示例中，控制器会将"index"字符串作为视图名称，并将模型中的属性数据传入到对应的HTML文件。