Thymeleaf的标准表达式

一、标准变量表达式

• 语法：${…}
• 变量表达式用于访问容器（tomcat）上下文环境中的变量，功能和JSTL中的${}相同；
• Thymeleaf中的变量表达式使用${变量名}的方式获取其中的数量，比如在Spring mvc的controller中使用model.addAttribute向前端传输数据，代码如下：

@RequestMapping(value="/userinfo")
public String userinfo(Model model ){
	User user = new User();
	user.setId(1);
	user.setNick("乔巴");
	user.setPhone("13020320320");
	user.setAddress("新世界");
	model.addAttribute("user",user);
	model.addAttribute("hello","helloworld")；
	return "user";//返回user.html
}

前端接收代码：

<span th:text="${user.nick}">x</span>
<span th:text="${user.phone}">137xxxxxxx</span>
<span th:text="${user.email}">xxx@xx.com</span>
<span th:text="${user.address}">蓝海</span>
<span th:text="${hello}">你好</span>

• 其中，th:text=""是Thymeleaf的一个属性，用于文本的显示
  二、选择变量表达式
• 语法：*{…}
• 选择变量表达式，也叫星号变量表达式，使用th:object属性来绑定对象，比如：

@RequestMapping(value="/userinfo")
public String userinfo(Model model ){
	User user = new User();
	user.setId(1);
	user.setNick("乔巴");
	user.setPhone("13020320320");
	user.setAddress("新世界");
	model.addAttribute("user",user);
	model.addAttribute("hello","helloworld")；
	return "user";//返回user.html
}

前端接收代码：

<div th:object="${user}">
	<p>nick:<span th:text="*{nick}">张</span></p>
	<p>nick:<span th:text="*{phone}">21313xxxx</span></p>
	<p>nick:<span th:text="*{email}">1231@com</span></p>
	<p>nick:<span th:text="*{address}">北京</span></p>
</div>

• 选择表达式首先使用th:object来绑定后台传来的User对象，然后使用*来代表这个对象，后面{}中的值是此对象中的属性；
• 选择变量表达式*{…}是另一种类似于变量表达式${…}表示变量的方法；
• 选择变量表达式在执行时是在选择的对象上求解，而${…}是在上下文的变量model上求解；
• 通过th:object属性指明选择变量表达式的求解对象；
  上述代码等价于：

<div>
	<p>nick:<span th:text="${user.nick}">张</span></p>
	<p>nick:<span th:text="${user.phone}">21313xxxx</span></p>
	<p>nick:<span th:text="${user.email}">1231@com</span></p>
	<p>nick:<span th:text="${user.address}">北京</span></p>
</div>

标准标量表达式和选择变量表达式可以混合一起使用，比如：

<div th:object="${user}">
	<p>nick:<span th:text="*{nick}">张</span></p>
	<p>nick:<span th:text="${user.phone}">21313xxxx</span></p>
	<p>nick:<span th:text="${user.email}">1231@com</span></p>
	<p>nick:<span th:text="*{address}">北京</span></p>
</div>

也可以不使用th:object进行对象的选择，而直接使用*{…}获取数据，比如：

<div>
	<p>nick:<span th:text="*{user.nick}">张</span></p>
	<p>nick:<span th:text="*{user.phone}">21313xxxx</span></p>
	<p>nick:<span th:text="*{user.email}">1231@com</span></p>
	<p>nick:<span th:text="*{user.address}">北京</span></p>
</div>

三、URL表达式

• 语法：@{…}`

URL表达式可用于<script src="...">、<link href="...">、<a href="...">等

• 绝对URL，比如：

<a href="info.html" th:href="@{'http://localhost:8080/boot/user/info?id='+$
{user.id}}">查看</a>

• 相对URL，相对于页面，比如：

<a href="info.html" th:href="@{'user/info?id='+${user.id}}">查看</a>

• 相对URL，相对于项目上下文，比如：

<a href="info.html" th:href="@{'/user/info?id='+${user.id}}">查看</a>（项目的上下文会被自动添加）