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

时间:2024-09-19 20:34:02

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

SpringBoot thymeleaf 循环List、Map

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

©Copyright 蕃薯耀 2018年3月27日

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

附件下载见:http://fanshuyao.iteye.com/blog/2414521

一、thymeleaf模板基本显示:

  1. <div th>thymeleaf模板语言测试</div>
  2. <div>您好,
  3. <span class="cc" id="aaa" th:text="${myname}" th:id="${id}"></span>
  4. </div>
  5. <div class="cc" id="bbb" th:text="'姓名:'+${myname}" th:id="'id_'+${id}"></div>

二、迭代List

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

三、students集合对象迭代

  1. <div>==========students迭代==============</div>
  2. <ul>
  3. <li  th:each="student : ${students}" th:text="'姓名:' + ${student.name} + ',年龄:' + ${student.age}"></li>
  4. </ul>

四、students集合对象迭代第二种方式,使用双竖线:|xxxx|

  1. <div>==========students迭代2,使用双竖线:|xxxx|==============</div>
  2. <ul>
  3. <li  th:each="student : ${students}" th:text="|姓名:${student.name} ,年龄:  ${student.age}|"></li>
  4. </ul>

五、students集合对象迭代第三种方式,使用中括号:[[]]或[()],这2个的区别在对于特殊字符是否转义

  1. <div>==========students迭代3,使用中括号:[[]]或[()]==============</div>
  2. <ul>
  3. <li  th:each="student : ${students}" >姓名:[[${student.name}]],年龄:[(${student.age})]</li>
  4. </ul>

六、Map迭代

  1. <div>==========Map迭代==============</div>
  2. <ul>
  3. <li  th:each="m : ${map}" >key:[[${m.key}]],值:[(${m.value})]</li>
  4. </ul>

七、模板语言基本用法:(附件在Pdf文档:usingthymeleaf.pdf)

1、基本语法:

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

2、对应的属性:

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

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

©Copyright 蕃薯耀 2018年3月27日

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