1. 程式人生 > 程式設計 >SpringBoot使用thymeleaf模板過程解析

SpringBoot使用thymeleaf模板過程解析

這篇文章主要介紹了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. 瀏覽器測試

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。