Thymeleaf嵌套循环，每次循环显示固定数量

小咪咪 2022-06-10 02:38 507阅读 0赞

# 前言 #

项目中前端要实现滚屏展示，即一屏展示七个，从六屏。刚开始直接外层一个sequence进行六屏循环，内层直接拿数据对象each，发现不行，只能取7个，很是惆怅。后来google了半天，结合自己的一些实践终于解决。

# 实现 #

> 外层循环自己的屏幕数量，内层遍历展示条数，利用集合下标进行取值，当然记得判断集合大小。

<th:block th:each="i:${#numbers.sequence(0,5)}">
                                     <div class="swiper-slide" style="height:290px;">
                                          <ul>
    
                                                  <th:block th:each="k:${#numbers.sequence(0,6)}">
                                                            <th:block th:if="${#lists.size(contents) gt k+(i*7)}">
                                                              <li>
                                                                  <a th:href="@{${contents[k+(i*7)].url}}" target="_blank" th:text="${contents[k+(i*7)].title}" ></a>
                                                          </li>
                                                            </th:block>
                                                  </th:block>
                                           </ul>
                                     </div>
                          </th:block>

# 效果 #

> 我有12条数据，每屏7条  
> ![这里写图片描述][SouthEast]  
> ![这里写图片描述][SouthEast 1]

# 最后 #

作者：ricky

交流群： 244930845

[SouthEast]: /images/20220610/ec4c89d34aa44ca2b2bc07cb5064f94a.png
[SouthEast 1]: /images/20220610/2dcce99b89a945228c44e8f37f4d645f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，507人围观）

还没有评论，来说两句吧...

相关阅读

相关外层循环6次，每次内层只循环1次

这是一个使用两层循环的程序，外层循环6次，内层循环1次。具体的代码如下： for i in range(6): 外层循环6次 for j in r

布满荆棘的人生/ 2024年03月25日 16:29/ 0 赞/ 75 阅读

相关 java 无限循环、循环嵌套

无限循环、循环嵌套一、无限循环 for 无限循环 while 无限循环 do-while 无

淩亂°似流年/ 2023年10月12日 20:27/ 0 赞/ 59 阅读

相关数组、循环嵌套

目录数组循环嵌套 -------------------- 数组 public class TestArray {

﹏ヽ暗。殇╰゛Y/ 2023年09月30日 11:55/ 0 赞/ 32 阅读

相关循环的嵌套

循环的嵌套依旧是个小demo <!DOCTYPE html> <html> <head> <meta charset="UTF-

川长思鸟来/ 2023年02月24日 03:55/ 0 赞/ 69 阅读

相关嵌套循环

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

﹏ヽ暗。殇╰゛Y/ 2023年02月20日 13:48/ 0 赞/ 78 阅读

相关循环嵌套

循环嵌套概述：一个循环的循环体是另一个循环的循环语句就是嵌套循环。所以在学习和使用嵌套循环的时候就使用单个循环语句的知识点去使用它。比如： for

女爷i/ 2022年12月27日 15:30/ 0 赞/ 249 阅读

相关 Thymeleaf嵌套循环，每次循环显示固定数量

前言项目中前端要实现滚屏展示，即一屏展示七个，从六屏。刚开始直接外层一个sequence进行六屏循环，内层直接拿数据对象each，发现不行，只能取7个，很是惆怅。后来g

小咪咪/ 2022年06月10日 02:38/ 0 赞/ 507 阅读

相关循环嵌套

一个循环体内又包含另一个完整的循环结构，称之为循环的嵌套。内嵌的循环中还可以嵌套循环，这就是多层循环。不管在什么语言中，关于循环嵌套的概念都是一样的。例如在电影院找座位号，需要

系统管理员/ 2022年06月02日 08:12/ 0 赞/ 338 阅读

相关 thymeleaf循环使用

[https://www.cnblogs.com/xy888/p/9067286.html][https_www.cnblogs.com_xy888_p_9067286.htm

不念不忘少年蓝@/ 2022年03月16日 02:24/ 0 赞/ 343 阅读

相关 C# 嵌套循环

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlbmd5

喜欢ヅ旅行/ 2022年01月06日 08:35/ 0 赞/ 407 阅读