Thymleaf使用th:each遍历

使用该标签完成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都是可以的。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,279评论 0 4
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,834评论 18 399
  • 今天读了高效能人士习惯中人际间交流的关键因素之先理解别人,再寻求被理解。 就像医生给病人开处方之...
    啊攀攀了阅读 367评论 0 0
  • 从iOS8开始,苹果开放了硬解码和硬编码API,框架为 VideoToolbox.framework, 此框架需...
    zjunchao阅读 726评论 1 5
  • 经济学之方向α与斯密的专业化 内容提要:本节通过广义动量定理Fαt=MV来解释亚当•斯密在《国富论》中关于分工和专...
    广义动量定理高广宇阅读 370评论 0 0