⒈理解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">
&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相关补充的更多相关文章

  1. apache相关补充

    apache相关补充 sendfile机制 1)不用sendfile的传统网络传输过程: read(file, tmp_buf, len) write(socket, tmp_buf, len) 2) ...

  2. SSM整合以及相关补充

    SSM整合以及相关补充 我们在前面已经学习了Maven基本入门,Spring,SpringMVC,MyBatis三件套 现在我们来通过一些简单的案例,将我们最常用的开发三件套整合起来,进行一次完整的项 ...

  3. jQuery Validate和Thymeleaf相关

    jQuery Validate https://www.cnblogs.com/liuhongfeng/p/5135676.html https://www.cnblogs.com/linjiqin/ ...

  4. GlusterFS分布式存储集群部署记录-相关补充

    接着上一篇Centos7下GlusterFS分布式存储集群环境部署记录文档,继续做一些补充记录,希望能加深对GlusterFS存储操作的理解和熟悉度. ======================== ...

  5. Linux文件属性相关补充及软硬连接

    第1章 文件属性相关 1.1 文件的属性 1.1.1 扩展名 windows  通过扩展名区分不同的类型的文件 linux 扩展名是给人类看的 方便我们区分不同类型文件 .conf      配置文件 ...

  6. property相关补充

    # Author : Kelvin # Date : 2019/1/25 15:20 class Foo: def __init__(self): self.original_price = 100 ...

  7. 数据结构(C语言版)-C语言和C++相关补充

    引用类型作形参的三点说明 (1)传递引用给函数与传递指针的效果是一样的,形参变化实参也发生变化.(2)引用类型作形参,在内存中并没有产生实参的副本,它直接对实参操作:而一般变量作参数,形参与实参就占用 ...

  8. springboot做api服务时不使用thymeleaf的相关警告DefaultTemplateResolverConfiguration 的消除

    springboot在不配置thymeleaf相关属性的情况下,会提示如下的问题 DefaultTemplateResolverConfiguration - Cannot find template ...

  9. spring boot结合thymeleaf

    1.在pom文件中加入thymeleaf相关的依赖 spring-boot-starter-thymeleaf 2.在resource文件夹下创建 template文件夹,在template文件夹中创 ...

随机推荐

  1. PubMed数据下载

    目标站点分析 目标:抓取页面中的机构名称,日期,标题,作者, 作者信息, 摘要 程序实现 # -*- coding: utf-8 -*- """ @Datetime: 2 ...

  2. python 操作 saltstack Api(二) 示例

    获取token #!/usr/bin/env python #-*-coding:utf--*- import urllib import urllib.parse import urllib.req ...

  3. MySQL8常见客户端和启动相关参数

    MySQL8常见客户端和启动相关参数 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.MySQL常见的客户端 1>.使用MySQL服务自带的mysql连接工具 2>. ...

  4. linux备份用户权限

    1:切换root用户,进入home目录,执行以下命令: [root@localhost home]# ll /home/wangfajun 2: home目录下执行以下命令进行wangfajun用户的 ...

  5. 有关mysql的innodb_flush_log_at_trx_commit参数

    一.参数解释 0:log buffer将每秒一次地写入log file中,并且log file的flush(刷到磁盘)操作同时进行.该模式下在事务提交的时候,不会主动触发写入磁盘的操作. 1:每次事务 ...

  6. springBoot----aop--整合日志相关

    springBoot整合日志相关 1:新建log4j.properties文件 : log4j.properties: #log4j.rootLogger=CONSOLE,info,error,DEB ...

  7. 将WORD2010文件标记为最终状态

    将WORD2010文件标记为最终状态 在与他人共享WORD2010文档的副本之前,可以使用“标记为最终状态”命令将文件设置为只读,防止他人对文件进行更改.在将文件标记为最终状态后,键入.编辑命令以及校 ...

  8. 1.redis安装

    一.安装 1.安装 tar fvxz redis-3.0.7.tar.gz  ln -s redis-3.0.7 redis cd redis make && make install ...

  9. Express 体验 路由、模板引擎、中间件

    http://expressjs.com/en/4x/api.html#req.method http://expressjs.com/en/guide/routing.html [Route pat ...

  10. sqlserver导入execl

    一.找到导入导出的工具 找到安装目录 C:\Program Files\Microsoft SQL Server\100\DTS\Binn 里面的DTSWizard.exe 二.打开exe 然后下一步 ...