43、視圖解析-Thymeleaf初體驗
“43、視圖解析-Thymeleaf初體驗”通常是指在學習Spring Boot框架時，關于如何使用Thymeleaf模板引擎進行視圖解析的入門課程或章節。以下是對該主題的詳細介紹：
#### Thymeleaf簡介
- **定義**：Thymeleaf是一個用于Web和獨立環境的現代服務器端Java模板引擎，能夠處理HTML、XML、JavaScript、CSS等多種文檔類型。
- **特點**
? ? - **自然模板**：模板與常規HTML兼容，可以在不經過模板引擎解析的情況下直接打開查看。
? ? - **可讀性強**：模板具有良好的可讀性，即使沒有模板引擎的上下文也能理解其結構。
? ? - **內置表達式語言**：提供強大的表達式語言（Thymeleaf EL），方便在模板中訪問和操作數據。
? ? - **語法簡潔**：標簽語法簡單明了，易于學習和使用。
? ? - **擴展性**：支持自定義標簽、表達式和工具，可根據項目需求進行功能擴展。
#### 使用Thymeleaf的步驟
1. **引入依賴**
? ? - 在`pom.xml`文件中添加Thymeleaf的依賴：
? ?```xml
? ?<dependency>
? ? ? ?<groupId>org.springframework.boot</groupId>
? ? ? ?<artifactId>spring-boot-starter-thymeleaf</artifactId>
? ?</dependency>
? ?```
2. **配置模板位置（可選）**
? ? - 默認情況下，Spring Boot會在`src/main/resources/templates`目錄下查找模板文件，模板的默認后綴名為`.html`。
? ? - 如果需要修改默認配置，可以在`application.properties`或`application.yml`中進行設置，例如：
? ?```properties
? ?spring.thymeleaf.prefix=classpath:/mytemplates/
? ?spring.thymeleaf.suffix=.tpl
? ?```
3. **創建Thymeleaf模板**
? ? - 在模板文件中引入Thymeleaf命名空間：
? ?```html
? ?<!DOCTYPE html>
? ?<html xmlns:th="http://www.thymeleaf.org">
? ?```
? ? - 使用Thymeleaf標簽動態綁定數據，例如：
? ?```html
? ?<h1 th:text="'Hello, ' + ${name} + '!'"></h1>
? ?```
4. **編寫控制器**
? ? - 在控制器方法中處理請求，并將數據添加到模型中：
? ?```java
? ?@Controller
? ?public class MyController {
? ? ? ?@GetMapping("/")
? ? ? ?public String index(Model model) {
? ? ? ? ? ?model.addAttribute("name", "World");
? ? ? ? ? ?return "index"; // 返回視圖名稱，對應模板文件index.html
? ? ? ?}
? ?}
? ?```
5. **運行應用**
? ? - 啟動Spring Boot應用，訪問相應的URL，Thymeleaf將解析模板并渲染動態內容。
#### 示例
假設我們有一個簡單的需求，當用戶訪問根路徑時，顯示“Hello, World!”。
1. **引入依賴**
? ? - 在`pom.xml`中添加Thymeleaf依賴。
2. **創建模板**
? ? - 在`src/main/resources/templates`目錄下創建`index.html`文件：
? ?```html
? ?<!DOCTYPE html>
? ?<html xmlns:th="http://www.thymeleaf.org">
? ?<head>
? ? ? ?<title>Hello World</title>
? ?</head>
? ?<body>
? ? ? ?<h1 th:text="'Hello, ' + ${name} + '!'"></h1>
? ?</body>
? ?</html>
? ?```
3. **編寫控制器**
? ? - 創建一個控制器類：
? ?```java
? ?@Controller
? ?public class HelloController {
? ? ? ?@GetMapping("/")
? ? ? ?public String hello(Model model) {
? ? ? ? ? ?model.addAttribute("name", "World");
? ? ? ? ? ?return "index";
? ? ? ?}
? ?}
? ?```
4. **運行應用**
? ? - 啟動應用后，訪問`http://localhost:8080/`，頁面將顯示“Hello, World!”。
通過以上步驟，您就可以初步體驗使用Thymeleaf進行視圖解析的過程。
 拆機刷入Armbian固件)
)
