欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Thymeleaf常用语法:数据延迟加载

程序员文章站 2023-08-30 13:51:23
在处理模板时,可以由模板逻辑决定是否加载数据,以提高性能。 在Spring Boot控制器中设置数据时,使用LazyContextVariable可以实现这功能。 ......

在处理模板时,可以由模板逻辑决定是否加载数据,以提高性能。
在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 ,页面显示数据,控制台输出"模拟查询数据,实际应用中可以直接查询数据库”。