Spring Boot_如何运用thymeleaf引擎

最新推荐文章于 2025-05-24 12:00:00 发布

北极熊的世界有内涵

最新推荐文章于 2025-05-24 12:00:00 发布

阅读量245

点赞数

分类专栏： spring boot

本文链接：https://blog.youkuaiyun.com/qq_42986414/article/details/103479017

版权

spring boot 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何在Spring Boot项目中使用Thymeleaf模板引擎，包括依赖引入、控制器数据传递、模板语法解析及动态内容展示。通过具体示例，展示了Thymeleaf在HTML中的应用，如文本替换、属性设置、列表遍历等。

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

1.引入依赖

<!--引入模板引擎-->
<dependency>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-starter-thymeleaf</artifactId>
     <!-- 不需要加版本号，因为有版本仲裁中心-->
 </dependency>

控制端中传入数据：

@RequestMapping("/success")
public String success(Map<String, Object> map) {
     System.out.println("进入success");
     map.put("name", "熊哥");
     map.put("age", "<h3>19</h3>");
     map.put("users", Arrays.asList("a", "b", "c"));
     return "success";	
 }

在templates文件夹中写html

success.html

<!DOCTYPE html>
<!-- 引入依赖链接，可以有提示-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>成功页面</title>
</head>
<body>
    <h1>这是成功页面</h1>
    <hr/>
    <!--th:text会将所有标签中的文本内容替换-->
    <div th:text="${name}">这是预定内容，将会被th:text给替代</div><hr/>
	<!--th:id th:class同理-->
    <div class="将会被替代的class" id="将会被替代的id" th:id="${name}" th:class="${name}"></div><hr/>

    <h3 th:text="${age}">文本出现标签</h3>
    <!--使用utext，内容不会出现<h3></h3> -->
    <h3 th:utext="${age}">文本不出现标签</h3><hr/>
	
	<!--遍历时，会创建列表个数个该标签-->
    <h3 th:each="user:${users}" th:text="${user}"></h3>
    <h3>
        <span th:each="user:${users}" th:text="${user}"></span>
    </h3>
    <!--也可以直接写入文本-->
    <h4 th:text="我做了改变"></h4>
</body>
</html>