深入理解 Thymeleaf 模板引擎

最新推荐文章于 2024-07-18 16:29:57 发布

程序猿小young

最新推荐文章于 2024-07-18 16:29:57 发布

阅读量122

点赞数

分类专栏： Java语言核心前端技术文章标签： java 开发语言

本文链接：https://blog.csdn.net/weixin_43519474/article/details/134721362

版权

Java语言核心同时被 2 个专栏收录

51 篇文章 2 订阅

订阅专栏

前端技术

14 篇文章 0 订阅

订阅专栏

Thymeleaf是一款用于Web和独立环境的现代服务器端Java模板引擎。它能够处理HTML、XML、JavaScript、CSS甚至纯文本。本文将深入介绍Thymeleaf的基本概念、语法和在Java Web开发中的使用。

Thymeleaf 的基本概念

1. 模板

在Thymeleaf中，模板是包含静态和动态元素的文件，它们使用Thymeleaf的语法来定义动态部分。模板通常包含HTML标签和Thymeleaf的属性。

2. 表达式

Thymeleaf使用表达式来引用变量、执行算术运算和调用方法。表达式通常嵌入在模板中，以动态地生成内容。

<p th:text="${user.name}">John Doe</p>

上面的例子中，${user.name} 是一个Thymeleaf表达式，用于获取user对象的name属性的值。

3. 指令

Thymeleaf使用指令来控制模板的处理方式。常见的指令有th:if、th:each等，它们允许根据条件显示或循环渲染内容。

<div th:if="${user.isAdmin()}">Admin</div>
<ul>
    <li th:each="item : ${items}" th:text="${item}">Item</li>
</ul>

Thymeleaf 的语法

1. 变量

使用${}语法来引用变量。

<p th:text="${user.name}">John Doe</p>

2. 迭代

使用th:each来进行迭代。

<ul>
    <li th:each="item : ${items}" th:text="${item}">Item</li>
</ul>

3. 条件

使用th:if和th:unless来设置条件。

<div th:if="${user.isAdmin()}">Admin</div>
<div th:unless="${user.isGuest()}">Welcome</div>

4. 模板布局

Thymeleaf支持模板布局，允许在多个页面之间共享相同的结构。

<!-- layout.html -->
<html>
<head>
    <title th:fragment="title">Default Title</title>
</head>
<body>
    <div th:fragment="content">Content goes here</div>
</body>
</html>

<!-- page.html -->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:replace="layout :: title">Page Title</title>
</head>
<body>
    <div th:replace="layout :: content">Page Content</div>
</body>
</html>

Thymeleaf 在 Java Web 开发中的使用

在Java Web开发中，Thymeleaf通常与Spring Framework一起使用。以下是一个简单的Spring Boot示例。

1. 添加依赖

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

2. 创建Controller

@Controller
public class MyController {

    @GetMapping("/hello")
    public String hello(Model model) {
        model.addAttribute("message", "Hello, Thymeleaf!");
        return "hello";
    }
}

3. 创建 Thymeleaf 模板

<!-- src/main/resources/templates/hello.html -->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Hello Thymeleaf</title>
</head>
<body>
    <p th:text="${message}">Default Message</p>
</body>
</html>

在这个示例中，当访问/hello路径时，将会渲染hello.html模板，并显示"Hello, Thymeleaf!"。

结语

Thymeleaf是一款强大的模板引擎，提供了丰富的语法和功能，使得在Java Web开发中创建动态内容变得更加容易。它的模板布局、条件渲染和迭代等特性使得开发人员能够以更清晰和灵活的方式构建前端内容。希望这篇文章对你深入理解Thymeleaf有所帮助。如果有任何问题，请随时在评论区留言。感谢阅读！

程序猿小young

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
深入理解 Thymeleaf 模板引擎

Thymeleaf是一款强大的模板引擎，提供了丰富的语法和功能，使得在Java Web开发中创建动态内容变得更加容易。它的模板布局、条件渲染和迭代等特性使得开发人员能够以更清晰和灵活的方式构建前端内容。希望这篇文章对你深入理解Thymeleaf有所帮助。如果有任何问题，请随时在评论区留言。
复制链接

扫一扫