thymeleaf2.3.0版本 th:include 引入碎片带参数举个实例

时间: 2024-10-08 08:11:45 浏览: 36

Thymeleaf中th:each及th:if使用方法解析

Thymeleaf 是一款强大的模板引擎，常用于Spring Boot项目中，它允许开发者在HTML中直接写逻辑代码，而无需借助JavaScript或其他后端技术。本文将深入探讨Thymeleaf中的两个关键指令：`th:each` 和 `th:if`。 ### 一、th:each `th:each` 指令主要用于遍历数据集合，这些集合通常由控制器（Controller）传递到视图（View）。例如，以下是一个简单的控制器代码片段： ```java @Controller public class HelloController { @RequestMapping("/success") public String success(Map<String, Object> map) { map.put("users", Arrays.asList("张三", "李四", "王五")); return "success"; } } ``` 在上面的代码中，`success` 方法将一个包含三个字符串的列表放入了`Map`，并返回了对应的视图名称。接下来，在HTML页面中，我们可以使用`th:each` 来遍历这个列表： ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h4 th:text="${user}" th:each="user : ${users}"></h4> </body> </html> ``` 这里的 `th:each="user : ${users}"` 表示遍历`users`集合，每次迭代将集合中的一个元素赋值给变量`user`。在这个例子中，由于`users`有三个元素，因此会生成三个`<h4>`标签，分别显示"张三"、"李四"和"王五"。 **注意**：`th:each` 每次迭代都会创建一个新的包含它的元素。这意味着，如果你的集合有多个元素，相应标签的数量也会增加，每个元素都会有自己的独立上下文。 ### 二、th:if `th:if` 指令则用于实现条件判断，只有当表达式为真时，该元素及其子元素才会被渲染到HTML中。例如： ```html <p th:if="${testBoolean}" >如果testBoolean 是 true ，本句话就会显示</p> <p th:if="${not testBoolean}" >取反，所以如果testBoolean 是 true ，本句话就不会显示</p> <p th:unless="${testBoolean}" >unless 等同于上一句，所以如果testBoolean 是 true ，本句话就不会显示</p> ``` 这里，`th:if="${testBoolean}"` 检查`testBoolean` 是否为`true`，如果是，则显示对应的`<p>`标签。`th:if="${not testBoolean}"` 使用 `not` 关键字取反，所以如果`testBoolean` 为`true`，则不会显示该段落。`th:unless` 相当于 `th:if` 的否定形式，其效果与 `th:if="${not testBoolean}"` 相同。 ### 三、三元表达式除了`th:if` 和 `th:unless`，Thymeleaf 还支持三元表达式，可以在一个属性中直接做出条件判断。例如： ```html <p th:text="${testBoolean} ? '当testBoolean为真的时候，显示本句话，这是用三相表达式做的' : ''"></p> ``` 这个表达式的意思是，如果`testBoolean`为`true`，则显示字符串，否则不显示任何内容。总结，`th:each` 和 `th:if` 是Thymeleaf中非常基础且实用的两个指令，它们极大地简化了前端与后端数据交互的复杂性，使得在HTML模板中实现动态逻辑变得简单直接。了解并熟练掌握这两个指令，对于开发基于Thymeleaf的Web应用至关重要。

Thymeleaf 2.3.0 版本中，`th:include` 功能用于引入模板片段（也称为“碎片”），并可以传递参数。这通常在需要复用某个部分，如头部、导航栏或页脚，并对其进行动态定制的时候非常有用。下面是一个简单的例子：假设有一个公共的 `header.html` 片段，我们想在每个页面上都包含它，但是标题可以根据页面内容动态改变： ```html  <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title th:text="${pageTitle}">默认标题</title> </head> <body> <header>  </header> </body> </html> ``` 在主页面（如 `index.html`）中引入这个头文件并传入参数： ```html  <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Thymeleaf 示例</title> </head> <body> <div th:replace="fragments/header :: header(title='主页')"></div>  </body> </html> ``` 在这个例子中，`th:replace` 指令告诉 Thymeleaf 从 `header.html` 中替换指定的标签 (`header(title='主页')`)。`title` 参数会被传给 `header.html` 中的 `th:text` 属性，从而动态设置标题。

阅读全文

thymeleaf2.3.0版本 th:include 引入碎片 带参数 举个实例

相关推荐

thymeleaf实现th:each双重多重嵌套功能

thymeleaf-bootstrap2:Thymeleaf方言支持bootstrap2

2.3.0 thymeleaf th:include 引入碎片 带参数

th:include thymeleaf 2.3.0 引入碎片并传入参数

th:include thymeleaf 2.3.0 引入碎片并传入参数 只需要页面路径

wuyou:Spring Boot + MyBatis Plus + Shiro + Thymeleaf 快速开发框架：夫唯不争，故无尤

spring-thymeleaf-part1:这是我的技术博客中有关Java生态系统和相关主题的一系列教程的一部分

thymeleaf4spring:带弹簧的Thymeleaf的配置辅助

thymeleaf-itutorial:Thymeleaf互动教程

thymeleaf-joda:Thymeleaf - Joda 集成模块

thymeleaf-mailto:Thymeleaf 方言创建邮件链接

Spring-Thymeleaf-Demo:Spring Thymeleaf 演示

thymeleaf-test:与 Thymeleaf 集成的 Spring 测试

thymeleaf-spring：用于Spring的Thymeleaf集成模块

thymeleaf-jpa:百里香叶

Thymeleaf中文参考手册：全面解析

Thymeleaf 3.0.5 中文指南：模板引擎与实战示例

Thymeleaf 3.0.11.RELEASE：现代Java模板引擎解析

数学建模学习资料 姜启源数学模型课件 M04 数学规划模型 共85页.pptx

最新推荐

Thymeleaf显示base64字符串为图片.docx

数学建模学习资料 姜启源数学模型课件 M04 数学规划模型 共85页.pptx

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

"互动学习：行动中的多样性与论文攻读经历"

【强化学习损失函数探索】：奖励函数与损失函数的深入联系及优化策略

如何在Springboot后端项目中实现前端的多人视频会议功能，并使用Vue.js与ElementUI进行界面开发？

thymeleaf2.3.0版本 th:include 引入碎片带参数举个实例

2.3.0 thymeleaf th:include 引入碎片带参数

th:include thymeleaf 2.3.0 引入碎片并传入参数只需要页面路径

数学建模学习资料姜启源数学模型课件 M04 数学规划模型共85页.pptx

数学建模学习资料姜启源数学模型课件 M04 数学规划模型共85页.pptx