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

前言

项目中前端要实现滚屏展示，即一屏展示七个，从六屏。刚开始直接外层一个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条

最后

作者：ricky

交流群： 244930845