thymeleaf在html写if else

时间: 2024-02-17 14:28:26 浏览: 132

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是一种服务器端模板引擎，可以在HTML模板中轻松地添加条件语句。在Thymeleaf中，可以使用`th:if`和`th:unless`属性来添加条件语句。以下是一个示例，演示如何在Thymeleaf中使用条件语句： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Thymeleaf If Example</title> </head> <body> <h1 th:if="${user.isAdmin()}">Admin Dashboard</h1> <h1 th:unless="${user.isAdmin()}">User Dashboard</h1> </body> </html> ``` 在上面的示例中，如果`user`对象的`isAdmin()`方法返回`true`，则显示“Admin Dashboard”，否则显示“User Dashboard”。`th:if`和`th:unless`属性可以用于任何HTML元素，并且可以嵌套在其他Thymeleaf属性中。

阅读全文

thymeleaf在html写if else

相关推荐

Thymeleaf模板引擎

springboot+thymeleaf 文件上传下载功能实现

thymeleaf html if else

thymeleaf中使用对象的if else

Thymeleaf中文参考文档

webflux整合thymeleaf实现登录功能

Thymeleaf模板引擎在SpringBoot中的应用解析

Thymeleaf与Spring框架集成教程

thymeleaf模板引擎else

csrf前端代码写一下，集合thymeleaf，后端代码写一下

使用HTML+thymeleaf+Ajax异步，使用form表单提交写一个登录页面

thymeleaf语法大全

java springboot开发中写一个登陆页面在登陆成功弹出一个对话框显示登录成功，失败弹出一个问题框显示登录失败并点击确定后返回登录页面。用thymeleaf怎么写代码

使用thymeleaf如何在html中添加调用controller的功能，例如login页面点击登录后，进入index页面，Controller层使用RequestMapping

thymeleaf 使用页面报错_SpringBoot 利用thymeleaf自定义错误页面

基于thymeleaf做一个待办已办H5移动端的html查询页面

Thymeleaf金额变汉字大写

springboot+thymeleaf登入功能实现

请使用springbooot实现登录功能，数据库使用MySQL， html 使用 thymeleaf ,当输入的用户名和密码与MySQL数据库的匹配时跳转到home.html，否则提示"用户名或密码错误"并重新跳转到login.html，为我展示所需要的代码

最新推荐

命令手册 Linux常用命令

探索数据转换实验平台在设备装置中的应用

管理建模和仿真的文件

ggflags包的国际化问题：多语言标签处理与显示的权威指南

如何使用MATLAB实现电力系统潮流计算中的节点导纳矩阵构建和阻抗矩阵转换，并解释这两种矩阵在潮流计算中的作用和差异？

使用git-log-to-tikz.py将Git日志转换为TIKZ图形

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

ggflags包的定制化主题与调色板：个性化数据可视化打造秘籍

如何使用Matlab进行风电场风速模拟，并结合Weibull分布和智能优化算法预测风速？

小栗子源码2.9.3版本发布