thymeleaf模板th:each循环

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="media" th:each="question:${questions}">
    <div class="media-left">
        <a href="#">
            <img class="media-object img-rounded" th:src="${question.user.avatarUrl}">
        </a>
    </div>
    <div class="media-body">
        <h4 class="media-heading" th:text="${question.title}"></h4>
        <span th:text="${question.description}"></span><br>
        <span class="text-color-999"><span th:text="${question.viewCount}"></span> 次浏览 • <span th:text="${question.commentCount}"></span> 个评论 • <span th:text="${#dates.format(question.gmtCreate,'dd MMMM yyyy')}"></span></span>
    </div>
</div>
  

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<nav aria-label="Page navigation" style="float: right;">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                    </a>
                </li>
                <li th:each="page:${pagination.pages}" ><a th:href="@{/(page=${page})}" th:text="${page}"></a></li>
 
                <li>
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">»</span>
                    </a>
                </li>
            </ul>
        </nav>

  

 【thymeleaf文档】

 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

 

posted @   iTao0128  阅读(3977)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示