引言:
好几个项目用到这个thymeleaf,在这里记录下心得。
Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP,FreeMaker等。与其它模板引擎相比,Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个Web应用,源码的可阅读性高。
一、maven依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
二、contorller层简单写了一下
@GetMapping("/")
public String index(ModelMap modelMap) {
modelMap.addAttribute("tableName", "用户信息");
List<User> userList = new ArrayList<>();
User u1 = new User();
u1.setName("it疯子也");
u1.setAge(22);
User u2 = new User();
u2.setName("张三");
u2.setAge(25);
userList.add(u1);
userList.add(u2);
modelMap.addAttribute("userList", userList);
return "index";
}
三、新建html页面
新建index.html页面,放在templates文件下,springboot自动配置的视图解析器能找到。
注:
html标签加上 xmlns:th="http://www.thymeleaf.org",这样才能解析thymeleaf的标签语法。
标签上使用th:text="${xxx}",能从modelMap中取出对应的值,并替换标签html内容。
th:each="xxx: ${xxx}",这是thymeleaf遍历数组的语法,会其他模板引擎或者vue的一眼能会。
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3 th:text="${tableName}"></h3>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tr th:each="user : ${userList}">
<td th:text="${user.name}"></td>
<td th:text="${user.age}"></td>
</tr>
</table>
</body>
</html>
四、运行效果
springboot整合thymeleaf很简单就完成了,当然要熟练运用就要掌握很多thymeleaf语法,俗话说得好熟能生巧还是要多用。学习任何新技术的时候都是踩过很多坑趟过来的。
整合这块就这么完了,后续会跟新常用的thymeleaf语法。并把链接贴在下面
五、常用的thymeleaf语法
待更。。。。
向上的路并不拥挤,而大多数人选择了安逸。--it疯子也