什么是Thymeleaf

• java模板引擎，能够处理HTML，XML,JavaScript，CSS甚至是纯文本。类似于JSP和Freemarker，

• 作用就是把各个用户的公用的东西（页面）做一个提取，然后再根据不同的数据对页面进行渲染

• 自然模板，原型即页面。

• 语法优雅易懂，支持这两种OGNL，SpringEL编码方式

• 遵循Web的标准，支持HTML5

• thymleaf的标准方言

  • 标准的表达式

    • ${...}

        //  变量表达式
        

    • 消息表达式,也称为文本外部化，国际化或者i18n
      - #{...}
      ```

          
      
      
          
      ...                            
          
          
          
          ```
      

      • 链接表达式
        @{...}
        • 链接表达式可以是相对的，在这种情况下，应用程序上下文将不会作为URL的前缀
        • 也可以是服务器相对（同样的，没有应用文程序上下文前缀）
        • 和协议相对（就像绝对URL，但是浏览器将使用在显示的页面中使用的相同的HTTP协议或者HTTPS协议）
        • 当然，link表达式可以使绝对的
          ...
      • 分段表达式
        th:insert或者th:replace
      • 字面量（文字，字符串）
        • 文本
        • 数字
        • 布尔
        • null

    • 算术操作

      • +、-、x、/

      • <、>、>=、<= 对应下面的

      • gt、lt、ge、le
        等价

      • ==、!= 对应下面的

      • eq、ne

  • 条件运算符：三目运算符

  • 无操作 _(下划线)

  • 设置属性值

    • 设置任意的属性值
      • th:attr="action=..."
      • 设置值到指定的属性
      • th:action="..."
      • th:value="..."等
    • 固定值布尔属性
      • checked或者checked = "checked"
      • th:chaecked="${user.active}"
      • readonly
      • default
      • hidden
      • selected等

  • 迭代器

    • th:each
    • 将数组或者链表循环打印出来
    • 数组、list、，map
    • 状态变量：index（从0开始），count（从1开始），size（元素总数）current（当前迭代的变量），even/add(奇数还是偶数)，first（当前迭代是不是第一个），last当前迭代是不是最后一个）

  • 条件语句

    • th:if
    • th:unless
    • switch与case结合使用

  • 模板布局

    • 定义：th:fragment=".名称"
    • 引用：
      • th:insert="":简单地插入指定的片段作为正文的主标签
      • th:replace=""：用来指定实际片段来替换其主标签
      • th:include=""：类似于th:insert，但是不是插入片段，他只是插入此片段的内容（3.0版本后，不再推荐使用）
    • 不使用th:fragment="名称"；
      • 使用id="id"
      • 引用：th:insert="~{footer::#id}"
    • 引用三者的区别

        //引用的模板片段
        
      
            ©2018 我的博客
        
      

       //三者引用上面的模板片段
        
          
      
          
      
          
      
        
      

          //最后三者显示的效果对比
          //th:insert的效果
          
      
            
      
              ©2018 我的博客
            
          
           //th:replace的效果
            
      
              ©2018 我的博客
            
             //th:include的效果
          
       
              ©2018 我的博客
          
       
      

  • 属性优先级

    • 当在同一个标签中用了多个的属性，谁先别执行？详细可以查看thymeleaf的文档
    • th:insert=th:replace>th:each>th:if=th:unless=th:switch.....
    • 按照属性的优先级先后执行，与属性的编写的先后顺序无关

  • 注释

    • 标准的HTML/XML的注释
    • thymeleaf解析器级注释块（即有两个包含反斜线的注释）
    • 原型注释块：当模板静态打开的时候，也就是原型设计，不需要用到别注释的代码；而在模板被执行的时候，被注释掉的这一部分原型代码就能别识别出来，并正常显示出这部分代码的作用

  • 内联

    • 表达式：
      • [[]] th:text 会转义
      • [()] th:utext 不会别转义
    • 禁用内联

        
       A double array looks likes this:[[1,2,3],[4,5]]!
      

    • javaScript内联
    • CSS内联

  • 表达式的基本对象

    • 基本对象：#ctx:上下文对象
      -： #locale
    • request/session等属性
      • param 用于检索请求参数
      • session 用于检索session属性
      • application：用于检索application/servlet上下文属性的
    • web上下文对象
      • ：#request：直接访问当前的请求关联的javax.servlet.http.HttpServletRequest对象
      • ：#session：直接访问与当前请求关联的javax.servlet,http.HttpSession对象
      • ：#servletContext:直接访问与当前请求关联的javax.servlet.ServletContext对象

  • 工具对象

  • springboot与thymeleaf的集成

    • 配置环境

      • 修改build.gradle

      • 在eclipse中打开build.gradle 文件，添加thymeleaf的依赖
        compile('org.springframework.boot:spring-boot-starter-thymeleaf') 如下

                    buildscript {
                      ext {
                          springBootVersion = '2.0.4.RELEASE'
                           }
                      repositories {
                          mavenCentral()
                                   }
                      dependencies {           
           classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
                                                  }
                                                        }
        
                       apply plugin: 'java'
                       apply plugin: 'eclipse'
                       apply plugin: 'org.springframework.boot'
                       apply plugin: 'io.spring.dependency-management'
        
            group = 'com.waylau.spring.boot.blog'
            version = '1.0.0'
            sourceCompatibility = 1.8
                      repositories {
                        mavenCentral()
                              }
            dependencies {
                compile('org.springframework.boot:spring-boot-starter-web')
                compile('org.springframework.boot:spring-boot-starter-thymeleaf')
                testCompile('org.springframework.boot:spring-boot-starter-test')
                                                                                                    
                          }
        

      • 配置thymeleaf的编码，热部署，遵循的标准

        • 配置properties文件，如下

            #Thymeleaf编码
            spring.thymeleaf.encoding=UTF-8
            #热部署静态文件
            spring.thymeleaf.cache=false
            #使用HTML5标准
            spring.thymeleaf.mode=HTML5