Thymeleaf数据延迟加载 简单了解Thymeleaf语法 数据延迟加载使用实例
gdjlc 人气:0想了解简单了解Thymeleaf语法 数据延迟加载使用实例的相关内容吗，gdjlc在本文为您仔细讲解Thymeleaf数据延迟加载的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Thymeleaf,数据,延迟加载，下面大家一起来学习吧。
在处理模板时，可以由模板逻辑决定是否加载数据，以提高性能。
在Spring Boot控制器中设置数据时，使用LazyContextVariable可以实现这功能。
开发环境：IntelliJ IDEA 2019.2.2
Spring Boot版本：2.1.8
新建一个名称为demo的Spring Boot项目。
1、pom.xml
加入Thymeleaf依赖
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
2、src/main/java/com/example/demo/User.java
package com.example.demo;
public class User {
Integer id;
String name;
public User(Integer id, String name) {
this.id = id;
this.name = name;
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
3、src/main/java/com/example/demo/TestController.java
package com.example.demo;
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.thymeleaf.context.LazyContextVariable;
import java.util.ArrayList;
import java.util.List;
@Controller
public class TestController {
@RequestMapping("/{show}")
public String test(Model model, @PathVariable("show") boolean show){
model.addAttribute("users", new LazyContextVariable() {
@Override
protected Object loadValue() {
return queryUsers();
}
});
model.addAttribute("show", show);
return "test";
}
private List<User> queryUsers(){
System.out.println("模拟查询数据，实际应用中可以直接查询数据库");
List<User> users = new ArrayList<User>();
users.add(new User(1,"张三"));
users.add(new User(2,"李四"));
users.add(new User(3,"王五"));
return users;
}
}
4、src/main/resources/templates/test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
table { border-collapse:collapse;}
td { border: 1px solid #C1DAD7;}
</style>
</head>
<body>
<table th:if="${show == true}">
<tr th:each="user : ${users}">
<td th:text="${user.id}"></td>
<td th:text="${user.name}"></td>
</tr>
</table>
</body>
</html>
浏览器访问：
http://localhost:8080/false ，页面没显示数据，控制台没输出信息。
http://localhost:8080/true ，页面显示数据，控制台输出"模拟查询数据，实际应用中可以直接查询数据库”。
加载全部内容