Thymeleaf 随记

Posted 2020-10-26 小欣子

一.基础写法: th:text=‘${数据}  ,其中text可以修改成其他,如href,value,class....看需求

<p th:text=‘${后台返回的数据}‘>静态文本</p>  　　　　 <!--文本输出-->
<input th:value="${后台返回的数据}" />  　　　　 <!--输入框value值-->
<a th:href=‘${href}‘>超链接</a>  
<img th:src=‘${path}‘ /> 　　　　　　　　　　　　 <!--path为后台返回的路径-->

注:th:utext可以解析标签,而th:text不能解析标签,如果后台传的数据有带标签的会原封不动的输出来

var box=‘<p><b>hello</b></p>‘;

//前台接受数据
<div th:text="${box}"></div>       ---->输出<p><b>hello</b></p>
<div th:utext="${box}"></div>       ---->输出hello,并通过b标签进行加粗

 

二.循环

<!--循环(arr为后台穿的数组,包括id和name值)-->
        
        <th:block th:each=‘list,state : ${arr}‘>
            <li th:text=‘${list.id}‘></li>
            <li th:text=‘${list.name}‘></li>
            <li th:text=‘${state.index}‘></li>  <!--state.index为循环的索引,从0开始-->
            <li th:text=‘${state.count}‘></li>  <!--state.count为循环的索引,从1开始-->
            <li th:text=‘${state.size}‘></li>  <!--state.size为对象的大小,长度-->
            <li th:text=‘${state.current}‘></li>  <!--state.current迭代的变量-->
            <li th:text=‘${state.even}‘></li>  <!--布尔值,当前循环是否为偶数-->
            <li th:text=‘${state.odd}‘></li>  <!--布尔值,当前循环是否为奇数-->
            <li th:text=‘${state.first}‘></li>  <!--布尔值,当前循环是否为第一个-->
            <li th:text=‘${state.last}‘></li>  <!--布尔值,当前循环是否为最后一个-->
        </th:block>

注: <th:block></th:block>  thymealeaf解析时会移除掉此标签对，但不会移除其中的内容。(一般出现在循环和公共引用中)

三:定义块,引用块

<!--定义一个可以引用的块,th:fragment=‘meta‘  meta:块名字可以随意取,根据内容-->
<th:block th:fragment=‘meta‘>
　　<meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
</th:block>
        
<!--引用上面定义的块  ,meta是定义块的名字-->
<th:block th:include="(${块路径})‘::meta"></th:block>