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

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

SpringBoot thymeleaf 循環List、Map

================================

©Copyright 蕃薯耀 2018年3月27日

http://www.cnblogs.com/fanshuyao/

 

附件下載見：http://fanshuyao.iteye.com/blog/2414521

 

1、thymeleaf模板基本顯示：

<div th>thymeleaf模板語言測試</div>
<div>您好，
  <span class="cc" id="aaa" th:text="${myname}" th:id="${id}"></span>
</div>
<div class="cc" id="bbb" th:text="'姓名：'+${myname}" th:id="'id_'+${id}"></div>

 

2、迭代List

<div>==========List迭代==============</div>
<ul>
<li th:each="data : ${list}" th:text="${data}"></li>
</ul>

 

3、students集合對象迭代

<div>==========students迭代==============</div>
<ul>
  <li  th:each="student : ${students}" th:text="'姓名：' + ${student.name} + '，年齡：' + ${student.age}"></li>
</ul>

 

4、students集合對象迭代第二種方式，使用雙豎線：|xxxx|

<div>==========students迭代2，使用雙豎線：|xxxx|==============</div>
<ul>
    <li  th:each="student : ${students}" th:text="|姓名：${student.name} ，年齡：  ${student.age}|"></li>
</ul>

 

5、students集合對象迭代第三種方式，使用中括號：[[]]或[()]，這2個的區別在對於特殊字符是否轉義

<div>==========students迭代3，使用中括號：[[]]或[()]==============</div>
<ul>
    <li  th:each="student : ${students}" >姓名：[[${student.name}]]，年齡：[(${student.age})]</li>
</ul>

 

6、Map迭代

<div>==========Map迭代==============</div>
<ul>
    <li  th:each="m : ${map}" >key：[[${m.key}]]，值：[(${m.value})]</li>
</ul>

 

7、模板語言基本用法：（附件在Pdf文檔：usingthymeleaf.pdf）

一、基本語法：

 

二、對應的屬性：

 

 

 

 

================================

©Copyright 蕃薯耀 2018年3月27日

http://www.cnblogs.com/fanshuyao/