SpringBoot で Thymeleaf テンプレートを使用する方法
- WBOY転載
- 2023-05-17 19:19:511304ブラウズ
1. Thymeleaf とは
公式 Web サイトの原文: Thymeleaf は、Web およびスタンドアロン環境に適した最新のサーバーサイド Java テンプレート エンジンで、HTML、XML、JavaScript、CSS などを処理できます。プレーンテキスト。 Thymeleaf は、美しく、メンテナンスが簡単なテンプレートを作成する方法を提供することを目的としています。これは自然なテンプレートをモデルにしており、デザイン プロトタイプとしてテンプレートに影響を与えない方法でロジックをテンプレート ファイルに挿入します。これにより、設計コミュニケーションが改善され、設計チームと開発チーム間のギャップが解消されます。 Thymeleaf は、Web アプリケーション開発用の HTML5 テンプレート エンジンです。 Thymeleaf は Spring MVC を統合するためのオプション モジュールを提供します。アプリケーション開発では、Thymeleaf を使用して、JSP や他のテンプレート エンジン (Velocity、FreeMarker など) を完全に置き換えることができます。 Thymeleaf の主な目的は、ブラウザで正しく表示できる適切な形式のテンプレートを作成する方法を提供することです。 jsp を置き換える thymeleaf テンプレート エンジン。
2. SpringBoot で Thymeleaf テンプレートを使用する
1. pom.xml に thymeleaf の依存関係を追加します
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>2. アプリケーションで thymeleaf キャッシュをオフにします
yml Spring の下に次のコードを追加します: (これにより、変更されたページが時間内に有効になり、同様のホット デプロイメント効果が得られます):
#能让改动的页面及时生效，实现类似热部署效果
thymeleaf:
cache: falseインデントに注意してください。追加後のインデントは次のようになります。次のように:
3. thymeleaf テンプレート ページを作成します
次のように、通常の HTML ファイル hello.html を作成します。 ##
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html> 名前空間 xmlns:th="http://www.thymeleaf.org" を html タグに追加すると、そのページが thymeleaf テンプレート ページであることが示されます。つまり、上記のコードの を このようにして、EL 式と同様に、ページ上のタグの th 属性を使用してモデル内の値を取得できます。具体的な使用コードは次のとおりです:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p th:text="'欢迎来到中国，我叫'+${name}+',今年'+${age}+'岁。'"></p>
<p>欢迎来到中国，我叫<span th:text="${name}"></span>,今年<span th:text="${age}"></span>岁。</p>
</body>
</html>4. クラスを作成します (上記の HTML ページと対話するために使用されます) ackage com.ysw.springboot01.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
@RequestMapping("/thy")
public class ThymeleafController {
@RequestMapping("/hello")
public String hello0(Model model){
//向model中存入数据
model.addAttribute("name","李白");
model.addAttribute("age","18");
//跳转到hello.html模版引擎
return "hello";
}
}
5. サービス パスにアクセスします
効果は次のとおりです:
以上がSpringBoot で Thymeleaf テンプレートを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。