Thymeleaf模板的简单使用

初次使用Thymeleaf模板

  1. 输出字符串
// 通过th:text="${message}"就可以输出
<p th:text="${message}"></p>
  1. 遍历List集合
//以下代码会遍历tr标签,info为list中的元素 
   <table border="1">
       <tr th:each="info:${list}">
           <td th:text="${info.a}"></td>
           <td th:text="${info.b}"></td>
       </tr>
   </table>
  1. 遍历Map集合
// 遍历div,m.key获取键,m.value获取对应的值,也可以直接用已知的键值
   <div th:each="m:${map}">
       <p th:text="${m.key+'==='+m.value}"></p>
       <p th:text="${m.key == m.value}"></p>
   </div>
  1. 分支语句
//可以使用boolean值,也可以进行字符串判断等
<div th:if="${status == false}">我是true</div>
  1. js赋值取值
//通过[[${xxx}]]可以给js变量赋值
    <script th:inline="javascript">
    	var msg = [[${message}]];
        alert(msg);
        
        function getName(str) {
            alert(str);
        }
    </script>
//拼接html
<a th:title="${message}" th:onclick="getName([[${message}]])">title现实model</a>

备注:可以使用Idea工具其中有强大的模板标签提示


版权声明:本文为muziyangyu520原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。