Thymeleaf表达式

80 阅读 0 评论 53 点赞

我是靠谱客的博主精明便当，最近开发中收集的这篇文章主要介绍Thymeleaf表达式，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、标准变量表达式：th:text="${...}"

需要在属性里面填写

例如：

用户编号：<span th:text="${user.id}"></span><br/>
用户姓名：<span th:text="${user.username}"></span><br/>
用户年龄：<span th:text="${user.age}"></span><br/>

2、选择变量表达式：(星号表达式):*{}（不推荐）

*{}必须使用th:object属性进行绑定对象th:object="${user}"，内容必须在绑定对象的标签内部去写。

在子标签中使用 * 来代替绑定对象${user}

例如：

<div th:object="${user}">
用户编号：<span th:text="*{id}"></span><br/>
用户姓名：<span th:text="*{username}"></span><br/>
用户年龄：<span th:text="*{age}"></span><br/>
</div>

3、标准变量表达式与选择变量表达式的混合使用（不推荐）

例如：

用户编号：<span th:text="${user.id}"></span><br/>
用户姓名：<span th:text="${user.username}"></span><br/>
用户年龄：<span th:text="${user.age}"></span><br/>

4、URL路径表达式：@{...}

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>url</title>
</head>
<body>
<h1>url路径表达式：@{...}</h1>
<h2>A标签中的绝对路径（无参数）两者效果无区别</h2>
<a href="http://www.baidu.com">传统写法</a><br/>
<a th:href="@{http://www.baidu.com}">跳转到百度</a><br/>
<a href="http://localhost:8080/user/detail">传统跳转到userDetail</a><br/>
<a th:href="@{http://localhost:8080/user/detail}">跳转至userDetail</a><br/>
<h2>url表达式相对路径（无参数）(实际开发中推荐使用,没有固定的ip和端口号)</h2><br/>
<a th:href="@{/user/detail}">跳转至userDetail</a><br/>
<h2>绝对路径（带参数）（不推荐）</h2><br/>
<a href="http://localhost:8080/test?username='zhangsan'">张三</a><br/>
<a th:href="@{http://localhost:8080/test?username=lisi}">李四</a><br/>
<h2>相对路径（带参数）</h2><br/>
<a th:href="@{/test?username=wangwu}">相对路径，带参</a><br/>
<h2>相对路径（带参数，后台获取参数）</h2><br/>
<a th:href="@{'/test?username='+${id}}">相对路径，后台传参</a><br/>
<h2>相对路径带多参（多参，后台获取）</h2><br/>
<a th:href="@{'/test1?id='+${id}+'&username='+${username}+'&age='+${age}}">多参</a><br/>
<a th:href="@{/test1(id=${id},username=${username},age=${age})}">不拼接</a><br/>
<h2>RESTful风格</h2><br/>
<a th:href="@{'/test2/'+${id}}">请求路径为RESTful方式请求id</a><br/>
<a th:href="@{'/test3/'+${id}+'/'+${username}+'/'+${age}}">请求路径为RESTful方式请求id,username,age</a>
</body>
</html>

package com.bjpowernode.springboot.web;
import com.bjpowernode.springboot.model.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class UserController {
@RequestMapping(value = "/user/detail")
public ModelAndView userDetail(){
ModelAndView mv = new ModelAndView();
User user = new User();
user.setId(1001);
user.setUsername("lio");
user.setAge(22);
mv.setViewName("userDetail");
mv.addObject("user",user);
return mv;
}
@RequestMapping(value = "/url")
public String url(Model model){
model.addAttribute("id",1001);
model.addAttribute("username","zhaoliu");
model.addAttribute("age",21);
return "url";
}
@RequestMapping(value = "/test")
public @ResponseBody String test(String username){
return "请求路径/test，带参数为"+username;
}
@RequestMapping(value = "/test1")
public @ResponseBody String test1(Integer id,String username,Integer age){
return "请求路径/test1，编号为"+id+",姓名为"+username+",年龄为"+age;
}
@RequestMapping(value = "/test2/{id}")
public @ResponseBody String test2(@PathVariable("id") Integer id){
return "id=，编号为"+id;
}
@RequestMapping(value = "/test3/{id}/{username}/{age}")
public @ResponseBody String test3(@PathVariable("id") Integer id,
@PathVariable("username") String username,
@PathVariable("age") Integer age){
return "id，编号为"+id+",姓名为"+username+",年龄为"+age;
}
}

js、img同