一前言

本篇內容是關於thymeleaf的入門知識，即thymeleaf的引擎模板的入門搭建過程；

公眾號：知識追尋者

知識追尋者(Inheriting the spirit of open source, Spreading technology knowledge;)

二 springboot整合thymeleaf

2.1 thymeleaf簡介

Thymeleaf 是 Java 模板引擎，Spring 官方推薦使用，也是 Spring Boot 默認的模板引擎；前后端分離之前就是thymeleaf這類引擎模板的地盤；其支持HTML5的視圖模板，能夠無縫銜接springboot；主要用途能進行web開發和非web開發，比如頁面渲染，代碼生成，文檔生成等等，做些日常的小工具是個很好的選擇；

2.2 pom.xml

springboot 2.x; maven 3.5 ; jdk -1.8; 引入 web 和 thymeleaf 啟動器；

 		<!--thymeleaf引擎模板-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!-- html無需嚴格校驗-->
        <dependency>
            <groupId>net.sourceforge.nekohtml</groupId>
            <artifactId>nekohtml</artifactId>
            <version>1.9.15</version>
        </dependency>

2.3 application.yml

thymeleaf 引擎模板的相關配置，主要是字符集，資源路徑，模板路徑，關閉緩存；

server:
  port: 9200
spring:
  # 引擎模板配置
  thymeleaf:
    cache: false # 關閉緩存
    mode: LEGACYHTML5 # 去除htm5嚴格校驗
    prefix: classpath:/templates/ # 指定 thymeleaf 模板路徑
    encoding: UTF-8 # 指定字符集編碼
  mvc:
    static-path-pattern: /static/** # js ,css 等靜態文件路徑

2.3 實體

用戶實體存儲數據，實現內容就是在控制層進行封裝數據通過springMVC的 ModelAndView 進行視圖轉發至thymeleaf 引擎模板位置；

public class User {

    private Long id;

    private String name;

    private Integer age;
}

2.4 控制層

學過springMVC的讀者應該不陌生，非常容易理解，就是請求，封裝數據，視圖轉發，渲染；

/**
 * @Author lsc
 * <p> </p>
 */
@Controller//聲明一個控制器
public class UserController {

    @GetMapping("/user")// 請求路徑為 ip + port + /user
    // 當訪問此路徑時會轉發至邏輯視圖 user
    public String getUser(Model model){
        // list中存放 用戶
        ArrayList<User> userList = new ArrayList<>();
        for (long i=0; i<5; i++){
            User user = new User();
            user.setId(i);
            user.setAge(18);
            user.setName("知識追尋者");
            userList.add(user);
        }
        // 為視圖添加用戶
        model.addAttribute("users",userList);
        // 邏輯視圖為 user 即在 templates 下的 user.html
        return "user";
    }

}

2.5 user.html

user.html 文件位置為resource/templates/ 下；語法知識看文末鏈接；

<!DOCTYPE html>
<!--將默認的頭 <html lang="en"> 引入thymeleaf-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用戶頁面</title>
</head>
<body>
<table border="1px">
    <tr>
        <th>id</th>
        <th>name</th>
        <th>age</th>
    </tr>
    <!--通過 th:aech 語法迭代user集合-->
    <tr th:each="user: ${users}">
        <td th:text="${user.id}"></td>
        <td th:text="${user.name}"></td>
        <td th:text="${user.age}"></td>
    </tr>
</table>
</body>
</html>

2.6 啟動結果

啟動工程訪問路徑 http://localhost:9200/user

頁面內容如下；

id	name	age
0	知識追尋者	18
1	知識追尋者	18
2	知識追尋者	18
3	知識追尋者	18
4	知識追尋者	18

三進階知識

對於深入學習引擎模板的語法相關知識，給出鏈接如下

官網 : https://www.thymeleaf.org/documentation.html

github : https://github.com/thymeleaf

https://www.jianshu.com/p/d24436f6cb70

本套教程

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 SpringBoot入門篇--Thymeleaf引擎模板的基本使用方法 Springboot(一)：入門篇 SpringBoot入門篇--使用Thymeleaf模板引擎進行頁面的渲染 Springboot 系列（一）Spring Boot 入門篇 Springboot整合SpringDataJpa入門篇（一） SpringBoot從零單排 ------初級入門篇 SpringBoot入門篇--使用IDEA創建一個SpringBoot項目【Unity游戲開發】SDK接入與集成——小白入門篇 SpringBoot 第一篇：入門篇 (轉)SDK接入與集成——小白入門篇

springboot集成thymeleaf(入門篇)

一 前言