14.2 订单详情

现在，对订单详情页面，我们会频繁使用星号语法：

  1. <!DOCTYPE html>
  3. <html xmlns:th="http://www.thymeleaf.org">
  5.   <head>
  6.     <title>Good Thymes Virtual Grocery</title>
  7.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8.     <link rel="stylesheet" type="text/css" media="all" 
  9.           href="../../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
  10.   </head>
  12.   <body th:object="${order}">
  14.     <h1>Order details</h1>
  16.     <div>
  17.       <p><b>Code:</b> <span th:text="*{id}">99</span></p>
  18.       <p>
  19.         <b>Date:</b>
  20.         <span th:text="*{#calendars.format(date,'dd MMM yyyy')}">13 jan 2011</span>
  21.       </p>
  22.     </div>
  24.     <h2>Customer</h2>
  26.     <div th:object="*{customer}">
  27.       <p><b>Name:</b> <span th:text="*{name}">Frederic Tomato</span></p>
  28.       <p>
  29.         <b>Since:</b>
  30.         <span th:text="*{#calendars.format(customerSince,'dd MMM yyyy')}">1 jan 2011</span>
  31.       </p>
  32.     </div>
  34.     <h2>Products</h2>
  36.     <table>
  37.       <tr>
  38.         <th>PRODUCT</th>
  39.         <th>AMOUNT</th>
  40.         <th>PURCHASE PRICE</th>
  41.       </tr>
  42.       <tr th:each="ol,row : *{orderLines}" th:class="${row.odd}? 'odd'">
  43.         <td th:text="${ol.product.name}">Strawberries</td>
  44.         <td th:text="${ol.amount}" class="number">3</td>
  45.         <td th:text="${ol.purchasePrice}" class="number">23.32</td>
  46.       </tr>
  47.     </table>
  49.     <div>
  50.       <b>TOTAL:</b>
  51.       <span th:text="*{#aggregates.sum(orderLines.{purchasePrice * amount})}">35.23</span>
  52.     </div>
  54.     <p>
  55.       <a href="list.html" th:href="@{/order/list}">Return to order list</a>
  56.     </p>
  58.   </body>
  60. </html>

这儿没有什么新东西，除了这个内嵌的对象选择：

  1. <body th:object="${order}">
  3.   ...
  5.   <div th:object="*{customer}">
  6.     <p><b>Name:</b> <span th:text="*{name}">Frederic Tomato</span></p>
  7.     ...
  8.   </div>
  10.   ...
  11. </body>

这儿的 *{name}等价于：

  1. <p><b>Name:</b> <span th:text="${order.customer.name}">Frederic Tomato</span></p>