前端-数据分组渲染

前端页面上轮播最多展示6条数据,2个数据分成一组,一共展示3组。每组的数据需要放在li标签里,如下所示:

  • 数据1数据2
  • 数据3数据4
  • 数据3数据4

直接遍历数据,是没有办法实现的,但是可以再遍历数据时,根据数据的顺序,将其放入到li标签中。

1.顺序为奇数时:遍历数据前加入

  • 标签。

    2.顺序为偶数时:遍历数据后加入

  • 标签。

    3.当遍历到最后一条数据,如果为奇数,加入标签。


    使用freeMarker渲染的代码如下:

    <#list studioInfos as studioInfo><#if studioInfo_index % 2 == 0>
  • 数据体<#if studioInfo_index % 2 == 1 || (studioInfo_index % 2 == 0 && studioInfo_index+1 == studioInfos?size)>


  • 本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

    相关文章

    立即
    投稿

    微信公众账号

    微信扫一扫加关注

    返回
    顶部