程序博客网 > 柏拉图表软件

Thymeleaf基本知识

来源：互联网 发布：柏拉图表软件 编辑：程序博客网 时间：2024/06/16 15:52
转自:http://www.cnblogs.com/dreamfree/p/4158557.html


Thymeleaf是个XML/XHTML/HTML5模板引擎，可以用于Web与非Web应用。

Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型）上执行预先制定好的逻辑。Thymeleaf的可扩展性也非常棒。你可以使用它定义自己的模板属性集合，这样就可以计算自定义表达式并使用自定义逻辑。这意味着Thymeleaf还可以作为模板引擎框架。

Thymeleaf的模板还可以用作工作原型，Thymeleaf会在运行期替换掉静态值。例如下面的html文件，当作为静态文件时，product name显示为Red Chair，当运行在容器中并提供product这个对象时，product name的值会自动替换为product.description对应的值。

<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">1.bean值替换</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 2</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 1: bean values</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product information</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product name</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Red Chair<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span> </span><span style="color:#08080;">15</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product price</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.price}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>350<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span> </span><span style="color:#08080;">18</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product available from</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.availableFrom}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>2014-12-01<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">21</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">22</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">2.简单数据转换（数字，日期）</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 2</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 2: bean values</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product information</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product name</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>red Chair<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span> </span><span style="color:#08080;">15</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product price</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#numbers.formatDecimal(product.price, 1, 2)}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>180<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span> </span><span style="color:#08080;">18</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product available from</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#dates.format(product.availableFrom, 'yyyy-MM-dd')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>2014-12-01<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">21</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">22</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">3.字符串拼接</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 3</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 3: string concatenation</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product information</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product price</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${'$'+product.price}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>235<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">4.国际化</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>title</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"#{tutorial.exercise4}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 4<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>h1</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"#{tutorial.exercise4}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Solution for exercise 4: internationalization<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>h2</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"#{product.info}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Product information<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dt</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"#{product.name}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Product name<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Red chair<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span> </span><span style="color:#08080;">15</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dt</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"#{product.price}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Product price<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#numbers.formatDecimal(product.price, 1, 2)}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>350<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span> </span><span style="color:#08080;">18</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dt</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"#{product.available}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Product available from<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dt</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>dd</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#dates.format(product.availableFrom, 'dd-MMM-yyyy')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>28-Jun-2013<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dd</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>dl</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">21</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">22</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>

此时html需要相应的配置文件。例如如下配置文件：

en：

<span style="color: rgb(0, 0, 0);"><span style="background-color: rgb(246, 246, 246);"><span><span><span>tutorial.exercise4=Thymeleaf tutorial - exercise </span><span class="number" style="color:#09999;">4</span></span>: internationalizationproduct.info=Product informationproduct.name=Product nameproduct.price=Product priceproduct.available=Product available </span><span class="keyword" style="color:#333333;font-weight: bold;">from</span>back=Back</span></span>

fr

<span style="color:#000000;"><span style="background-color: rgb(246, 246, 246);">tutorial.exercise4=Tutorial De Thymeleaf - exercice 4: l'internationalisationproduct.info=Information du produitproduct.name=Nom du produitproduct.price=Prix du produitproduct.available=Produit disponible depuisback=Revenir</span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">5.转义和非转义文本</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 5</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Solution for exercise 5: escaped and unescaped text</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>div</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${html}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span><span style="color:#08080;">11</span> </span><span style="color:#000000;">            Some escaped text</span></span><span style="color:#08080;">12</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>div</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:utext</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${html}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span><span style="color:#08080;">14</span> </span><span style="color:#000000;">            Some unescaped text</span></span><span style="color:#08080;">15</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>

上述两个div分别生成的html代码为

<span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>This is an </span><span style="color:#ff00;"><span class="tag" style="color:#0080;"><</span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color:#0080;"><span class="title"><span>em</span></span><span style="color:#ff00;">></span></span><span style="color:#ff00;"></span>HTML</span><span style="color:#ff00;"><span class="tag" style="color:#0080;"><</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color:#0080;"><span><span>/</span><span class="title">em</span></span><span style="color:#ff00;">></span></span><span style="color:#ff00;"></span> text. </span><span style="color:#ff00;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color:#0080;"><span class="title"><span>b</span></span><span style="color:#ff00;">></span></span><span style="color:#ff00;"></span>Enjoy yourself!</span><span style="color:#ff00;"><span class="tag" style="color:#0080;"><</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color:#0080;"><span><span>/</span><span class="title">b</span></span><span style="color:#ff00;">></span></span><span style="color:#ff00;"></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>This is an </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>em</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>HTML</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>em</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span> text. </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>b</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Enjoy yourself!</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>b</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">6.迭代</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 6</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 6: iteration</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product list</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Description</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Price</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Available from</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">18</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tbody</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:remove</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"all-but-first"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">20</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tr</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:each</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"product:${productList}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">21</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Red Chair<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">22</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${'$' + #numbers.formatDecimal(product.price, 1, 2)}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>$123<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">23</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#dates.format(product.availableFrom, 'yyyy-MM-dd')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>2014-12-01<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">24</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">25</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">26</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>White table</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">27</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>$200</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">28</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>15-Jul-2013</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">29</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">30</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">31</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Reb table</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">32</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>$200</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">33</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>15-Jul-2013</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">34</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">35</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">36</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Blue table</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">37</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>$200</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">38</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>15-Jul-2013</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">39</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">40</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tbody</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">41</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">42</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">43</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">7.迭代统计</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 7</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Solution for exercise 7: iteration stats</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product list</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Index</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Description</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Price</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Available from</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">18</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tbody</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:remove</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"all-but-first"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">21</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tr</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:each</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"product : ${productList}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">22</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${productStat.count}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>1<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">23</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Red chair<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">24</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${'$' + #numbers.formatDecimal(product.price, 1, 2)}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>$350<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">25</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#dates.format(product.availableFrom, 'dd-MMM-yyyy')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>28-Jun-2013<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">26</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">27</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">28</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>2</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">29</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>White table</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">30</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>$200</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">31</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>15-Jul-2013</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">32</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">33</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">34</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>3</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">35</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Reb table</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">36</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>$200</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">37</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>15-Jul-2013</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">38</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">39</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">40</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>4</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">41</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Blue table</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">42</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>$200</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">43</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>15-Jul-2013</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">44</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">45</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tbody</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">46</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">47</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">48</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">8.条件判断</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 8</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 8: conditions</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product list</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Description</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Price</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Available from</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">18</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tbody</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">21</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tr</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:each</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"product : ${productList}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">22</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${product.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Red chair<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">23</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${'$' + #numbers.formatDecimal(product.price, 1, 2)}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>$350<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">24</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${#dates.format(product.availableFrom, 'dd-MMM-yyyy')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>28-Jun-2013<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">25</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">26</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>span</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:if</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${product.price lt 100}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">class</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"offer"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Special offer!<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">27</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">28</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">29</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tbody</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">30</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">31</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">32</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">9.更多条件判断</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 9</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 9: more on conditions</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Customer list</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>First name</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Last name</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Gender</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Payment method</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">18</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Balance</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>th</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">19</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>thead</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">21</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tbody</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:remove</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"all-but-first"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">22</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>tr</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:each</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"customer : ${customerList}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">23</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${customer.firstName}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Peter<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">24</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${customer.lastName}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Jackson<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">25</span>                     </span><span style="color:#0800;"><span class="comment" style="color:#999988;font-style: italic;"><!--</span></span></span></font><font><font style="background-color: rgb(246, 246, 246);"><font><font><span class="comment" style="color: rgb(153, 153, 136); font-style: italic;"><font><font><font><font><font><font><font><span><span><span> </span><span style="color:#08080;">26</span></span> </span><span style="color:#0800;">                       Use th:switch for selecting content based on ${customer.gender}.</span><span style="color:#08080;">27</span> </font><span style="color:#0800;">                       As genre can be null if unknown, better use ${customer.gender?.name()}</span></font><span style="color:#08080;">28</span></font> </font><span style="color:#0800;">                       for obtaining its name.</span></font><span style="color:#08080;">29</span></font>                     </font><span style="color:#0800;">--></span></span><span style="color:#0800;"></span></font><span style="color:#08080;">30</span>                     </font><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:switch</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${customer.gender?.name()}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">31</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>img</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:case</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"'MALE'"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">src</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../images/male.png"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:src</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"@{/images/male.png}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">alt</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"Male"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span> <font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#0800;"><span class="comment" style="color:#999988;font-style: italic;"><span><!--</span></span></span><span class="comment" style="color:#999988;font-style: italic;"><span style="color:#0800;"><span> Use "/images/male.png" image </span></span><span style="color:#0800;">--></span></span><span style="color:#0800;"></span></span><span style="color:#08080;">32</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>img</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:case</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"'FEMALE'"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">src</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../images/female.png"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:src</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"@{/images/female.png}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">alt</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"Female"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span> <font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#0800;"><span class="comment" style="color:#999988;font-style: italic;"><span><!--</span></span></span><span class="comment" style="color:#999988;font-style: italic;"><span style="color:#0800;"><span> Use "/images/female.png" image </span></span><span style="color:#0800;">--></span></span><span style="color:#0800;"></span></span><span style="color:#08080;">33</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>span</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:case</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"*"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Unknown<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">34</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">35</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">36</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>span</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:text</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${customer.paymentMethod.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Direct debit<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">37</span>                         </span><span style="color:#0800;"><span class="comment" style="color:#999988;font-style: italic;"><!--</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="comment" style="color:#999988;font-style: italic;"><span style="color:#0800;"><span> Show next message only when paymentMethod is not CREDIT_CARD </span></span><span style="color:#0800;">--></span></span><span style="color:#0800;"></span></span><span style="color:#08080;">38</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>span</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:unless</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${customer.paymentMethod.name() == 'CREDIT_CARD'}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">class</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"warn"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span><span style="color:#08080;">39</span> </span><span style="color:#000000;">                            Payment must be done in the next 4 days</span></span><span style="color:#08080;">40</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">41</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">42</span>                     </span><span style="color:#0800;"><span class="comment" style="color:#999988;font-style: italic;"><!--</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="comment" style="color:#999988;font-style: italic;"><span style="color:#0800;"><span> Add class="enhanced" when balance is greater than 10000 </span></span><span style="color:#0800;">--></span></span><span style="color:#0800;"></span></span><span style="color:#08080;">43</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:class</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${customer.balance gt 10000} ? 'enhanced'"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${customer.balance}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>350<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">44</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">45</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">46</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Mary</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">47</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Johanson</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">48</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>img</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">src</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"../../../images/female.png"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">49</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Credit card</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">50</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>5000</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">51</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">52</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">53</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Robert</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">54</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Allen</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">55</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>img</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">src</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"../../../images/male.png"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">56</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">57</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Credit card</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">58</span>                         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>span</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"warn"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Payment must be done in the next 4 days<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>span</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">59</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">60</span>                     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>td</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"enhanced"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>50000<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>td</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">61</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tr</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">62</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>tbody</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">63</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>table</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">64</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">65</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">10.Spring表达式语言</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 10</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Solution for exercise 10: Spring Expression language</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>   </span><span style="color:#08080;">11</span>         <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Arithmetic expressions</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"label"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Four multiplied by minus six multiplied by minus two module seven:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"answer"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${4 * -6 * -2 % 7}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>123<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>  </span><span style="color:#08080;">15</span>         <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Object navigation</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"label"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Description field of paymentMethod field of the third element of customerList bean:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">17</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"answer"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${customerList[2].paymentMethod.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Credit card<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">18</span>  </span><span style="color:#08080;">19</span>         <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Object instantiation</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">20</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"label"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Current time milliseconds:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">21</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"answer"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${new java.util.Date().getTime()}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>22-Jun-2013<font><font style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">22</span>         </span><span style="color:#08080;">23</span>         <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>T operator</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">24</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"label"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Random number:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">25</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>p</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">class</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"answer"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${T(java.lang.Math).random()}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>123456<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>p</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">26</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">27</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">11.超链接</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 11</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Answer for exercise 11: links</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Product actions</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>ul</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>li</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>a</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">href</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"#"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/exercise11/product.html(action='view')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>View product<span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>a</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>li</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">13</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span><span style="color:#8000;"><span class="title" style="color:#0080;"><span>li</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>a</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">href</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"#"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/exercise11/product.html(action='edit')}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Edit product<span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>a</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>li</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">14</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>ul</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">16</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">12.表单</span></span>
<span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 1</span> </span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><!</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 2</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 3</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 4</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 12</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 5</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 6</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;"> 7</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 8</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;"> 9</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Solution for exercise 12: forms</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">10</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Customer edition</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">11</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>form</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">action</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"saveCustomer.html"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:action</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"@{/exercise12/saveCustomer.html}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:object</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${customer}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">method</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"post"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">12</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"hidden"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:field</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"*{id}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#08080;">13</span>             </span><span style="color:#08080;">14</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>label</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">for</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"firstName"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>First name:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">15</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"text"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:field</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"*{firstName}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">value</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"John"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#08080;">16</span>             </span><span style="color:#08080;">17</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>label</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">for</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"lastName"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Last name:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">18</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"text"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:field</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"*{lastName}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">value</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"Wayne"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span><span style="color:#08080;">19</span>             </span><span style="color:#08080;">20</span> </span><span style="color:#000000;">            Genre:</span></span><span style="color:#08080;">21</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>div</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:each</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"gender : ${genders}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">class</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"radio"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">22</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"radio"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:value</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${gender}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:field</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"*{gender}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">23</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>label</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:for</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${#ids.prev('gender')}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${gender.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Male<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">24</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">25</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>div</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:remove</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"all"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">class</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"radio"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">26</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"radio"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">27</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Female</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">28</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>div</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">29</span>             </span><span style="color:#08080;">30</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>label</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">for</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"paymentMethod"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Payment method:<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">31</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>select</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:field</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"*{paymentMethod}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:remove</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"all-but-first"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">32</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>option</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">th:each</span></span></span><font><font style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"paymentMethod : ${paymentMethods}"</span></span></span></span><span style="color:#08080;"><span class="attribute">33</span></span> </font></font><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span>                        </span><span class="attribute" style="color:#08080;">th:value</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"${paymentMethod}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:text</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"${paymentMethod.description}"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Credit card<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>option</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">34</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>option</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Another payment method</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>option</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">35</span>                 </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>option</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Another payment method</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>option</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">36</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>select</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">37</span>             </span><span style="color:#08080;">38</span>             <span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>label</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">for</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"balance"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Balance (dollars):<font><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">39</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"text"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:field</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"*{balance}"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">size</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"10"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">value</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"2500"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span style="background-color: rgb(246, 246, 246);"><span><span><span style="color:#08080;">40</span>             </span><span style="color:#08080;">41</span>             </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"submit"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#08080;">42</span>         </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>form</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">43</span>     </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#08080;">44</span> </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
<span class="attribute" style="color:#08080;"><span style="background-color: rgb(246, 246, 246);">13.内联</span></span>
<span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span class="doctype" style="color:#999999;font-weight: bold;"><span><!</span></span></span><span class="doctype" style="color:#999999;font-weight: bold;"><span style="color:#ff0ff;"><span>DOCTYPE html</span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>html</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">xmlns:th</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"http://www.thymeleaf.org"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span class="indent"><span>  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></span><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span class="indent">  </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial: exercise 13</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>title</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span class="indent">  </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>link</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">rel</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"stylesheet"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">href</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"../../../css/main-static.css"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:href</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"@{/css/main.css}"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span style="background-color: rgb(246, 246, 246);"><span><span class="indent"><span>  </span></span><span class="indent">  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>meta</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">charset</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"utf-8"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span><span style="background-color: rgb(246, 246, 246);"><span class="indent"><span>  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>head</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span class="indent">  </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Thymeleaf tutorial - Solution for exercise 13: inlining</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h1</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span class="indent">  </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span>Birthday email</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><font style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>h2</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span class="indent">  </span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>form</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">action</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"#"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">method</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"post"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="indent"><span>  </span></span><span class="indent">  </span></span><span class="indent">  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>label</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">for</span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"body"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span>Message body:<span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><span></</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>label</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></span><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>textarea</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">id</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"body"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">name</span></span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"body"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">th:inline</span></span></span></span><span style="background-color: rgb(246, 246, 246);"><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"text"</span></span></span><span style="color:#00ff;">></span></span></span><span style="color:#00ff;"></span><font><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(0, 0, 0);"><span><span><span>Dear [[${customerName}]],it is our sincere pleasure to congratulate your in your birthday:</span><span class="indent">  </span></span>Happy birthday [[${customerName}]]!!!See you soon, [[${customerName}]].Regards,</span><span class="indent">  </span>The Thymeleaf team</span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><font><font style="background-color: rgb(246, 246, 246);"><font><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>textarea</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span class="indent">  </span><span class="indent">  </span></font><span style="color:#00ff;"><span class="tag" style="color:#0080;"><</span></span></font></font><span class="tag" style="color: rgb(0, 0, 128);"><span style="background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);"><span><span class="title" style="color:#0080;"><span>input</span></span> </span></span><span style="color:#ff00;"><span class="attribute" style="color:#08080;">type</span></span></span><span style="color: rgb(0, 0, 255);"><span><span style="background-color: rgb(246, 246, 246);"><span>=</span><span class="value" style="color:#dd1144;">"submit"</span></span></span></span><span style="color: rgb(255, 0, 0);"><span><span style="background-color: rgb(246, 246, 246);"><span> </span><span class="attribute" style="color:#08080;">value</span></span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span style="color:#00ff;"><span><span>=</span><span class="value" style="color:#dd1144;">"Send mail"</span></span></span> </span><span style="color:#00ff;">/></span></span></font></span><span style="color:#00ff;"></span><span style="background-color: rgb(246, 246, 246);"><span><span class="indent"><span>  </span></span><span class="indent">  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><font><span style="background-color: rgb(246, 246, 246);"><span><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>form</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span class="indent">  </span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span></font><span style="background-color: rgb(246, 246, 246);"><span><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>body</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span><span style="color:#00ff;"><span class="tag" style="color:#0080;"></</span></span></span><span style="background-color: rgb(246, 246, 246);"><span class="tag" style="color: rgb(0, 0, 128);"><span style="color:#8000;"><span class="title" style="color:#0080;"><span>html</span></span></span><span style="color:#00ff;">></span></span><span style="color:#00ff;"></span></span>
0 0
柏拉图表软件 柏拉图表软件
原创粉丝点击
热门IT博客
linux好用的输入法linux好用的输入法
移动网络监控移动网络监控
url 正则 python
淘宝评价在哪里找
柯桥淘宝拍摄
淘宝发布宝贝规格
淘宝妈妈装模特
java如何调用api接口
国内云计算平台
java类库有多少个
无限极网络直销
plank网络商店
两个程序员谈恋爱
soapenv java 请求
2016淘宝卖什么比较好
微博转发软件
汉仪小麦体 mac
java和php就业比较知乎
网络视频会议系统品牌
淘宝话费自动充值平台
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 销拼音 形销骨立读音 销假 网销聊天话术900句 网销宝 销项税额和进项税额 积毁销骨 销的拼音 虎门销烟发生在哪个省 网销是什么 销项税额 形销骨立拼音 白金卡销卡后果严重 银行卡销户 一笔勾销 赊销 薄利多销 信用卡销户 销组词语 信用卡销卡 会销 低值易耗品摊销方法 取保候审一年后自动销案吗 电信卡可以打人工销户么 不锈钢网闸 网闸品牌 隔离网闸 单向网闸 神勇武工队传奇土豆网 蓝网队的球员名单 搜鞋网 网面白鞋怎么清洗干净 网鞋怎么清洗网面 幸福街搜鞋网 网面鞋怎么清洗 搜鞋网幸福街 网面鞋清洗 幸福街搜鞋网手机版 搜鞋网泉州幸福街 网面鞋修补教程 我爱原味网原味鞋踩踏

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里