專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2021-06-08 16:27:13 來源：動力節點 瀏覽1091次
Thymeleaf的出現是為了取代JSP，雖然JSP存在了很長時間，并在Java Web開發中無處不在，但是它也存在一些缺陷：
1、JSP最明顯的問題在于它看起來像HTML或XML，但它其實上并不是。大多數的JSP模板都是采用HTML的形式，但是又摻雜上了各種JSP標簽庫的標簽，使其變得很混亂。
2、JSP規范是與Servlet規范緊密耦合的。這意味著它只能用在基于Servlet的Web應用之中。JSP模板不能作為通用的模板（如格式化Email），也不能用于非Servlet的Web應用。
相較于JSP來說，Thymeleaf很好的解決了這些缺點：
1、Thymeleaf模板是原生的，不依賴于標簽庫。它能在接受原始HTML的地方進行編輯和渲染。
2、因為它沒有與Servlet規范耦合，因此Thymeleaf模板能夠進入JSP所無法涉足的領域。這意味著Thymeleaf模板與JSP不同，它能夠按照原始的方式進行編輯甚至渲染，而不必經過任何類型的處理器。當然，我們需要Thymeleaf來處理模板并渲染得到最終期望的輸出。即便如此，如果沒有任何特殊的處理，home.html也能夠加載到Web瀏覽器中，并且看上去與完整渲染的效果很類似。
Spring boot不建議使用JSP開發web。
二、集成Thymeleaf模板引擎
SpringBoot對Thymeleaf模板引擎的支持也很簡單：
1、pom.xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
這時候，SpringBoot對Thymeleaf模板的支持就完成了，我們就能在Web開發中使用Thymeleaf模板了，簡單吧？
之前的文章有提到SpringBoot的關鍵是“約定俗成”。既然我們選擇了這么簡單的配置，那么在開發中就要遵守SpringBoot對Thymeleaf約定俗成的方案，最重要的一點就是模板文件放在templates目錄下，即模板解析器前綴是/templates/，后綴是.html。
2、application.yml
如果不想要所謂約定俗成的方案，想進行一些自定義的配置呢？且看下方：
spring:
thymeleaf:
prefix: classpath:/templates/
suffix: .html
servlet:
content-type: text/html
enabled: true
encoding: UTF-8
mode: HTML5
cache: false
3、WebConfig.java
如果上面的配置還不能達到你的要求，你想要更細化對Thymeleaf的控制，包括配置視圖解析器、模板解析器以及模板引擎這些，那么請看下面的方案！
/**
* 1、ThymeleafViewResolver 接收邏輯視圖名稱將它解析為視圖
* 2、SpringTemplateEngine會在Spring中啟用Thymeleaf引擎，用來解析模板，并基于這些模板渲染結果
* 3、TemplateResolver會最終定位和查找模板。
*/
@Configuration
public class WebConfig {
/**
* 配置 Thymeleaf 視圖解析器 —— 將邏輯視圖名稱解析為 Thymeleaf 模板視圖
*
* @param springTemplateEngine 模板引擎
* @return
*/
@Bean
public ViewResolver viewResolver(SpringTemplateEngine springTemplateEngine){
ThymeleafViewResolver resolver = new ThymeleafViewResolver();
resolver.setTemplateEngine(springTemplateEngine);
return resolver;
}
/**
* 模板引擎 —— 處理模板并渲染結果
*
* @param templateResolver 模板解析器
* @return
*/
@Bean
public SpringTemplateEngine springTemplateEngine(ITemplateResolver templateResolver) {
SpringTemplateEngine springTemplateEngine = new SpringTemplateEngine();
springTemplateEngine.setTemplateResolver(templateResolver);
return springTemplateEngine;
}
/**
* 模板解析器 —— 加載 Thymeleaf 模板
*
* @return
*/
@Bean
public ITemplateResolver templateResolver() {
SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
templateResolver.setPrefix("classpath:/templates/");
templateResolver.setSuffix(".html");
templateResolver.setTemplateMode(TemplateMode.HTML);
templateResolver.setCacheable(false);
templateResolver.setTemplateMode("HTML5");
return templateResolver;
}
}
三、使用Thymeleaf模板
做好了上面的配置后，讓我們來看看如何在SpringBoot中使用Thymeleaf模板吧：
1、模板文件—/templates/user/list.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
</head>
<body>
<h2>用戶列表</h2>
<div>
<ul>
<li th:each="user:${users}">
<span th:text="${user.uuid}"></span>-
<span th:text="${user.name}"></span>-
<span th:text="${user.age}"></span>-
<span th:text="${user.address}"></span>
</li>
</ul>
</div>
</body>
</html>
2、控制層—ModelAndViews
這里Model指的是：控制層處理完請求，返回需要渲染的結果；Views指的是：模板的邏輯視圖名（前后端分離）。
@Controller
@RequestMapping("/user")
public class UserController {
@RequestMapping("/list")
public String listUser(Model model) {
List<UserDto> userList = new ArrayList<>();
for (int i = 0; i < 10; i++) {
userList.add(new UserDto(UUID.randomUUID().toString().replace("-", ""), "張三" + i, 1, "中國北京"));
}
model.addAttribute("users", userList);
return "user/list";
}
}
3、效果
以上就是動力節點小編介紹的"Thymeleaf模板基礎"，希望對大家有幫助，如有疑問，請在線咨詢，有專業老師隨時為您服務。
Java實驗班
0基礎 0學費 15天面授
Java就業班
有基礎 直達就業
Java夜校直播班
業余時間 高薪轉行
Java在職加薪班
工作1~3年，加薪神器
Java架構師班
工作3~5年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號