thymeleaf 积累

左手的ㄟ右手 2022-06-06 06:39 200阅读 0赞

0、

默认页面是.html 且需要位于 根目录/templates/目录下 这个根就是 src/main/resources

典型的页面表头引用为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:th="http://www.thymeleaf.org"
          xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

1、

<div th:switch="${caseInfo.govState}">
    						<p th:case="true">
    							<td class="lefttxt">是</td>
    						</p>
    						<p th:case="false">
    							<td class="lefttxt">不</td>
    						</p>
    					</div>

2、

<div th:switch="${caseInfo.insertTime==null}">
    		  <p th:case="true"><td></td></p>
    		  <p th:case="false"><td th:text="${#dates.format(caseInfo.insertTime,'yyyy-MM-dd HH:mm')}">未通过</td></p>
    		</div>

switch default

<p th:case="*">相当于 default</p>

3、

<tr th:each="caseInfo:${page.list}">
            <td th:text="${caseInfo.id}"></td>
    </tr>

读取序数，名字都是自定义的

<tr th:each="vo,voStat:${caseInfo.list}">
    				      <td th:text="${voStat.index}+1"></td>

4、

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

5、

<a class="acicon" th:if="${caseInfo.status eq 0}"><img  th:src="@{/img/common/listtt.png}" th:name="${caseInfo.applyRecordId}" onclick="report(this);"/></a>

6、

<iframe th:src="${caseInfo.seedRecordUrl}"></iframe>

7、

<img th:src="@{/}+${demo.qrCodeUrl}" alt="图片"></img>

8、

<form th:action="@{/aaa/bbb}" th:object="${userBean}" method="post" id="demo_from">
    					    <select id="status" name="status" class="selectpicker">
    					        <option value="1" th:selected="${status=='1'}">未通过</option>
    					        <option value="2" th:selected="${status=='2'}">通过</option>
    					    </select>
    					    <input type="hidden" th:name="id" th:value="${demoBean.id}"/>
    					  </form>

9、

<lable>是<input type="radio" name="state" value="true" th:checked="${demoBean.state==true}"></input></lable>
    					    <lable>否<input type="radio" name="state" value="false" th:checked="${demoBean.state==false}"></input></lable>

10、

<td class="lefttxt" width="35%" th:text="'申请 '+(${demoBean.number}==null?0:${demoBean.number})+' 个'"></td>

11、

<input type="text" name="number" th:value="${demoBean.number}"></input>

12、

<select class="selectpicker" name="roleId">
                                            <option th:each="roleInfo : ${roleInfos}" th:value="${roleInfo.roleId}" 
                                            th:selected="(*{roleId} == ${roleInfo.roleId})" th:text="${roleInfo.roleName}"></option>
                                        </select>

13、

<a class="btn btn-success" th:href="@{/apath/bpath?source=1}">点击</a>

14、

userStat是状态变量，有 index,count,size,current,even,odd,first,last等属性，如果没有显示设置状态变量，thymeleaf会默 认给个“变量名+Stat"的状态变量。

<tr  th:each="map,userStat : ${userInfo.qualificationPhotoList}"> 
    							
    			                <div class="active item" th:if="${userStat.index eq 0}"><img th:src="${map.photo}" /></div>
    			                <div class="item" th:if="${userStat.index ne 0}"><img th:src="${map.photo}" /></div>
    			              </tr>

15、

onclick="window.history.go(-1)"

16、数组遍历

<td th:each="url:${arrayContracts}" width="120" height="80" ><img th:src="${url}" alt="图片无法显示" style="border-style: solid"/></td>

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关平时积累

平时积累 1. 相关命令： 1). ll -ltr 排序查看文件 2). grep “” -r | vim -

野性酷女/ 2022年07月16日 01:57/ 0 赞/ 136 阅读

相关 freemarke 积累

freemarker使用时间类型注意事项 1、在配置文件中约束 freemarker的显示样式可以在配置文件中配置 <!-- 配置freemarker

左手的ㄟ右手/ 2022年07月13日 11:54/ 0 赞/ 141 阅读

相关 thymeleaf 积累

0、默认页面是.html 且需要位于根目录/templates/目录下这个根就是 src/main/resources 典型的页面表头引用为 <!DO

左手的ㄟ右手/ 2022年06月06日 06:39/ 0 赞/ 201 阅读

相关技术积累

《技术积累》 -------------------- 业务用户 [互联网账户系统如何设计（上篇）？ ][Link 1] [互联网

今天药忘吃喽~/ 2022年05月16日 01:25/ 0 赞/ 260 阅读

相关 JSP积累

文章目录 JSTL 使用集合 < fmt:formatNumber>标签

迈不过友情╰/ 2022年04月18日 02:22/ 0 赞/ 215 阅读

相关 css积累

1 text-indent:2em 首行缩进2个字符； 2 word-wrap是控制换行的。使用break-word时，是将强制换行。中文没有任何问题，

Myth丶恋晨/ 2022年04月14日 01:55/ 0 赞/ 201 阅读

相关积累

[积累][Link 1] 好玩儿的枚举： -------------------- public interface RabbitMQTypeEnums

布满荆棘的人生/ 2022年01月28日 13:53/ 0 赞/ 280 阅读

相关 Spring积累

[Spring积累][Spring] <tx:annotation-driven/> （Spring的XML配置里两大Bean的声明之一） -------------

爱被打了一巴掌/ 2022年01月28日 11:51/ 0 赞/ 205 阅读

相关 MySQL积累

[MySQL积累][MySQL] coalesce函数的使用 select coalesce(null,2,3); // Return 2 s

曾经终败给现在/ 2022年01月28日 11:51/ 0 赞/ 202 阅读

相关证明积累

目录前言正文 1.\\(\\sum\_\{i=1\}^ni^2=1^2+2^2+...+n^2=\\frac\{n(n+1)(2n+1

悠悠/ 2022年01月08日 00:23/ 0 赞/ 328 阅读