thymeleaf常用标签

拼搏现实的明天。 2021-06-12 14:54 595阅读 0赞

th:id：替换id。

<input th:id="'name"/>

th:text：显示文本，可进行简单的计算。

<td  th:text="${name}">mlm</td> 
    <td  th:text="1+1">2018</td>

th:utext：支持html的文本替换。

<span th:utext="${html}">content</span>

th:if：条件判断，可以多条件 and,or(二元操作符)，!，not非(一元操作符)。

<div th:if="${user} != null">show</div>
    <div th:if="${user} != null and ${user2} != null">hide</div>

th:object：表单数据对象绑定，后台controller中参数保持一致，和选择(星号)表达式。

<div th:object="${user.name}"><div

th:value：属性赋值。

<option th:value="${user.name}"></option>

th:with：变量赋值运算。

<div th:with="result = ${user.count}%2 == 0"></div>

th:style：设置样式。

<div th:style="display:none"></div>

th:onclick：点击事件。

<td th:onclick = "'doOnclick()'"></td>

th:each：遍历集合中的对象。

<tr th:each="user,userStat:${users.list}">    
    	<td th:text="${user.name}"></td>   
    	 <td th:text="userStat.index"></td>
     </tr>

th:unless：判断条件，与th:if作用相反。

<div th:unless="${user} == null">show</div>

th:href：定义超链接，相当于标签中的href属性。

<a th:href="@{/send}" >Send</a>

th:switch th:case：多选一时多个同等级相同目的判断。

<div th:switch="${user.name}">    
        <p th:case="jack">first</p>
        <p th:case="${user2.name}">second</p>
    </div>

th:include：布局标签，替换内容到引入的文件。

<head th:include="layout ::firstLayout" ></head>

th:replace：布局标签，替换整个标签到引入的文件。

<div th:replace="layout/header :: title"></div>

th:selected：选择框设置选中值，通常和th:each一起使用。

<select>    
    	<option th:selected="${user.name} == ${otherUser.name}"></option> 
    </select>

th:src：图片类地址引入。

<img  th:src="@{/img/pic.png}" />

th:inline：定义js脚本可以使用变量。

<script type="text/javascript" th:inline="javascript">

th:action：定义后台控制器的路径，表单的提交地址，相当于标签的action属性。

<form th:action="@{user/login}" method="post"></form>

th:remove：删除某个属性。

<tr th:remove="all">

th:attr：设置标签属性。

<input th:attr="value=${user.name}"/>

发表评论取消回复

表情：

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

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

相关阅读

相关 Thymeleaf 常用属性

获取参数：<dd th:text="$\{product.description\}"</dd> 格式化价格：<dd th:text="$\{\numbers.

曾经终败给现在/ 2024年02月17日 20:37/ 0 赞/ 64 阅读

相关 Html标签2---常用标签

HTML标签创建一个 HTML文档设置文档标题和其它在网页中不显示的信息设置文档的标题最大的标题预先格式化文本下划线黑体字斜体字

╰+攻爆jí腚メ/ 2022年07月21日 05:46/ 0 赞/ 278 阅读

相关 HTML常用标签

<table> <thead> <tr> <th></th> <th></th> <th></th> </tr> </thead>

桃扇骨/ 2022年07月03日 13:57/ 0 赞/ 262 阅读

相关 Thymeleaf之常用功能

1、引入Thymeleaf <html xmlns:th="http://www.thymeleaf.org"> 2、使用相对路径，以当前项目根路径为基础

谁借莪１个温暖的怀抱￠/ 2022年05月08日 00:44/ 0 赞/ 247 阅读

相关 thymeleaf 常用标签

1)th:class 带空格拼接 <div th:id="d_+${fv.id}" th:class="'big '+${fv.icon}+'Big'"></d

快来打我*/ 2022年03月25日 12:05/ 0 赞/ 293 阅读

相关 thymeleaf常用语法

一、概述 thymeleaf是服务器端模板引擎，能够处理HTML、XML、JavaScript、CSS、文本等。thymeleaf 在有网络和无网络的环境下皆可运行，即它

àì夳堔傛蜴生んèń/ 2022年02月27日 03:08/ 0 赞/ 359 阅读

相关 thymeleaf 页面取值常用

thymeleaf 页面取值标签内取值标签外取值 switch 判断 if判断日期格式化

川长思鸟来/ 2021年11月08日 16:06/ 0 赞/ 562 阅读

相关 freemarker常用标签

freemarker注释： \\ 单选注释......... \\ 多行注释 \\

痛定思痛。/ 2021年11月02日 01:50/ 0 赞/ 372 阅读

相关 Thymeleaf常用功能实战

一 Pom <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http:/

水深无声/ 2021年07月25日 02:04/ 0 赞/ 442 阅读

相关 thymeleaf常用标签

th:id：替换id。 <input th:id="'name"/> th:text：显示文本，可进行简单的计算。 <td th:text="${name}">ml...

拼搏现实的明天。/ 2021年06月12日 14:54/ 0 赞/ 596 阅读