什么是Thymeleaf

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

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

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

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

  • 遵循Web的标准,支持HTML5

  • thymleaf的标准方言

    <span th:text="...">
    <span data-th-text="...">
    
    • 标准的表达式

      • ${...}

          //  变量表达式
          <span th:text="${book.author.name}"
        
      • 消息表达式,也称为文本外部化,国际化或者i18n
        - #{...}
        ```

            <table>
        
            <th th:text="#{header.address.city}">...                            
            </th>
            
            </table>
            ```
        
        • 链接表达式
          @{...}
          • 链接表达式可以是相对的,在这种情况下,应用程序上下文将不会作为URL的前缀
          • 也可以是服务器相对(同样的,没有应用文程序上下文前缀)
          • 和协议相对(就像绝对URL,但是浏览器将使用在显示的页面中使用的相同的HTTP协议或者HTTPS协议)
          • 当然,link表达式可以使绝对的
            <a th:href=@{"http://www.mycompany.com/main"}>...</a>
        • 分段表达式
          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}"
      • 引用三者的区别
          //引用的模板片段
          <footer th:fragment="copy">
              &copy;2018 <a href="//myblog.com">我的博客</a>
          </footer>
        
         //三者引用上面的模板片段
          <body>
            <div th:insert="footer::copy"></div>
            <div th:replace="footer::copy"></div>
            <div th:include="footer::copy"></div>
          </body>
        
            //最后三者显示的效果对比
            //th:insert的效果
            <div>
              <footer>
                &copy;2018 <a href="//myblog.com">我的博客</a>
              </footer>
            </div>
             //th:replace的效果
              <footer>
                &copy;2018 <a href="//myblog.com">我的博客</a>
              </footer>
               //th:include的效果
            <div> 
                &copy;2018 <a href="//myblog.com">我的博客</a>
            </div> 
        
    • 属性优先级

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

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

      • 表达式:
        • [[]] th:text 会转义
        • [()] th:utext 不会别转义
      • 禁用内联
          <p th:inline="none"> A double array looks likes this:[[1,2,3],[4,5]]!</p>
        
      • 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
            
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容