• SpringBoot使用thymeleaf


     1.导入依赖

     <!-- 添加thymeleaf模版的依赖 -->
         <dependency>
                <groupId>org.springframework.boot</groupId>  
                <artifactId>spring-boot-starter-thymeleaf</artifactId>  
       </dependency>

    2.application.yml文件中新增thymeleaf配置

    ###配置thymeleaf
    spring:
      thymeleaf:
        cache: false

    3.创建实体类

    public class Student {
        private Integer stu_id;
        private String stu_name;
    
        public Integer getStu_id() {
            return stu_id;
        }
    
        public void setStu_id(Integer stu_id) {
            this.stu_id = stu_id;
        }
    
        public Student(Integer stu_id, String stu_name) {
            this.stu_id = stu_id;
            this.stu_name = stu_name;
        }
    
        public String getStu_name() {
            return stu_name;
        }
    
        public void setStu_name(String stu_name) {
            this.stu_name = stu_name;
        }
    }

    4.在src/main/resource文件夹下创建templates文件夹

    并创建一个index.html以备后续使用

     5.创建一个ThyController类

    @Controller
    @RequestMapping("/thyController")
    public class ThyController {
        @RequestMapping("/thymeleaf")
        public String thymeleaf(Model model){
            List<Student> list=new ArrayList<>();
            Student stu1=new Student(1,"张三");
            Student stu2=new Student(2,"李四");
            Student stu3=new Student(3,"王五");
    
            list.add(stu1);
            list.add(stu2);
            list.add(stu3);
    
            model.addAttribute("stuList",list);
            return "index";
        }
    }

    6.hello.html页面

    <!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8"/>
        <title>ss</title>
    </head>
    <body>
    <ul th:each="stu:${stuList}">
        <li><span th:text="${stu.stu_id}"></span><span th:text="${stu.stu_name}"></span></li>
    </ul>
    </body>
    </html>

    7. 浏览器测试

     

  • 相关阅读:
    Maven学习笔记
    [学习笔记] 网络流
    [Contest on 2021.11.3] 女子口阿
    [杂题合集] 25 岁小伙突然没了心跳,他的习惯很多年轻人都有!
    CSP 2021 提高组游记
    [题目小结] 可持久化数据结构
    [学习笔记] 无向图和有向图的连通分量
    [Contest on 2021.10.17] HustOJ 就是个 **
    [Contest on 2021.10.15] 细思极恐
    妖怪寺外,灯火通明
  • 原文地址:https://www.cnblogs.com/Chencheno/p/12030019.html
Copyright © 2020-2023  润新知