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"> ©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> ©2018 <a href="//myblog.com">我的博客</a> </footer> </div> //th:replace的效果 <footer> ©2018 <a href="//myblog.com">我的博客</a> </footer> //th:include的效果 <div> ©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对象
- 基本对象:#ctx:上下文对象
工具对象
-
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
- 配置properties文件,如下
- 配置环境
-
什么是Thymeleaf
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...