thymeleaf基本语法
thymeleaf基本语法
- Spring Boot整合Thymeleaf 模版
-
- 依赖
- 创建模板文件
- 定义页面
- 简单表达式
- Thymeleaf 常用语法
-
- 定义局部变量
- 注释
-
- 标准注释
- 析器级注释
- 取值
- 拼接
- *{…}
- 内联表达式
-
- [[ ]]
- [( )]
- th:inline
- 字面值
-
- 文字字面值
- 数字字面值
- 布尔字面值
- 空字面值
- 字符串连接
- 字面值替换
- 算术运算
- 布尔运算
- 比较运算
- 三元运算
- 二元运算符
- 使用文本
-
- th:text
- th:utext
- 设置属性
-
-
- th:attr
- th:*
- th:\*-\*
- th:attrappend & th:attrprepend
- 布尔属性
-
- 条件判断
-
- th:if
- th:unless
- th:swith
- switch
- 循环遍历
-
- 各行变色表格
- URL @{…} 链表表达式
- 复用代码片段~{...}
- 基本对象
- 内嵌对象
Spring Boot整合Thymeleaf 模版
SpringBoot项目默认不是JSP，那如何来实现我们的动态页面呢？SpringBoot推荐模板引擎Thymeleaf。其实JSP也属于一种模板引擎，比较常用的还有freemaker。模板引擎非常多，道理都一样
依赖
<dependency>
<groupId>org.springframework.bootgroupId>
<artifactId>spring-boot-starter-thymeleafartifactId>
dependency>
spirngboot默认配置了Thymeleaf
也可以自己写
spring:
thymeleaf:
prefix: classpath:/templates/
suffix: .html
mode: HTML
encoding: UTF-8
如果希望客户端可以直接访问 HTML 资源，将这些资源放置在 static 路径下即可，否则必须通过 Handler 的后台映射才可以访问静态资源。
注意使用时一定别忘了导入命名空间
DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
body>
html>
创建模板文件
DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<p th:text="${msg}">p>
<p th:text="'提示：'+${msg}">p>
<p> 提示：[[${person.name}]] p>
body>
html>
-
是引入thymeleaf的命名空间，必须。 -
可以在原来的任何属性前面加上前缀
th:*来表示thymeleaf的定义。data-th-*效果一样。 -
在标签内拼接字符串比较麻烦，可以在里面通过[[]]来显示跟拼接
定义页面
在classpath:templates路径下创建html文件作为显示页面，一定要放在此路径，并且一定要是html格式，比如hello.html
简单表达式
Thymeleaf 提供了非常丰富的标准表达式语法，总共有 8 大类：
-
简单表达式
-
字面值
-
文本操作
-
算术运算
-
布尔运算
-
比较和相等
-
条件运算
-
无操作符
| 语法 | 名称 | 描述 | 作用 |
|---|---|---|---|
| ${…} | Variable Expressions | 变量表达式 | 取出上下文变量的值 |
| *{…} | Selection Variable Expressions | 选择变量表达式 | 取出选择的对象的属性值 |
| #{…} | Message Expressions | 消息表达式 | 使文字消息国际化，I18N |
| @{…} | Link URL Expressions | 链接表达式 | 用于表示各种超链接地址 |
| ~{…} | Fragment Expressions | 片段表达式 | 引用一段公共的代码片段 |
Thymeleaf 常用语法
定义局部变量
使用th:with属性可以定义局部变量
<span th:with="myName='dyk'">
<p th:text="${myName}" >p>
span>
同时定义多个局部变量时，用英文,号分隔开
<p th:with="name=${user.name},age={user.age}">
......
p>
注释
标准注释
- 标准注释会在文件源代码中显示出来。
析器级注释
-
注释的代码块会在引擎解析的时候抹去。
取值
和原来jsp的el表达式类似
package com.blb.springbootmybatis.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class ThymeleafController {
@GetMapping("/test1")
public ModelAndView test(){
ModelAndView modelAndView=new ModelAndView();
modelAndView.addObject("name","dyk");
modelAndView.setViewName("test");
return modelAndView;
}
}
<div th:text="${name}">div>
拼接
<div th:text="'我的名字是'+${name}+'年龄是'+18">div>
单引号加+号拼接
或者直接双引号里面使用| 拼接的内容 |
<div th:text="|我叫${name}|">div>
DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<div th:text="${name}">div>
<div th:text="'我的名字是'+${name}+'年龄是'+18">div>
<div th:text="|我叫${name}|">div>
body>
html>
*{…}
变量表达式${}是面向整个上下文的，而选择变量表达式*{}的上下文是父标签（th:object）所选择的对象。
// Person bean
@Data
@AllArgsConstructor
@NoArgsConstructor
@ToString
public class Person {
private String name ;
private String sex ;
private Integer age ;
}
// controller
@RequestMapping("/hello")
public String welcome(Model model){
Person person = new Person("dyk","男",18);
model.addAttribute("person",person);
return "hello" ;
}
<span th:object="${person}">
<p th:text="*{name}">p>
<p th:text="*{sex}">p>
<p th:text="*{age}">p>
span>
<span >
<p th:text="${person.name}">p>
<p th:text="${person.sex}">p>
<p th:text="${person.age}">p>
span>
内联表达式
内联表达式允许我们直接在 HTML 文本中使用标准表达式，而不需要使用th:*标签属性
[[ ]]
[[]]相当于th:text，对含有 HTML 标签的内容自动进行字符转义
<p>[[${msg}]]p>
[( )]
[()]相当于th:utext，对含有 HTML 标签的内容不进行字符转义
<p>[(${msg})]</p>
th:inline
我们已经了解到，使用[[]]和[()]语法可以直接在 HTML 文本中使用标准表达式，如果想要使用更多高级的功能，需要使用th:inline属性来激活，它的取值如下
| 值 | 描述 |
|---|---|
| none | 禁止内联表达式，可以原样输出 [[]] 和 [()] 字符串 |
| text | 文本内联，可以使用 th:each 等高级语法 |
| css | 样式内联，如 |