14.1 订单列表

让我们从创建订单列表页面开始,/WEB-INF/templates/order/list.html：

  1. <!DOCTYPE html>
  3. <html xmlns:th="http://www.thymeleaf.org">
  5.   <head>
  7.     <title>Good Thymes Virtual Grocery</title>
  8.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  9.     <link rel="stylesheet" type="text/css" media="all" 
  10.           href="../../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
  11.   </head>
  13.   <body>
  15.     <h1>Order list</h1>
  17.     <table>
  18.       <tr>
  19.         <th>DATE</th>
  20.         <th>CUSTOMER</th>
  21.         <th>TOTAL</th>
  22.         <th></th>
  23.       </tr>
  24.       <tr th:each="o : ${orders}" th:class="${oStat.odd}? 'odd'">
  25.         <td th:text="${#calendars.format(o.date,'dd/MMM/yyyy')}">13 jan 2011</td>
  26.         <td th:text="${o.customer.name}">Frederic Tomato</td>
  27.         <td th:text="${#aggregates.sum(o.orderLines.{purchasePrice * amount})}">23.32</td>
  28.         <td>
  29.           <a href="details.html" th:href="@{/order/details(orderId=${o.id})}">view</a>
  30.         </td>
  31.       </tr>
  32.     </table>
  34.     <p>
  35.       <a href="../home.html" th:href="@{/}">Return to home</a>
  36.     </p>
  38.   </body>
  40. </html>

上面的代码应该没有使我们惊讶的东西，除了这一点点OGNL魔法：

  1. <td th:text="${#aggregates.sum(o.orderLines.{purchasePrice * amount})}">23.32</td>

对于订单里的每一个订单行（OrderLine对象），将它的purchasePrice和amount属性相乘（通过调用相应的getPurchasePrice()和getAmount()方法），并返回数字的列表，之后通过#aggregates.sum(...)函数合计总价。

你已经爱上了❤️OGNL。