10-thymeleaf模板引擎-优快云博客

本文链接：https://blog.youkuaiyun.com/xixihaha_coder/article/details/120284624

本文介绍了Thymeleaf模板引擎的使用步骤，包括引入Maven依赖、创建Controller和展示基本语法。通过`th:text`和`th:utext`属性，展示了如何在HTML中动态插入和转义数据。同时，提到了模板文件应放在`templates`目录下，并简单提及了其他未展开的语法和约束导入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

thymeleaf模板引擎

1.引入依赖

<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring5</artifactId>
</dependency>
<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-java8time</artifactId>
</dependency>

2.controller

package com.kuang.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class IndexController {
@RequestMapping("/test")
public String index(Model model){
    model.addAttribute("msg","hello");
    return "test";
}
}

3.test.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
<!--所有的html元素都可以被thymeleaf替换接管；th: 元素名-->
   <div th:text="${msg}"></div>
</body>

</html>

4.测试访问

结论:

只要需要使用thymeleaf，只需要导入对应的依赖就可以了!我们将html放在我们的templates目录下即可!

thymeleaf的语法使用

导入约束

<html lang="en" xmlns:th="http://www.thymeleaf.org">

所有的html元素都可以被thymeleaf替换接管；th: 元素名
- ```
<div th:text="${msg}"></div>
```

thymeleaf语法

<body>
<!--所有的html元素都可以被thymeleaf替换接管；th: 元素名-->
   <div th:text="${msg}"></div>
    <div th:utext="${msg}"></div>
    <!--
    model.addAttribute("msg","<h1>嘻嘻哈哈</h1>");
    上面正常，不识别h1标签，下面被转义了，识别了h1标签
    -->

<!--遍历
model.addAttribute("users", Arrays.asList("张三","李四"));-->

<h3 th:each="user:${users}" th:text="${user}"></h3>
    
<!--<h3 th:each="user:${users}" >[[${user}]]</h3>-->
<!--这个也能取值，但不推荐-->

</body>