迭代

1、迭代基础

要在/WEB-INF/templates/product/list.html页面中显示产品，将使用一个表格。都将显示在一行（一个<tr>元素），所以对于我们的模板，我们将需要创建一个模板行 - 一个将举例说明我们希望如何显示每个产品 - 然后指示Thymeleaf重复它，每个产品一次。

标准方言为我们提供了一个属性：th:each。

对于列表页面，我们将需要一个控制器方法，从服务层检索产品列表并将其添加到模板上下文中：

public void process(

        final HttpServletRequest request, final HttpServletResponse response,

        final ServletContext servletContext, final ITemplateEngine templateEngine)

        throws Exception {

    ProductService productService = new ProductService();

    List<Product> allProducts = productService.findAll(); 

    WebContext ctx = new WebContext(request, response, servletContext, request.getLocale());

    ctx.setVariable("prods", allProducts);

    templateEngine.process("product/list", ctx, response.getWriter());

}

然后将使用th:each遍历产品列表：

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

  <head>

    <title>Good Thymes Virtual Grocery</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" type="text/css" media="all"

          href="../../../css/gtvg.css" th:href="@{/css/gtvg.css}" />

  </head>

  <body>

    <h1>Product list</h1>

    <table>

      <tr>

        <th>NAME</th>

        <th>PRICE</th>

        <th>IN STOCK</th>

      </tr>

      <tr th:each="prod : ${prods}">

        <td th:text="${prod.name}">Onions</td>

        <td th:text="${prod.price}">2.41</td>

        <td th:text="${prod.inStock}? #{true} : #{false}">yes</td>

      </tr>

    </table>

    <p>

      <a href="../home.html" th:href="@{/}">Return to home</a>

    </p>

  </body>

</html>

可重复的值

这个java.util.List类不是唯一可用于Thymeleaf迭代的值。有一个相当完整的一组对象被认为可以被一个属性迭代th:each：

  • 任何对象的实现 java.util.Iterable
  • 任何对象的实现java.util.Enumeration。
  • 任何实现的对象java.util.Iterator，其值将被迭代器返回使用，而不需要缓存内存中的所有值。
  • 任何对象的实现java.util.Map。当迭代映射时，iter变量将是类的java.util.Map.Entry。
  • 任何数组。
  • 任何其他对象将被视为包含对象本身的单值列表

2、保持迭代状态

使用时th:each，Thymeleaf提供了一个有用的机制来跟踪你的迭代状态：状态变量。

状态变量在一个th:each属性中定义并包含以下数据：

  • 当前迭代索引，从0开始。这是index属性。
  • 当前迭代索引，从1开始。这是count属性。
  • 迭代变量中的元素总数。这是size财产。
  • 每个迭代的iter变量。这是current财产。
  • 目前的迭代是偶数还是奇数。这些是even/odd布尔属性。
  • 目前的迭代是否是第一个。这是first布尔属性。
  • 目前的迭代是否是最后一个。这是last布尔属性。

让我们看看我们如何使用它与前面的例子：

<table>

  <tr>

    <th>NAME</th>

    <th>PRICE</th>

    <th>IN STOCK</th>

  </tr>

  <tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}? 'odd'">

    <td th:text="${prod.name}">Onions</td>

    <td th:text="${prod.price}">2.41</td>

    <td th:text="${prod.inStock}? #{true} : #{false}">yes</td>

  </tr>

</table>

状态变量（iterStat在本例中）是th:each通过在iter变量本身之后写入名称来定义的，用逗号分隔。就像iter变量一样，状态变量的范围也是由持有th:each属性的标签定义的代码片段。

让我们来看看处理我们的模板的结果：

<!DOCTYPE html>

<html>

  <head>

    <title>Good Thymes Virtual Grocery</title>

    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>

    <link rel="stylesheet" type="text/css" media="all" href="/gtvg/css/gtvg.css" />

  </head>

  <body>

    <h1>Product list</h1>

    <table>

      <tr>

        <th>NAME</th>

        <th>PRICE</th>

        <th>IN STOCK</th>

      </tr>

      <tr class="odd">

        <td>Fresh Sweet Basil</td>

        <td>4.99</td>

        <td>yes</td>

      </tr>

      <tr>

        <td>Italian Tomato</td>

        <td>1.25</td>

        <td>no</td>

      </tr>

      <tr class="odd">

        <td>Yellow Bell Pepper</td>

        <td>2.50</td>

        <td>yes</td>

      </tr>

      <tr>

        <td>Old Cheddar</td>

        <td>18.75</td>

        <td>yes</td>

      </tr>

    </table>

    <p>

      <a href="/gtvg/" shape="rect">Return to home</a>

    </p>

  </body>

</html>

请注意，我们的迭代状态变量已经完美工作，只建立odd奇数行的CSS类。

如果你没有明确地设置一个状态变量，Thymeleaf将总是为你添加一个Stat迭代变量的名字后缀：

3、通过懒惰的数据检索进行优化

有时我们可能想要优化对数据集合的检索（例如从数据库），以便只有在真正要使用这些集合时才能检索这些集合

为了支持这一点，Thymeleaf提供了一种机制来延迟加载上下文变量。实现该ILazyContextVariable接口的上下文变量（很可能是通过扩展其LazyContextVariable默认实现）将在执行时解决。例如：

context.setVariable(

     "users",

     new LazyContextVariable<List<User>>() {

         @Override

         protected List<User> loadValue() {

             return databaseRepository.findAllUsers();

         }

     });

这个变量可以在不知道其懒惰的情况下使用，代码如下：

<ul>

  <li th:each="u : ${users}" th:text="${u.name}">user name</li>

</ul>

但是同时，loadValue()如果condition评估false的代码如下：将永远不会被初始化（它的方法永远不会被调用）：

<ul th:if="${condition}">

  <li th:each="u : ${users}" th:text="${u.name}">user name</li>

</ul>

thymeleaf-迭代的更多相关文章

  1. Thymeleaf3.0内容

    Thymeleaf简介 什么是Thymeleaf Thymeleaf是网站或者独立应用程序的新式的服务端java模板引擎,可以执行HTML,XML,JavaScript,CSS甚至纯文本模板. Thy ...

  2. SpringBoot thymeleaf使用方法，thymeleaf模板迭代

    SpringBoot thymeleaf使用方法,thymeleaf模板迭代 SpringBoot thymeleaf 循环List.Map ============================= ...

  3. Thymeleaf系列五 迭代,if,switch语法

      1. 概述 这里介绍thymeleaf的编程语法,本节主要包括如下内容 迭代语法:th:each; iteration status 条件语法:th:if; th:unless switch语法: ...

  4. Thymeleaf学习记录（6）--迭代及条件语法

    迭代: 条件选择: IF-THEN: (if) ? (then) IF-THEN-ELSE: (if) ? (then) : (else) 默认: (value) ?: (defaultvalue) ...

  5. （七）Thymeleaf的 th:* 属性之—— th: ->设值& 遍历迭代& 条件判断

    3.4 属性值的设置 3.4.1 使用th:attr来设置属性的值 <form action="subscribe.html" th:attr="action=@{ ...

  6. Thymeleaf常用语法：数据迭代

    Thymeleaf数据迭代使用th:each属性,可以迭代数组.List.Set和Map等,数组.List.Set的迭代方法类似,迭代Map则会得到一个java.util.Map.Entry对象.在迭 ...

  7. spring boot(四)：thymeleaf使用详解

    在上篇文章springboot(二):web综合开发中简单介绍了一下thymeleaf,这篇文章将更加全面详细的介绍thymeleaf的使用.thymeleaf 是新一代的模板引擎,在spring4. ...

  8. Thymeleaf+Spring整合

    前言 这个教程介绍了Thymeleaf与Spring框架的集成,特别是SpringMvc框架. 注意Thymeleaf支持同Spring框架的3.和4.版本的集成,但是这两个版本的支持是封装在thym ...

  9. Thymeleaf基本知识

    Thymeleaf是个XML/XHTML/HTML5模板引擎,可以用于Web与非Web应用. Thymeleaf的主要目标在于提供一种可被浏览器正确显示的.格式良好的模板创建方式,因此也可以用作静态建 ...

随机推荐

  1. Java的LockSupport工具，Condition接口和ConditionObject

    在之前我们文章(关于多线程编程基础和同步器),我们就接触到了LockSupport工具和Condition接口,之前使用LockSupport工具来唤醒阻塞的线程,使用Condition接口来实现线程 ...

  2. Alpha第二天

    Alpha第二天 听说 031502543 周龙荣(队长) 031502615 李家鹏 031502632 伍晨薇 031502637 张柽 031502639 郑秦 1.前言 任务分配是VV.ZQ. ...

  3. TensorFlow实现Softmax Regression识别手写数字中"TimeoutError: [WinError 10060] 由于连接方在一段时间后没有正确答复或连接的主机没有反应，连接尝试失败”问题

    出现问题: 在使用TensorFlow实现MNIST手写数字识别时,出现"TimeoutError: [WinError 10060] 由于连接方在一段时间后没有正确答复或连接的主机没有反应 ...

  4. 201621123031 《Java程序设计》第7周学习总结

    作业07-Java GUI编程 1.本周学习总结 1.1 思维导图:Java图形界面总结 1.2 可选:使用常规方法总结其他上课内容. 事件监听器: Java事件监听器是由事件类和监听接口组成,自定义 ...

  5. formidable 表单文件和数据提交

    只要涉及文件上传,那么form标签要加一个属性: <form action="http://127.0.0.1/dopost" method="post" ...

  6. react中的DOM操作

    前面的话 某些情况下需要在典型数据流外强制修改子代.要修改的子代可以是 React 组件实例,也可以是 DOM 元素.这时就要用到refs来操作DOM 使用场景 下面是几个适合使用 refs 的情况 ...

  7. php实现单,双向链表，环形链表解决约瑟夫问题

    传智播客PHP学院 韩顺平 PHP程序员玩转算法第一季  http://php.itcast.cn 聊天篇: 数学对我们编程来说,重不重要? 看你站在什么样的层次来说. 如果你应用程序开发,对数学要求 ...

  8. 【ASP.NET Core】依赖注入高级玩法——如何注入多个服务实现类

    依赖注入在 ASP.NET Core 中起中很重要的作用,也是一种高大上的编程思想,它的总体原则就是:俺要啥,你就给俺送啥过来.服务类型的实例转由容器自动管理,无需我们在代码中显式处理. 因此,有了依 ...

  9. @SpringBootApplication 组合注解包含哪些注解及作用

    序:在学习springboot,教程一般对一些注解语焉不详,发现@SpringBootApplication 这个注解包含了很多注解,也就是说使用这个注解可以少写几个注解,这里看源码粘出来一些,仅用于 ...

  10. Python-socket网络编程-Day8

    目录Day8-Python socket 11.Socket 11.1.socket和file的区别: 11.2.WEB服务应用: 21.3.更多功能 21.4.socket方法: 41.5. 服务端 ...