Thymeleaf相关补充
⒈理解Thymeleaf
- Java模板引擎。能够处理HTML、XML、JavaScript、CSS甚至纯文本。类似JSP、Freemarker
- 自然模板。原型即页面
- 语法优雅易懂,OGNL、SpringEL
- 遵从Web标准。支持HTML5
⒉如何识别Thymeleaf标准方言
1.需要页面引入命名空间
<html xmlns:th="http://www.thymeleaf.org">
<head>
</head>
<body>
<span th:text="...">
</body>
</html>
2.无需页面引入命名空间
<span data-th-text="...">
⒊语法
1.${...}:获取变量值,OGNL
①获取对象的属性,调用方法
②使用内置的基本对象
③内置的一些工具对象
<span th:text="${book.author.name}">
2.*{...}:变量选择表达式,和${...}在功能上是一样的,区别在于,它是在当前选择的对象执行,而不是在整个上下文变量映射上。配合th:object使用简化代码
<div th:object="${book}">
<span th:text="*{title}"></span>
</div>
3.#{...}:获取国际化内容
<span th:text="#{header.address.city}"></span>
4.@{...}:定义URL
<!--链接表达式可以是相对的,在这种情况下,应用程序上下文将不会作为URL的前缀-->
<a th:href="@{../documents/report}"></a>
<!--也可以是服务器相对(同样没有应用程序上下文前缀)-->
<a th:href="@{~/contents/main}"></a>
<!--和协议相对(就像绝对URL,但浏览器将使用在显示的页面中使用的相同的HTTP或HTTPS协议)-->
<a th:href="@{//static.coreqi.cn/res/initial}"></a>
<!--当然,链接表达式也可以是绝对的-->
<a th:href="@{http://www.coreqi.cn}"></a>
5.~{...}:片段引用表达式
<div th:fragment="copy">
© 2019 <a href="http://www.coreqi.cn">Coreqi</a>
</div> <div th:insert="~{footer :: copy}"></div>
6.字面量(文字)
①文本
<span th:text="'Hello World!'"></span>
②数字
<span th:text="2019"></span>
<span th:text="2019 + 2"></span>
③布尔
<div th:if="${user.isAdmin()} == false">
...
</div>
④Null
<div th:if="${user.phoneNum} == null">
...
</div>
7.算术操作
①+、-、*、/、%
<div th:text="${users.count} % 2 == 0">
....
</div>
8.比较和等价
①比较:>、<、>=、<=(gt、lt、ge、le)
<div th:if="${page.totalPages le 7}">
②等价:==、!=(eq、ne)
<div th:if="${page.totalPages eq 7}">
9.条件运算符
<div th:class="${row.even}? 'even' : 'odd'"></div>
10.无操作(什么都不做)
<span th:text="${user.name}? : _">如果无操作则保留此处文本,不作覆盖</span>
11.设置属性值
①设置任意属性值 th:attr
<form th:attr="action=@{/coreqi}">
<input type="submit" th:attr="value=#{subscribe.submit}"/>
</form>
②设置指定属性值
<form th:action="@{/coreqi}">
<input type="submit" th:value="#{subscribe.submit}"/>
</form>
③固定布尔属性
<form th:action="@{/coreqi}">
<input type="checkbox" name="option1" checked/> <!--HTML-->
<input type="checkbox" name="option2" checked="checked"/> <!--XHTML-->
<input type="checkbox" name="option3" th:checked="${user.active}"/>
</form>
12.迭代器
①基本的迭代 th:each
<li th:each="book : ${books}" th:text="${book.title}"></li>
状态变量:用于跟踪迭代器的状态。
index【索引】、count【索引+1】、size【总数】、current【当前迭代的变量】、even/odd【是奇数还是偶数】、first【迭代器第一个】、last【迭代器最后一个】
<tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}? 'odd'"></tr>
13.条件语句
①th:if 判断条件是否成立,true成立,false不成立,非0成立,null不成立。
<div th:if="${not #lists.isEmpty(prod.comments)}">
...
</div>
②th:unless 不成立则执行
<div th:unless="${#lists.isEmpty(prod.comments)}">
...
</div>
③switch 当有一个匹配后,剩下的全为false
<div th:switch="${user.role}">
<p th:case="'admin'"></p>
<p th:case="#{roles.manager}"></p>
<p th:case="*"></p>
</div>
⒋Thymeleaf属性的优先级
⒌注释
①标准HTML/XML注释
<!--<span th:text="'fanqi'"></span>-->
②Thymeleaf解析器级注释块---在解析的过程中删除掉<!--/*-->和<!--*/-->之间的所有内容
<!--/*-->
<div>
Hello World!
</div>
<!--*/-->
③原型注释块
在静态页面的时候是注释掉的,是不会显示的。当被Thymeleaf解析器解析的时候,这些注释的代码将会显示出来。
<span>Hello!</span>
<!--/*/
<div th:text="${...}">
...
</div>
/*/-->
<span>Good Bye!</span>
⒍内联
1.内联表达式
①[[...]]或[(...)]分别对应于th:text【会对一些特殊符号进行转义】和th:utext【不会对一些特殊符号进行转义】
2.禁用内联表达式 th:inline="none"
<p th:inline="none">输出以下文本内容:[[1,2,3],[4,5]]!</p>
3.JavaScript内联
<script th:inline="javascript">
var username=/*[[${session.user.name}]]*/ "Gertrud Kiwifruit";
</script>
4.css内联
<style th:inline="css">
.[[${classname}]]{
text-align: [[${align}]];
}
</style>
⒎表达式基本对象
1.基本对象
①#ctx:上下文对象。是org.thymeleaf.context.IContext或者org.thymeleaf.context.IWebContext的实现。
${#ctx.locale}
${#ctx.variableNames}
${#ctx.request}
${#ctx.response}
${#ctx.session}
${#ctx.servletContext}
②#locale:直接访问与java.util.Locale关联的当前的请求。
${#locale}
2.request/session等属性对象
①param:用于检索请求参数
${param.foo}
${param.size()}
${param.isEmpty()}
${param.containsKet('foo')}
...
②session:用于检索session属性
${session.foo}
${session.size()}
${session.isEmpty()}
${session.containsKey('foo')}
...
③application:用于检索application/servlet上下文属性
${application.foo}
${application.size()}
${application.isEmpty()}
${application.containsKey('foo')}
...
3.Web上下文对象
①#request:直接访问与当前请求关联的javax.servlet.http.HttpServletRequest对象。
${#request.getAttribute('foo')}
${#request.getParameter('foo')}
${#request.getContextPath()}
${#request.getRequestName()}
...
②#session:直接访问与当前请求关联的javax.servlet.http.HttpSession对象
${#session.getAttribute('foo')}
${#session.id}
${#session.lastAccessedTime}
...
③servletContext:直接访问与当前请求关联的javax.servlet.ServletContext对象。
${#servletContext.getAttribute('foo')}
${#servletContext.contextPath}
...
⒏相关配置
#Thymeleaf 编码
spring.thymeleaf.encoding=UTF-8
#禁用Thymeleaf缓存,使用热部署静态文件
spring.thymeleaf.cache=false
#使用HTML5标准
spring.thymeleaf.mode=HTML5
Thymeleaf相关补充的更多相关文章
- apache相关补充
apache相关补充 sendfile机制 1)不用sendfile的传统网络传输过程: read(file, tmp_buf, len) write(socket, tmp_buf, len) 2) ...
- SSM整合以及相关补充
SSM整合以及相关补充 我们在前面已经学习了Maven基本入门,Spring,SpringMVC,MyBatis三件套 现在我们来通过一些简单的案例,将我们最常用的开发三件套整合起来,进行一次完整的项 ...
- jQuery Validate和Thymeleaf相关
jQuery Validate https://www.cnblogs.com/liuhongfeng/p/5135676.html https://www.cnblogs.com/linjiqin/ ...
- GlusterFS分布式存储集群部署记录-相关补充
接着上一篇Centos7下GlusterFS分布式存储集群环境部署记录文档,继续做一些补充记录,希望能加深对GlusterFS存储操作的理解和熟悉度. ======================== ...
- Linux文件属性相关补充及软硬连接
第1章 文件属性相关 1.1 文件的属性 1.1.1 扩展名 windows 通过扩展名区分不同的类型的文件 linux 扩展名是给人类看的 方便我们区分不同类型文件 .conf 配置文件 ...
- property相关补充
# Author : Kelvin # Date : 2019/1/25 15:20 class Foo: def __init__(self): self.original_price = 100 ...
- 数据结构(C语言版)-C语言和C++相关补充
引用类型作形参的三点说明 (1)传递引用给函数与传递指针的效果是一样的,形参变化实参也发生变化.(2)引用类型作形参,在内存中并没有产生实参的副本,它直接对实参操作:而一般变量作参数,形参与实参就占用 ...
- springboot做api服务时不使用thymeleaf的相关警告DefaultTemplateResolverConfiguration 的消除
springboot在不配置thymeleaf相关属性的情况下,会提示如下的问题 DefaultTemplateResolverConfiguration - Cannot find template ...
- spring boot结合thymeleaf
1.在pom文件中加入thymeleaf相关的依赖 spring-boot-starter-thymeleaf 2.在resource文件夹下创建 template文件夹,在template文件夹中创 ...
随机推荐
- python: 基本知识(一)
从今天开始继续python的学习,将应用到到黑客学习中,一边学习黑客知识一边学习python. 1.类:(封装) class T: def __init__(self,...): //类对象创建后调 ...
- Hibernate的入门(增删改查):
注意:本次的记录是在上一篇Hibernate入门的基础上应用的 1.目录 2.实体类修改 package com.itheima.domain; /* * 客户的javaBean * @author ...
- python对象-多态
调用不同的子类将会产生不同的行为,而无须明确知道这个子类实际上是什么. 比如,在一个可以播放音频文件的程序中,媒体播放器可能需要加载一个AudioFile对象然后play它,我们把一个play()的方 ...
- Web APi入门之Self-Host寄宿及路由原理
前言 刚开始表面上感觉Web API内容似乎没什么,也就是返回JSON数据,事实上远非我所想,不去研究不知道,其中的水还是比较深,那又如何,一步一个脚印来学习都将迎刃而解. Self-Host 我们知 ...
- idea打开项目没有文件目录
如题,利用idea打开一个项目,然而并没有src等主要文件目录. 方法:使用ctrl+shift+alt+s打开目录结构,选择module,再选择import module,注意选择SDK,即JDK.
- html body 100%
html body 100% html <div class="header"> </div> <div class="main" ...
- golang channle 管道
管道的使用介绍 现在要计算 1-N 的各个数的阶乘,并且把各个数的阶乘放入到 map 中.最后显示出来.要求使用 goroutine 完成 package main import ( "fm ...
- bzoj千题计划311:bzoj5017: [Snoi2017]炸弹(线段树优化tarjan构图)
https://www.lydsy.com/JudgeOnline/problem.php?id=5017 暴力: 对于每一个炸弹,枚举所有的炸弹,看它爆炸能不能引爆那个炸弹 如果能,由这个炸弹向引爆 ...
- Part-Six
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
- tedu训练营day03
Day03笔记1.作业 1.假如你现在25周岁,每年365天,计算你过了多少个星期天(大概数字) 提示 :地板除 2.毕业薪资为10000元,每年涨20%,十年之后你的薪资为多少元? 提示: 幂运算( ...