当前位置：首页 > news >正文

Thymeleaf系列五迭代,if,switch语法

news 来源：原创 2024/5/2 16:30:52

1. 概述

这里介绍thymeleaf的编程语法，本节主要包括如下内容

迭代语法：th:each; iteration status
条件语法：th:if; th:unless
switch语法：th:switch; th:case; *

下文演示以上语法的用法。

2. 演示以上语法的用法

2.1. 公共类

User

public class User {
    private String name; private boolean isAdmin; private String other; private int age; public User(String name, boolean isAdmin, String other, int age) { super(); this.name = name; this.isAdmin = isAdmin; this.other = other; this.age = age; } // set/get略 }

ProgrammingCtl ： control类

@Controller
@RequestMapping("/programming")
public class ProgrammingCtl { @RequestMapping("programming") public String iteration(ModelMap modeMap) { // Iteration List<User> userList = new ArrayList<User>(); userList.add(new User("son_1", true, "other_1", 11)); userList.add(new User("son_2", false, "other_2", 22)); userList.add(new User("son_3", true, "other_3", 33)); userList.add(new User("son_4", false, "other_4", 44)); modeMap.put("userList", userList); // ifelse User userIf = new User("admin", true, "other_if", 11); modeMap.put("user", userIf); return "programming/programming"; } }

本请求转到页面programming.html，

2.2. 迭代语法：th:each; iteration status

常用th:each用法：

<table border="2">
    <thead> <tr> <th>name</th> <th>age</th> <th>isAdmin</th> </tr> </thead> <tbody> <!-- 常用的迭代 th:each 用法 --> <tr th:each="user : ${userList}"> <td th:text="${user.name}"></td> <td th:text="${user.age}"></td> <td th:text="${user.isAdmin}"></td> </tr> </tbody> </table>

运行结果如下:
这里写图片描述

迭代的对象
本例子中迭代的对象是java.util.List，除了List，还可以对以下对象进行迭代

java.util.Iterable
java.util.Enumeration
java.util.Iterator
java.util.Map，此时迭代返回的对象是java.util.Map.Entry
数组

获取迭代的中间的状态，定义在iterStat中

在迭代过程中，可以获取迭代的中间状态，详细如下：

index ：当前节点的索引，从0开始
size ：迭代节点总数
even/odd：当前是偶数/奇数行，boolean值
first/last：当前是每天/最后一个元素

<t
able border="2">
    <thead> <tr> <th>迭代索引</th> <th>元素所处的位置索引</th> <th>奇偶行</th> <th>name</th> <th>age</th> <th>isAdmin</th> </tr> </thead> <tbody> <!-- 获取迭代的中间的状态，定义在iterStat中--> <tr th:each="user,iterStat : ${userList}"> <!-- index: 当前迭代的索引 --> <td th:text="${iterStat.index }"></td> <!-- first: 当前元素是第一个元素; last: 当前元素是最后个元素 --> <td th:text="${iterStat.first } ? '这是第一个元素':(${iterStat.last} ? '这是最后一个元素':'')" ></td> <!-- --> <td th:text="${iterStat.odd} ? 'odd' : 'even'" ></td> <td th:text="${user.name}"></td> <td th:text="${user.age}"></td> <td th:text="${user.isAdmin}"></td> </tr> </tbody> </table>

运行结果如下:
这里写图片描述

2.3. 条件语法：th:if; th:unless

演示如下功能

th:if：如果值是true，则打印整个节点
th:unless: 和th:if是相反功能，如果值为false,则打印整个节点

    <!-- th:if：如果值是true，则打印<span>整个节点  -->
    <span th:if="${user.isAdmin}" th:text="${user.name} + '是管理员'"> </span><br /> <!-- th:unless: 和th:if是相反功能，如果值为false,则打印<span>整个节点 --> <span th:unless="not ${user.isAdmin}" th:text="${user.name} + '是管理员'"> </span><br />

输出:

<span>admin是管理员</span><br /> <span>admin是管理员</span><br />

th:if条件判断
除了判断boolean值外，thymeleaf还认为如下表达式为true:

值非空
值是character，但是非0
值是非0数字
值是字符串，但是不是 “false”, “off” or “no”
值不是boolean值，数字，character 或字符串

2.4. switch语法：th:switch; th:case; *

演示如下功能

th:switch / th:case
th:case=”*” ：类似switch中的default

<!-- th:switch / th:case -->
<div th:switch="${user.name}"> <p th:case="'admin'">User is an administrator</p> <!-- *: case的默认的选项 --> <p th:case="*">User is some other thing</p> </div>

输出:

<div>
  <p>User is an administrator</p> </div>

4.1算术操作符

+, -, *, /, %
e.g.

[html] view plain copy

<div>
<ol>
<li>+：1+1=1+1.</li>
<li>-： 2-1=2-1.</li>
<li>*：2*3=2*3.</li>
<li>/： 9/4=9/4.</li>
<li>%：9%4=9%4.</li>
</ol>
</div>

4.2布尔运算

e.g.

[html] view plain copy

<div>
<ol>
<li th:inline="text">and：and[[${!#lists.isEmpty(list)} and ${#lists.isEmpty(list)}]]</li>
<li>or：or</li>
<li>!(not)：not</li>
</ol>
</div>

4.3不等和相等运算符

e.g.

[html] view plain copy

1. <div>
2. <ol>
3. <li>比较表达式：
4. <ol>
5. <li>>(gt)： 1">大于>else</li>
6. <li>小于lt：小于else</li>
7. <li>>=(ge)：= 1">大于等于>=else</li>
8. <li>小于等于(le)：小于等于else</li>
9. <li>!(not)：!(not)else</li>
10. </ol>
11. </li>
12. <li>相等和不等表达式：
13. <ol>
14. <li>==(eq)：等于==</li>
15. <li>!=(ne/neq)：size:</li>
16. </ol>
17. </li>
18. </ol>
19. </div>