一.基础写法: 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>
