thymeleaf 用法总结

- 日理万妓 2023-01-23 14:52 81阅读 0赞

**1、输出 text**

**2、输出 html**

**3、输出到 a 标签属性中**

userid 是后台设置的值

**4、遍历 list**

**代码测试**

这里使用 springboot项目

定义 User实体类

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;
    
    }

定义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", "贾元春", 18);
            User user2 = new User("2", "贾迎春", 17);
            User user3 = new User("3", "贾探春", 16);
            User user4 = new User("4", "贾惜春", 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'>贾宝玉<p>", 16);
            return user;
        }
    }

thymeleaf 页面

<!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>

运行效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzanp6Y2Jx_size_16_color_FFFFFF_t_70][]

至此完

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzanp6Y2Jx_size_16_color_FFFFFF_t_70]: /images/20221004/53d5ac56c9164b10aa588d2ef37894aa.png