关键字》       功能介绍    》      案例
th:id 　　替换id 　　 <input th:id="'xxx' + ${collect.id}"/>
th:text 　　 文本替换 　　 <p th:text="${collect.description}">description</p>
th:utext 　　 支持html的文本替换 　　 <p th:utext="${htmlcontent}">content</p>
th:object　　 接收后台传过来的对象，替换对象 　　 <div th:object="${session.user}">
th:value 　　 属性赋值 　　 <input th:value = "${user.name}" />

th:field 　　用来绑定后台对象和表单数据 　　用法：th:field="*{name}"，

th:with 　　 变量赋值运算 　　 <div th:with="isEvens = ${prodStat.count}%2 == 0"></div>
th:style 　　 设置样式 　　 <div th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"></div>
th:onclick 　　 点击事件 　　 <td th:onclick = "'getCollect()'"></td>
th:each 　　 属性赋值 　　 <tr th:each = "user,userStat:${users}">
th:if 　　 判断条件 　　 <a th:if = "${userId == collect.userId}">
th:unless 　　 和th:if判断相反 　　 <a th:href="@{/login} th:unless=${session.user != null}">Login</a>
th:href 　　 链接地址 　　 <a th:href="@{/login}" th:unless=${session.user != null}>Login</a>
th:switch 　　 多路选择配合　　th:case使用 <div th:switch="${user.role}">
th:fragment 　　 th:switch的一个分支 　　 <p th:case = "'admin'">User is an administrator</p>
th:includ 　　 布局标签，替换内容到引入的文件 　　 <head th:include="layout :: htmlhead" th:with="title='xx'"></head>
th:replace 　　 布局标签，替换整个标签到引入的文件 　　 <div th:replace="fragments/header :: title"></div>
th:selectd 　　 selected选择框选中 　　 th:selected="(${xxx.id} == ${configObj.dd})"
th:src 　　 图片类地址引入 　　 <img class="img-responsive" alt="App Logo" th:src="@{/img/logo.png}" />
th:inline 　　 定义js脚本可以使用变量　　 <script type="text/javascript" th:inline="javascript">
th:action 　　 表单提交的地址 　　 <form action="subscribe.html" th:action="@{/subscribe}">
th:remove 　　 删除某个属性 　　 <tr th:remove="all"> 1.all:删除包含标签和所有的孩子。2.body:不包含标记删除,但删除其所有的孩子。3.tag:包含标记的删除,但不删除它的孩子。4.all-but-first:删除所有包含标签的孩子,除了第一个。5.none:什么也不做。这个值是有用的动态评估。
th:attr　　 设置标签属性，多个属性可以用逗号分隔 比如　　 th:attr="src=@{/image/aa.jpg},title=#{logo}"，此标签不太优雅，一般用的比较少。

不难懂——th: 的常用标签的更多相关文章

  1. 49、html基础认识&常用标签（1）

    从今天期我们进入前端的学习,先学习html,没有任何需要逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock ...

  2. 1、html基础认识&常用标签（1）

    从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 本篇导航: HTML初识 常用标签介绍 <body>内常用标签 一.HTML初识 ...

  3. HTML常用标签

    HTML常用标签: HTML文档格式: 首先,HTML是一种超文本标签语言,它是制作网页的基础. 其次,HTML文档中至少包含基本的和成对的<html> </html>.< ...

  4. html常用标签介绍

    常用标签介绍 文本 最常用的标签可能是<font>了,它用于改变字体,字号,文字颜色. 点击查看效果 <font size="6">6</font&g ...

  5. HTML常用标签总结

    HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)&q ...

  6. html新增一些常用标签

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. [刘阳Java]_MyBatis_映射文件的常用标签总结_第5讲

    MyBatis中常用标签的总结,简单给出自己的总结 MyBatis映射文件中的标签使用介绍1.<select>:用于编写查询语句用的标签 id:表示当前<select>标签的唯 ...

  8. CSS常用标签

    CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; / ...

  9. HTML基础（一）——一般标签、常用标签和表格

    第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...

随机推荐

  1. LeetCode118. Pascal's Triangle 杨辉三角

    题目 给定行数,生成对应的杨辉三角 思考 同一行是对称的,最大的下标为(行数+1)/2;1,1,2,3,6;下标从0开始,则对应分别为0.0.1.1.2.2 对于第偶数行,个数也是偶数,对于奇数行,个 ...

  2. 阿克曼函数推导过程（m<=3）

    阿克曼函数(Ackermann)是非原始递归函数的例子.它需要两个自然数作为输入值,输出一个自然数.它的输出值增长速度非常快,仅是对于(4,3)的输出已大得不能准确计算. \[A(m, n)=\lef ...

  3. Springcloud-alibaba学习实践（2）- nacos&Eureka Server服务注册实践

    前言:上一篇已搭建好了springcloud服务注册中心(Nacos&Eureka Server),本篇继续代码实践,注册服务到服务中心,本篇只是演示了两种注册中心,后续我们以Nacos注册中 ...

  4. [数学]高数部分-Part VI 重积分

    Part VI 重积分 回到总目录 Part VI 重积分 二重积分的普通对称性 二重积分的轮换对称性(直角坐标系下) 二重积分直角坐标系下的积分方法 二重积分极坐标系下的积分方法 二重积分中值定理 ...

  5. Nginx部署及Web基础

    目录 Nginx部署及Web基础 Nginx简介 Nginx特点 Web服务 Web服务器软件 Nginx和Apache对比图 部署Nginx yum安装 编译安装 平滑增加Nginx模块 Nginx ...

  6. Ranger-Usersync安装

    Ranger-Usersync安装, 配置数据源Unix,Usersync从Unix拉取Users/Groups的数据源, 对应的Ranger版本0.6.0. IP/机器名 安装软件 运行进程 zdh ...

  7. Swoole 中使用 Table 内存表实现进程间共享数据

    背景 在多进程模式下进程之间的内存是相互隔离的,在一个工作进程中的全局变量和超全局变量,在另一个工作进程中是无法读取和操作的. 如果只有一个工作进程,则不存在进程隔离问题,可以使用全局变量和超全局变量 ...

  8. html基础 字符实体 用于html中特殊符号的展示 比如：多个空格、代码展示

    结构:&+英文: 常见的字符实体  

  9. 初识python 之 爬虫：爬取豆瓣电影最热评论

    主要用到lxml的etree解析网页代码,xpath获取HTML标签. 代码如下: 1 #!/user/bin env python 2 # author:Simple-Sir 3 # time:20 ...

  10. VMware 创建的虚拟机，Xshell无法进行连接

    使用场景: 在VMware 创建了Centos7后,Xshell一直连接不上,如果排查以下问题还是不行.就可以用这种方法了 1.配置了静态地址 2.VMware配置了NAT映射,划分了网段后 3.检查 ...