Spring MVCおよびThymeleaf/プロジェクトの作成

8054 ワード
Springboot テキストリンク
実画面を構成するスプリングMVC設定とThymeleaf技術の使い方を学ぶ.設定

Thymeleafを使用したプロジェクトの作成(Initializer)



上記のように、設定後にAdd DependenciesにThymeleafを追加します.

その他のSpring devツールとLombok、Spring webを追加

以上のように設定して生成します.

intellijでex 3を開く

application.propertiesに上記の内容を追加します.
spring.thymeleaf.cache = false
これはcacheを使用しないことを意味します(結果値をすぐに更新するために)
->作成した結果をサーバに保存し続けるかどうかを設定し、thymeleafファイルを変更および保存し、ブラウザで変更の結果を表示します.
自動的に再起動できます!
コントローラパッケージ、samplecontrollerクラスの作成
package org.zerock.ex3.controller;

import lombok.extern.log4j.Log4j2;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/sample") //주소를 요청할 때 
@Log4j2 //log에 대한 기록 남길 때 도움 
public class SampleController {
        @GetMapping("/ex1")
        public void ex1(){
            log.info("ex1..........");
        }
}
上のコードを貼り付けます.
SampleController@Log 4 j 2を適用して操作を確認します.
次にtemplatesにsampleというディレクトリを作成します.

最初に作ったときはこんなテンプレート見本に撮られる.

上の設定で、Compact Middle Packagesの選択を解除します.

上記のように分離する.
サンプルにex 1が入っています.htmlファイルの生成
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 th:text="${'Hello World'}"></h1>
</body>
</html>
以上のようにhtmlタグとh 1タグにthを加える.
Thymeleafに関連するプラグインはデフォルトでインストールされていますが、xmlnsプロパティを指定すると、より多くのコードを完了できます.

Thymmeleafの構造と利点:


構造:
既存のプロパティの前にth:を付け、プロパティ値を指定します.th:textth:eachth:classth:ifth:unlessなど.
メリット:
JSPと異なりhtmlにタグを残してタグを追加するだけで、既存のhtml構造を破壊することは少ない
プロジェクトを実行し、ブラウザでlocalhost:8080/sample/ex 1を検証します.
実行結果:

htmlテンプレートプリファレンスの設定


まず、毎回そのコードを打つのがおっくうなので、settingsでtemplateを検索し、html fileにthコードを追加して適用します!
cobolt -> goblin
BZOJ 4244スタンプラリー