Thymeleaf 是一个现代的服务器端 Java 模板引擎,用于 Web 和独立环境。它能够处理 HTML、XML、JavaScript、CSS 甚至纯文本。Thymeleaf 的主要目标是提供一种优雅且自然的方式来生成 XML/XHTML/HTML5 文档。
以下是一些基本的 Thymeleaf 使用示例和详解:
1. 引入 Thymeleaf 依赖
首先,你需要在你的项目中添加 Thymeleaf 的依赖。如果你使用的是 Maven,可以在 pom.xml
文件中添加以下依赖:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
2. 创建 Thymeleaf 模板
在 src/main/resources/templates
目录下创建一个名为 index.html
的文件:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleaf Example</title>
</head>
<body>
<h1 th:text="'Hello, ' + ${name} + '!'"></h1>
</body>
</html>
在这个例子中,th:text
是 Thymeleaf 的一个属性,用来动态替换 HTML 元素的内容。${name}
是一个变量,它将从后端传递到前端。
3. 创建控制器
接下来,创建一个 Spring Boot 控制器来处理请求并传递数据到视图:
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class MyController {
@GetMapping("/")
public String index(Model model) {
model.addAttribute("name", "World");
return "index"; // 返回视图的名称,对应 src/main/resources/templates/index.html
}
}
在这个控制器中,我们定义了一个方法 index
,它接收一个 Model
对象作为参数。通过调用 model.addAttribute("name", "World")
,我们将字符串 "World" 添加到模型中,键为 "name"。然后,我们返回视图的名称 "index",Thymeleaf 将自动解析这个名称并找到对应的模板文件。
4. 运行应用
现在,你可以运行你的 Spring Boot 应用。如果一切配置正确,当你访问 http://localhost:8080/ 时,你应该能看到页面上显示 "Hello, World!"。
总结
以上是一个简单的 Thymeleaf 使用示例,展示了如何在 Spring Boot 应用中使用 Thymeleaf 来渲染动态内容。Thymeleaf 提供了丰富的功能,如条件判断、循环、URL 重写等,可以极大地简化 Web 开发工作。
标签:index,name,必经之路,org,springframework,Thymeleaf,World,新手 From: https://blog.csdn.net/Q2024107/article/details/143944459