SpringBoot で Thymeleaf テンプレートを使用する方法-＆＃＆チュートリアル-php.cn

SpringBoot で Thymeleaf テンプレートを使用する方法

WBOY

リリース： 2023-05-17 19:19:51

転載

1307 人が閲覧しました

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

ログイン後にコピー

インデントに注意してください。追加後のインデントは次のようになります。次のように:

SpringBoot で Thymeleaf テンプレートを使用する方法

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="&#39;欢迎来到中国，我叫&#39;+${name}+&#39;,今年&#39;+${age}+&#39;岁。&#39;"></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 テンプレートを使用する方法