美文网首页Spring Boot程序员
Thymleaf使用th:each遍历

Thymleaf使用th:each遍历

作者: OnyWang | 来源:发表于2017-12-22 17:52 被阅读59次

使用该标签完成list或map数据的遍历

后台传参

标准的springmvc传参的方式,见如下代码:

@RequestMapping(value = "/gwview.html",method = RequestMethod.GET )
    public String gwview(ModelMap modelMap, HttpServletRequest request) {
      modelMap.put("gwlist", gwlist);
}

解释

使用modelmap,将数据put进去即可。

前台展示

<div class="weui-cell weui-media-box_appmsg"  th:each="gw,gwstate:${gwlist}">
    <div class="weui-media-box__bd">
         <h4 class="weui-media-box__title" th:text="${gw.name}"></h4>
              <p class="weui-media-box__desc">发布人:<span>name</span></p>
      </div>
     <div class="search-status">
         <h4 class="weui-media-box__title" th:text="${#dates.format(gw.createTime,'yyyy-MM-dd')}">2017-09-09</h4>
           <p class="weui-media-box__desc green" th:text="${gwstate.first}"></p>
          </div>
    </div>

解释

在需要重复的地方需要加入th:each标签,注意里面两个参数gw,gwstate,目前第一个gw是定义的list里面的每一个对象,gwstate则是对象参数,注意第二个参数是thymleaf定义的,规定了如下几个参数:

  • index:当前迭代对象的index(从0开始计算)
  • count: 当前迭代对象的index(从1开始计算)
  • size:被迭代对象的大小
  • current:当前迭代变量
  • even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算)
  • first:布尔值,当前循环是否是第一个
  • last:布尔值,当前循环是否是最后一个
    当然,gw和gwstate可以自己定义名字,如果你喜欢,可以定义成fuck和fuckstate都是可以的。

相关文章

  • Thymleaf使用th:each遍历

    使用该标签完成list或map数据的遍历 后台传参 标准的springmvc传参的方式,见如下代码: 解释 使用m...

  • jQuery 常用方法小结

    jQuery 常用方法小结 each方法 有了隐式迭代,为什么还要使用each函数遍历?

  • 遍历方法比较 forEach,each(),every()

    1 $.each() jquery中遍历数组,可返回索引和对应值; 使用方法 :$.each(arr,functi...

  • 第14章工具函数

    $.trim()去掉字符串两边空格 $.each()遍历数组 $.each()遍历对象 注意:$.each()中 ...

  • JQuery each遍历DOM节点与遍历数组和对象

    each遍历DOM节点: 用法demo: each用于遍历数组和对象 用法 demo*遍历数组 输出结果: *遍历...

  • jQuery(二)

    offset audio和video each遍历jQuery对象 each遍历jQuery对象 了解date 多...

  • jQuery(二)_遍历

    jQuery(二)_遍历 each 重写each 遍历text 遍历html 向每个div中添加数组项,点击可以跳...

  • $.each()遍历

    $.each()干嘛的? 用来遍历的。 能遍历什么? 比如数组,dom元素,json数据 有参数么?是什么? 有。...

  • each遍历

    1.jquery 遍历对象

  • 提示58-59

    第58条 for-each循环优先于传统的for循环 for-each 相较于使用迭代器或者传统for循环遍历数组...

网友评论

    本文标题:Thymleaf使用th:each遍历

    本文链接:https://www.haomeiwen.com/subject/ywatgxtx.html