Thymeleaf模板的简单使用

初次使用Thymeleaf模板

1. 输出字符串

// 通过th:text="${message}"就可以输出
<p th:text="${message}"></p>

2. 遍历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>

3. 遍历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>

4. 分支语句

//可以使用boolean值，也可以进行字符串判断等
<div th:if="${status == false}">我是true</div>

5. 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工具其中有强大的模板标签提示