SpringBoot—整合thymeleaf

引言：

好几个项目用到这个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>