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

小咪咪 2022-06-10 02:38 469阅读 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 条评论，469人围观）

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

相关阅读

相关 Java循环中断、循环嵌套

循环中断 1.break 直接强行跳出当前循环，不再执行剩余代码。（作用于整个循环） ps：在多重循环情况下，如果break在内层循环中，则仅仅终止了内层循环，外

亦凉/ 2024年03月31日 12:54/ 0 赞/ 92 阅读

相关循环的嵌套

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

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

相关 Java循环嵌套是什么意思，Java循环嵌套实例

　　Java嵌套循环是指在一个循环语句的循环体中再定义一个循环语句的语法结构。whiledo.while、for循环语句都可以进行嵌套，并且它们之间也可以互相嵌套，如最常见的在

柔情只为你懂/ 2023年02月23日 10:58/ 0 赞/ 126 阅读

相关嵌套循环

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

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

相关循环嵌套

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

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

相关星级数量显示，根据数字判断循环次数

非常简单 data里面定义一个空数组scoreList 循环数组scoreList 拿到星级数量数组length= 星级数量5 <u-image v-sho

淩亂°似流年/ 2022年11月14日 11:51/ 0 赞/ 167 阅读

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

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

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

相关循环嵌套

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

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

相关 thymeleaf循环使用

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

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

相关 C# 嵌套循环

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlbmd5

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