当前位置：网站首页>Thymeleaf Usage Summary

Thymeleaf Usage Summary

2022-06-25 14:27:00 【Enlightened gentleman】

1、 Output text

<div th:text="${user.age}"></div>

2、 Output html

<div th:utext="${user.name}"></div>

3、 Output to a In tag properties

userid Is the value of the background setting

<a  th:href="@{/user/detail/{id}(id=${userid})}"></a>

4、 Traverse list

<a th:each="u : ${userList}">
    <p>
        <span  th:text="${u.name}"></span>
        <span  th:text="${u.age}"></span>
    </p>
</a>

Code testing

Use here springboot project

Definition User Entity class

package com.learn.bean;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

/**
 * User
 *
 * @author wsjz
 * @date 2021/07/15
 */
@NoArgsConstructor
@AllArgsConstructor
@Data
public class User {

    private String id;

    private String name;

    private Integer age;

}

Definition controller

package com.learn.controller;

import com.learn.bean.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
import java.util.ArrayList;
import java.util.List;

/**
 * DemoController
 *
 * @author wsjz
 * @date 2021/07/15
 */
@Controller
public class IndexController {

    @RequestMapping("/")
    public ModelAndView index() {
        ModelAndView mav = new ModelAndView();

        mav.addObject("userList", userList());
        mav.addObject("user", user());
        mav.setViewName("index");
        return mav;
    }

    private List<User> userList() {
        List<User> userList = new ArrayList<>();

        User user1 = new User("1", " Jia Yuanchun ", 18);
        User user2 = new User("2", " Jia Yingchun ", 17);
        User user3 = new User("3", " Jia Tanchun ", 16);
        User user4 = new User("4", " Jia Xichun ", 15);

        userList.add(user1);
        userList.add(user2);
        userList.add(user3);
        userList.add(user4);

        return userList;
    }

    private User user() {
        User user = new User("5", "<p style='color:red'> Jia Baoyu <p>", 16);
        return user;
    }
}

thymeleaf  page

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<a  th:href="@{/user/detail/{id}(id=${u.id})}" th:each="u : ${userList}">
    <p>
        <span th:text="${u.name}"></span>
        <span th:text="${u.age}"></span>
    </p>
</a>

<hr>
<div th:utext="${user.name}"></div>
<div th:text="${user.age}"></div>
</body>
</html>

Running effect

That's it

原网站

版权声明
本文为[Enlightened gentleman]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202200521357491.html

当前位置：网站首页>Thymeleaf Usage Summary

Thymeleaf Usage Summary

边栏推荐

猜你喜欢

随机推荐