thymeleaf模板引擎

基本变量赋值

 

<span th:text = "${username}"></span>

或者

[[${username}]]

 

 

三目运算

 

<span th:value="${condition?.endTime} neq 0 ? ${#dates.format(condition?.endTime, 'yyyy-MM-dd hh:mm:ss')}:''"></span>

 

condition?.endTime 判断condition不为空，然后取endTime字段的值

 

列表循环遍历

 

<tr th:each="app:${appList}" class="text-c">

<td th:text="${app.appId}"></td>

<td th:text="${app.appKey}"></td>

<td th:text="${#dates.format(app.startTime, 'yyyy-MM-dd hh:mm:ss')}"></td>

<td th:text="${#dates.format(app.endTime, 'yyyy-MM-dd hh:mm:ss')}"></td>

</tr>

 

startTime和endTime必须为14位的长整型

 

 

条件运算

 

if条件

<span th:if=" ${app.status} ==1">

<a style="text-decoration:none" th:value="${app.appId}" οnclick="app_stop(this)" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>

</span>

<span th:if=" ${app.status} ==0">

<a style="text-decoration:none" th:value="${app.appId}" οnclick="app_start(this)" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe631;</i></a>

</span>

 

switch条件

<td th:text="${app.awardRule}"></td>

<td th:switch="${app.status}" class="td-status">

<p th:case="1" class="label label-success radius">启用</p>

<p th:case="0" class="label label-defaunt radius">禁用</p>

</td>

</td>

 

 

ratio 单选框动态选中

 

<div class="radio-box">

<input name="status" class="status" type="radio" id="s-1" th:checked="${item?.status!= 0}" value="1" >

<label for="s-1">启用</label>

</div>

<div class="radio-box">

<input name="status" class="status" type="radio" id="s-2" th:checked="${item?.status== 0}" value="0">

<label for="s-2">禁用</label>

</div>

</div>

</div>

 

 

select多选框 动态选中

 

<select name="enableFlag" class="selectpicker" οnchange="setAreaName()">

<option value="true" th:if="${userInfo.enableFlag ==true}" th:selected="selected">是</option>

<option value="false" th:if="${userInfo.enableFlag ==false}" th:selected="selected">否</option>

</select>

 

循环给select 赋值

 

<select name="areaInfoId" class="selectpicker" οnchange="setCity(this)">

<option>请选择省</option>

<option th:each="areaInfo : ${areaInfos}" th:value="${areaInfo.areaInfoId}" th:text="${areaInfo.areaName}"></option>

</select>

 

 

 

时间格式化

 

<td th:text="${#dates.format(enterpriseInfo.insertTime,'yyyy-MM-dd')}"></td>

 

 

字符串拼接

<td th:text="${info}+'str'"></td>

 

 

 

将值传给事件函数

 

<a class="acicon" ><img th:src="@{/img/common/listedit.png}" th:name="${userInfo.userInfoId}" οnclick="editUserInfoPage(this)"/></a>

 

然后 $(this).attr('name');获取name的值

 

 

用*{...} 选择对象里的变量

 

<div th:object="${session.user}"> <p>Name: <span th:text="*{firstName}">Sebastian</span>.</p> <p>Surname: <span th:text="*{lastName}">Pepper</span>.</p> <p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p> </div> //等价于 <div> <p>Name: <span th:text="${session.user.firstName}">Sebastian</span>.</p> <p>Surname: <span th:text="${session.user.lastName}">Pepper</span>.</p> <p>Nationality: <span th:text="${session.user.nationality}">Saturn</span>.</p> </div>

 

引入URL

Thymeleaf对于URL的处理是通过语法@{…}来处理的

<a th:href="@{http://blog.csdn.net/u012706811}">绝对路径</a> <a th:href="@{/}">相对路径</a> <a th:href="@{css/bootstrap.min.css}">Content路径,默认访问static下的css文件夹</a>

 

 

运算符

 

在表达式中可以使用各类算术运算符，例如+, -, *, /, %

th:with="isEven=(${prodStat.count} % 2 == 0)"

逻辑运算符>, <, >=, <=，==,!= (gt, lt, ge, le,eq,ne)都可以使用，唯一需要注意的是使用<,>时需要用它的HTML转义符：

th:if="${prodStat.count} &gt; 1" th:text="'Execution mode is ' + ( (${execMode} == 'dev')? 'Development' : 'Production')"

布尔运算符: and or not/!