【8/27まで】Udemyの人気コースが今なら1,200円から!!

【Spring Boot】thymeleaf(メモ)

【Spring Boot】thymeleaf

リンクURL式"@{}"

記述例は以下のとおりです。

HTML

<link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet">

メッセージ式"#{}"

messeage_ja_propertiesのテキストを埋め込むことができます。
記述例は以下のとおりです。

HTML

<h4 class="border-bottomy-3" th:text="#{contents}"></h4>

変数式"${}"

テキストを埋め込むことができます。
記述例は以下のとおりです。

HTML

<form th:action="@{/}" th:object="${otoiawase}" method="post" novalidate>

選択変数式"*{}"

th:objectが指定された要素ないでオブジェクト名を省略してフィールド名のみ記載できるようになります。

HTML

<div class="invalid-feedback" th:errors="*{name}"></div>

th:errorclass="xxx"

エラーがあった場合にclass属性にstyleを付与できます。
記述例は以下のとおりです。

HTML

<input type="text" class="form-control" th:errorclass="is-invalid" placeholder="taro" th:field="*{name}">

th:error

エラーがあった場合にエラーメッセージを表示できます。

HTML

<div class="invalid-feedback" th:errors="*{name}"></div>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です