小白编程笔记——thymeleaf实现每两行加一个分割线

目的:给某一组成员实现随机两两分组。Controller里面已经把List中的元素随机分组了,因此在HTML里面需要用thymeleaf把元素一一输出,同时为了方便知道分组情况,设置每两行加一条线用于分割。


          <div 
            th:each="member,memberStat : ${result}">
                <p th:text="${member}"></p>
                <p th:unless="${memberStat.odd}">----------------</p>
          </div>

方法:上图是实现这个方法的HTML代码片段。其中,th:each和th:text实现了对List中每个元素的输出。而th:unless=${memberStat.odd}则实现了当迭代次出不为奇数次(即当迭代次出为偶数次时,鬼知道当初我为什么这么写。脑子瓦特了)生成一段华丽的分割线。

经过实际证明,member,memberStat这两个名字是可以随意更换的,并不一定要和某个地方的名字保持一致,但是实现这个功能一定要定义两个变量。也就是说删除memberStat会出错。

此外,这种方法实现了每两个数据之后加一条分割线的功能,但是如果需要每三个成员之后加一条分割线,那么需要怎样实现呢?

可能的方法是利用thymeleaf定义一个count的变量,然后每次迭代都让它+1,然后再通过th:if来判断count的变量是否是3的倍数来实现。但是,thmeleaf里面定义一个变量并让它每个迭代都加一的方法我还不会,(或者themleaf本身有方法得到当前的迭代数量?)

——刚才看了一下,th:each中有count属性可以表示当前的循环数量,可以实现三人分组的功能。

其他的属性参考网站https://www.cnblogs.com/gdjlc/p/11695788.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值