SpringBoot使用thymeleaf模板過程解析
阿新 • • 發佈:2020-01-07
這篇文章主要介紹了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. 瀏覽器測試
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。