SpringBoot自带模板引擎Thymeleaf使用详解②

<div th:switch=”${id}”>
    <span th:case=”1″>id为1</span>
    <span th:case=”2″>id为2</span>
    <span th:case=”3″>id为3</sp an>
    <sp an th:ca s e=”*”>id为*</sp an>
</div>

运行结果

2.2 迭代 遍历

编写实体类

package com.example.springbootdemo2.pojo;

public class User {
    private int id;
    private String name;
    private int age;

    public User() {
    }

    public User(int id, String name, int age) {
        this.id = id;
        this.name = name;
        this.age = age;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }
}

准备数据

// 添加List列表集合
User user1 = new User(1,”张三”,100);
User user2 = new User(2,”李四”,90);
User user3 = new User(3,”王五”,60);
User user4 = new User(4,”老六”,29);
List<User> users = new ArrayList<>();
users.add(user1);
users.add(user2);
users.add(user3);
use rs.add(user4);
model.addAttribute(“users”,users);

在页面中展示数据且配合状态变量

th ymeleaf将遍历的状态变量封装到一个对象中，通过该对象的属性可以获取状态变量：

状态变量常用属性
状态变量	含义
index	当前迭代器的索引，从0开始
count	当前迭代对象的计数，从1开始
size	被迭代对象的长度
odd/even	布尔值，当前循环是否是偶数/奇数，从0开始
first	布尔值，当前循环的是否是第一条，如果是返回 true，否则返回 false
last	布尔值，当前循环的是否是最后一条，如果是则返回 true，否则返回 false

使用实例

<table border=”1″>
    <tr>
        <th>id</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>当前迭代器的索引，从0开始</th>
        <th>当前迭代对象的计数，从1开始</th>
        <th>被迭代对象的长度</th>
        <th>布尔值，当前循环是否是偶数，从0开始</th>
        <th>布尔值，当前循环是否是奇数，从0开始</th>
        <th>布尔值，当前循环的是否是第一条，如果是返回 tr ue，否则返回 false</th>
        <th>布尔值，当前循环的是否是最后一条，如果是则返回 tr ue，否则返回 false</th>
    </tr>
    <tr th:each=”user,status: ${users}”>
        <td th:text=”${user.getId()}”></td>
        <td th:text=”${user.getName()}”></td>
        <td th:text=”${user.getAge()}”></td>
        <td th:text=”${status.index}”></td>
        <td th:text=”${status.count}”></td>
        <td th:text=”${status.size}”></td>
        <td th:text=”${status.odd}”></td>
        <td th:text=”${status.even}”></td>
        <td th:text=”${status.first}”></td>
        <td th:text=”${status.last}”></td>
    </tr>
</table>

运行结果：

遍历Map

准备数据

// 添加 map 集合数据
Map<String,User> userMap = new HashMap<>();
userMap.put(“user1”,user1);
userMap.put(“user2”,user2);
userMap.put(“user3”,user3);
userMap.put(“user4”,user4);
model.addAttribute(“userMap”,userMap);

使用实例

<table>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
        <th>Key</th>
    </tr>
    <tr th:each=”m : ${userMap}”>
        <td th:text=”${m.value.getId()}”></td>
        <td th:text=”${m.value.getName()}”></td>
        <td th:text=”${m.value.getAge()}”></td>
        <td th:text=”${m.key}”></td>
    </tr>
</table>

运行结果：

二、获取域中的数据和URL写法

2.1 获取域中的数据

thymeleaf也可以获取request，session，application域中的数据，方法如下：

准备数据

// 往request域设置数据
req.setAttribute(“req“,”request“);
// 往response域设置数据
session.setAttribute(“session“,”session“);
// 往application域设置数据
session.getServ letContext().setAttribute(“app“,”application“);

使用实例

request域获取方式1: <span th:text=”${#request.getAttribute(‘req‘)}”></span>
req uest域获取方式2: <span th:text=”${#httpServ letRequest.getAttribute(‘req’)}”></span>
<hr>
session域获取方式1: <span th:text=”${#session.getAttribute(‘session‘)}”></span>
session域获取方式2: <span th:text=”${#httpSession.getAttribute(‘session‘)}”></span>
<hr>
appli cat ion域获取方式1: <span th:text=”${appli cat ion.app}”></span>
app li cat ion域获取方式2: <span th:text=”${#servletContext.getAttribute(‘app‘)}”></span>
<hr>

运行结果：

2.2 URL写法

在Thymeleaf中路径的写法为 @{路径}，同样也可以在路径中添加参数，使用RestFul 样式URL。

准备数据

model.addAttribute(“id”,100);
model.addAttribute(“name”,”lyl”);

添加跳转路径

@GetMapping(“/show2″)
@Resp onseBod y
public String showPage2(String id,String name){
return id+”:”+name;
}

// @RestFul 风格传递参数
@GetMapping(“/show3/{id}/{name}”)
@Resp onseBod y
pub li c String showPage3(@PathVariable String id,@PathVariable String name){
return id + “:” + name;
}

使用实例

<a th:href=”@{https://www.baidu.com}”>百度</a>
<a th:href=”@{show2?id=1&name=’lyl’}”>静态参数一</a>
<a th:href=”@{show2(id=1,name=’hqx’)}”>静态参数二</a>
<a th:href=”@{‘show2?id=’+${id}+’&name=’+${name}}”>动态参数一</a>
<a th:href=”@{show2(id=${id},name=${name})}”>动态参数二</a>
<a th:href=”@{show3/{id}/{name}(id=${id},name=${name})}”>RestFul 风格传递参数</a><hr>

运行结果

三、相关 配置

在Springboot 配置文件中可以进行Thymeleaf 相关配置

thymeleaf 相关配置项
配置项	含义
spring.thymeleaf.pre fix	视图前缀
spring.thymeleaf.su ffix	视图后缀
spring.thymeleaf.encoding	编码格式
spring.thymeleaf.servlet.content–type	响应类型
spring.thymeleaf.cache=false	页面缓存，配置为fa lse则不启用页面缓存，方便测试