thymleaf的列表展现总结

Thymeleaf列表展示技巧总结

最新推荐文章于 2022-10-21 16:34:49 发布

原创最新推荐文章于 2022-10-21 16:34:49 发布 · 953 阅读

1 ·

CC 4.0 BY-SA版权

Thymleaf 专栏收录该内容

1 篇文章

订阅专栏

本文总结了Thymeleaf在展示列表数据时的一些方法，包括如何在一列多行展示后台传来的DayAndStatus列表，将日期格式数据转换，以及在模板中使用三元运算符和switch语句来控制输出格式。

1 一列多行

我从后台数据读出来的是一个list，名称是DayAndStatus，实体如下，这里用了

import lombok.Data;这个插件所以我不用写实体属性的get或set方法

public @Data
class DayAndStatus {
    private Integer day;
    private String status;
    private String weekday;
}

我前台需要实现的是如下图所示的效果，一行标题中的一列，显示两行标题，阿拉伯数据对应一个月的天数，汉字形式的数字对应改月的星期数。

我前台就这样实现

<td  role="row" th:each="day:${DayAndStatus}">
                                                <td th:text="${day.weekday+day.day}"></td>
                                            </td>

2 后台传出日期格式数据转化

                                                <td th:text="${#dates.format(user.createtime,'yyyy-MM-dd')}" class="sorting_1">Firefox 1.0</td>

3 三元运算符

                                                <td th:text="${user.sex}==0?'男':'女'">Firefox 1.0</td>

4 switch使用

  <td th:switch="${user.isreviewed}" class="sorting_1">
                                                    <p th:case="0">
                                                        未审核
                                                    </p>
                                                    <p th:case="1">
                                                        审核
                                                    </p>
                                                    <p th:case="2">
                                                        待审核
                                                    </p>
                                                    <p th:case="3">
                                                        审核未通过
                                                    </p>

                                                </td>