参考说明：以下笔记参考来自尚硅谷springboot教学中的笔记！

thymeleaf官网docs： https://www.thymeleaf.org/documentation.html

模板引擎：

　　JSP、Velocity、Freemarker、Thymeleaf

SpringBoot推荐的Thymeleaf；

语法更简单，功能更强大；

1、引入thymeleaf：

<dependency>

       <groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-starter-thymeleaf</artifactId>

              2.1.6

</dependency>

切换thymeleaf版本

<properties>

        <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>

        <!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->

        <!-- thymeleaf2   layout1-->

        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>

  </properties>

2、Thymeleaf使用

@ConfigurationProperties(prefix = "spring.thymeleaf")

public class ThymeleafProperties {

    private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");

    private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");

    public static final String DEFAULT_PREFIX = "classpath:/templates/";

    public static final String DEFAULT_SUFFIX = ".html";

      //

以上是package org.springframework.boot.autoconfigure.thymeleaf;包中的源码，放在这里主要是告诉你模块该如何配置;

只要我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染；

使用：

(1) 导入thymeleaf的名称空间（导入后有语法提示）

<html lang="en" xmlns:th="http://www.thymeleaf.org">

(2) 使用thymeleaf语法:

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <h1>成功！</h1>

    <!--th:text 将div里面的文本内容设置为 -->

    <div th:text="${hello}">这是显示欢迎信息</div>

</body>

</html>

3、语法规则

1）、th:text；改变当前元素里面的文本内容；

​ th：任意html属性；来替换原生属性的值（eg: th:id=1改变id的值, th:class=“c1”改变class的值）

补充：

<div th:remove="tag">
    <div>唐嫣</div>  //包含标记的标签将被删除，即这里的外层div将被删除         参考：th:remove用法
</div>

2）、表达式？

1、Simple expressions:（表达式语法）

    (1)Variable Expressions: ${...}：获取变量值；OGNL；

            1）、获取对象的属性、调用方法

            2）、使用内置的基本对象：

                #ctx : the context object.

                #vars: the context variables.

                #locale : the context locale.

                #request : (only in Web Contexts) the HttpServletRequest object.

                #response : (only in Web Contexts) the HttpServletResponse object.

                #session : (only in Web Contexts) the HttpSession object.

                #servletContext : (only in Web Contexts) the ServletContext object.

                ${session.foo}

            3）、内置的一些工具对象：

                #execInfo : information about the template being processed.

                #messages : methods for obtaining externalized messages inside variables expressions, in the same way as they would be obtained using #{…} syntax.

                #uris : methods for escaping parts of URLs/URIs

                #conversions : methods for executing the configured conversion service (if any).

                #dates : methods for java.util.Date objects: formatting, component extraction, etc.

                #calendars : analogous to #dates , but for java.util.Calendar objects.

                #numbers : methods for formatting numeric objects.

                #strings : methods for String objects: contains, startsWith, prepending/appending, etc.

                #objects : methods for objects in general.

                #bools : methods for boolean evaluation.

                #arrays : methods for arrays.

                #lists : methods for lists.

                #sets : methods for sets.

                #maps : methods for maps.

                #aggregates : methods for creating aggregates on arrays or collections.

                #ids : methods for dealing with id attributes that might be repeated (for example, as a result of an iteration).

    (2)Selection Variable Expressions: *{...}：选择表达式：和${}在功能上是一样；

        补充：配合 th:object="${session.user}：#只有作为全局变量使用的时候才是不一样的

        eg:  用th:object从session里面取出user对象(即将取出来的对象赋值给Object)，以后要用user对象的值，就可以在当前的div里面，
　　　　　　　"*"号就代表刚才的th:object对象，然后直接获取对象的属性即可。
　　　　<div th:object="${session.user}">

            <p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>

            <p>Surname: <span th:text="*{lastName}">Pepper</span>.</p>

            <p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>

        </div>
　　　　--以上方式等于如下方式$和*号功能是一样的，而且$和*可以混合使用
　　　　<div th:object="${session.user}">
　　　　　　<p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>
　　　　　　<p>Surname: <span th:text="${session.user.lastName}">Pepper</span>.</p>
　　　　　　<p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
　　　　</div> 

    (3)Message Expressions: #{...}：获取国际化内容

    (4)Link URL Expressions: @{...}：定义URL；

         @{/order/process(execId=${execId},execType='FAST')}

    (5)Fragment Expressions: ~{...}：片段引用表达式

         <div th:insert="~{commons :: main}">...</div>

2、Literals（字面量）

      Text literals: 'one text' , 'Another one!' ,…

      Number literals: 0 , 34 , 3.0 , 12.3 ,…

      Boolean literals: true , false

      Null literal: null

      Literal tokens: one , sometext , main ,…

3、Text operations:（文本操作）

    String concatenation: +

    Literal substitutions: |The name is ${name}|

4、Arithmetic operations:（数学运算）

    Binary operators: + , - , * , / , %

    Minus sign (unary operator): -

5、Boolean operations:（布尔运算）

    Binary operators: and , or

    Boolean negation (unary operator): ! , not

6、Comparisons and equality:（比较运算）

    Comparators: > , < , >= , <= ( gt , lt , ge , le )

    Equality operators: == , != ( eq , ne )

7、Conditional operators:条件运算（三元运算符）

    If-then: (if) ? (then)

    If-then-else: (if) ? (then) : (else)

    Default: (value) ?: (defaultvalue)

8、Special tokens(特殊操作):

    No-Operation: _ 

9、内联表达式
<p>Hello, [[${session.user.name}]]!</p>   
任何在th:text或th:utext属性中使⽤的表达式都可以出现在[[]]或[()]中.
[[...]]等价于th:text（即结果将被HTML转义） ， [(...)]等价于th:utext， 不会执⾏任何HTML转义 


 

4.3 thymeleaf模板引擎的使用的更多相关文章

  1. （二）SpringBoot基础篇- 静态资源的访问及Thymeleaf模板引擎的使用

    一.描述 在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...

  2. 【Springboot】Springboot整合Thymeleaf模板引擎

    Thymeleaf Thymeleaf是跟Velocity.FreeMarker类似的模板引擎,它可以完全替代JSP,相较与其他的模板引擎,它主要有以下几个特点: 1. Thymeleaf在有网络和无 ...

  3. 三、thymeleaf模板引擎构建前台html, 后台使用 ModelAndView 和 Model 模型

    项目源码:https://github.com/y369q369/springBoot.git      ->     thymeleaf 私聊QQ: 1486866853 1.pom.xml中 ...

  4. SpringBoot使用thymeleaf模板引擎

    (1).添加pom依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactI ...

  5. Spring Boot 2.0 整合Thymeleaf 模板引擎

    本节将和大家一起实战Spring Boot 2.0 和thymeleaf 模板引擎 1. 创建项目 2. 使用Spring Initlizr 快速创建Spring Boot 应用程序 3. 填写项目配 ...

  6. Thymeleaf模板引擎的初步使用

    在springboot中,推荐使用的模板引擎是Thymeleaf模板引擎,它提供了完美的Spring MVC的支持.下面就简单的介绍一下Thymeleaf模板引擎的使用. 在controller层中, ...

  7. spring boot: thymeleaf模板引擎使用

    spring boot: thymeleaf模板引擎使用 在pom.xml加入thymeleaf模板依赖 <!-- 添加thymeleaf的依赖 --> <dependency> ...

  8. SpringBoot入门篇--使用Thymeleaf模板引擎进行页面的渲染

    在做WEB开发的时候,我们不可避免的就是在前端页面之间进行跳转,中间进行数据的查询等等操作.我们在使用SpringBoot之前包括我在内其实大部分都是用的是JSP页面,可以说使用的已经很熟悉.但是我们 ...

  9. （二）SpringBoot2.0基础篇- 静态资源的访问及Thymeleaf模板引擎的使用

    一.描述 在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...

  10. thymeleaf模板引擎

    thymeleaf模板引擎 thymeleaf是现代化服务器端的Java模板引擎,不同于JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官 ...

随机推荐

  1. html5+css基础

    最近在学习html+css3基础教程,整理了一些基础知识点.在此与大家分享. 1.盒模型 定义:css处理网页时,它认为每个元素都包含在一个不可见的盒子里,即我们所熟知的盒模型.其中它的主要属性有:h ...

  2. cumsum累计函数系列：pd.cumsum()、pd.cumprod()、pd.cummax()、pd.cummin()

    cum系列函数是作为DataFrame或Series对象的方法出现的,因此命令格式为D.cumsum() 举例: D=pd.Series(range(0,5)) 1. cumsum 2. cumpro ...

  3. 微信小程序 修改手机状态栏颜色

    在json中 添加 "navigationBarTextStyle": "white",  

  4. Linux rh7环境下安装Oracle数据库

    1.修改Linux系统的参数 1)检查系统的版本 # more /etc/redhat-release 2)关闭SELinux,需要restart # sed -i 's/SELINUX=enforc ...

  5. IBM服务器安装Ubuntu Linux server 64以及网络配置

    最近在部署AC环境,云AC要求软件环境为Ubuntu 14.04 版本的服务器Linux操作系统,下面是环境部署的准备工作: 一.下载文件 (1)下载系统文件 地址:http://mirrors.16 ...

  6. 接口自动化框架(java)--4.接口Token传递

    这套框架的报告是自己封装的 一般token会在登录接口返回结果中呈现,从代码层面获取token的方式有很多种,我是使用jsonpath这个json路径语言去匹配token所在路径的key值 packa ...

  7. weixin://connectToFreeWifi/协议如何跳转到微信客户端打开在wifi指定任意网页？

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  8. U-net网络实现医学图像分割以及遥感图像分割源代码

    U-net网络主要思路是源于FCN,采用全卷积网络,对图像进行逐像素分类,能在图像分割领域达到不错的效果. 因其网络结构类似于U型,所以以此命名,可以由其架构清晰的看出,其构成是由左端的卷积压缩层,以 ...

  9. Linux设置定时任务

    什么是crond?  crond是Linux系统用来定期执行命令或指定程序的服务的一种服务或软件.一般情况下当我们安装完成Linux操作系统之后,默认便会启动Crond任务调用服务.Crond服务会定 ...

  10. python安装pip的步骤记录

    因为重新装了系统,所以python所有的环境都要重新走一遍. 首先去python官网下载python最新版本.如果python没有自动加入环境变量的话就需要你自己手动加入.这个一般在安装python的 ...