springMVC 整合thymeleaf
-
添加依賴
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="xml" cid="n5" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit;">
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf</artifactId>
<version>3.0.6.RELEASE</version>
</dependency>
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf-spring4</artifactId>
<version>3.0.6.RELEASE</version>
</dependency></pre> -
配置文件
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="xml" cid="n12" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit;">
<bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">
<property name="prefix" value="/WEB-INF/views/"/>
<property name="suffix" value=".html"/>
<property name="templateMode" value="HTML"/>
<property name="cacheable" value="false"/>
</bean>
<bean id="templateEngine"
class="org.thymeleaf.spring4.SpringTemplateEngine">
<property name="templateResolver" ref="templateResolver"/>
<property name="enableSpringELCompiler" value="true"/>
</bean>
<bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
<property name="templateEngine" ref="templateEngine"/>
<property name="characterEncoding" value="utf-8"/>
</bean></pre> -
網頁申明
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n18" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit;"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"></pre> -
表達式符號
-
"#"代表獲取對象從 messages bundle 也就是消息資源本地化文件
在${}中使用時,代表引用方法
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n39" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit;"><td th:text="${#dates.format(user.createTime,'yyyy-MM-dd')}">2012-12-10</td></pre>
-
$ 表示從model里面獲取
#羡洛、$這2個可以一起用 比如#{'system.'+${model.id}} 這相當于 #{system.01}的資源本地化文件中的system.01內容
-
表示從當前對象中讀取屬性
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n56" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit;"><div th:object="${session.user}">
<p>Name: <span th:text="{firstName}">Sebastian</span>.</p>
<p>Surname: <span th:text="{lastName}">Pepper</span>.</p>
<p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
</div></pre>
@{} 表示一個URL表達式
~{...} 表示引有頁面的表達式
-
-
常用th標簽
th:each="user:
{users}" th:class="
{status.index}+1">1</td>
th:href 重新生成url th:href="@{/list/details(id=
{lid}|" 生成：http://domain.org/list/details?id=1 擴展 th:href="@{'/list/details/'+${user.id}} 生成 http://domain.org/context/list/details/1
th:text="
{user.name}"
th:with,定義變量 th:with="isEven=${prodStat.count}%2==0"础爬，定義多個變量可以用逗號分隔
th:attr贫奠，設置標簽屬性 多個屬性可以用逗號分隔，比如th:attr="src=@{/image/aa.jpg},title=#{logo}"
th:if or th:unless爆雹，條件判斷 支持布爾值撑刺，數字（非零為true)爸吮，字符，字符串等
-
th:switch铅忿，th:case剪决，選擇語句
th:case="*"表示default case
示例
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n181" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; margin-top: 0px; margin-bottom: 20px; font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; white-space: normal; background: rgb(51, 51, 51); position: relative !important; padding: 10px 10px 10px 30px; width: inherit;"><div th:switch="${user.role}">
<p th:case="'admin'">User is an administrator</p>
<p th:case="#{roles.manager}">User is a manager</p>
<p th:case="*">User is some other thing</p>
</div></pre>
th:fragment，th:include,th:substituteby:fragment為片段標記 指定一個模板內一部分代碼為一個片段檀训，然后在其它的頁面中用th:include或
th:substituteby進行包含柑潦。 片段格式 "templatename::fragname"，指定模板內的指定片段 "templateName::[domselector]"峻凫，指定模板的dom selector渗鬼，被包含的模板內不需要th:fragment. ”templatename"，包含整個模板 示例 th:include="footer::$(user.logined)?'logined':'notLogin'" 格式內可以為表達式 th:include和th:substituteby的區(qū)別 th:include 包含片段的內容到當前標簽內 th:substituteby 用整個片段（內容和上一層）替換當前標簽（不僅僅是標簽內容） th:object 獲取model中的對象
?
<form action="#" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px;">th:field 獲取表單中綁定對象的字段 <input type="text" style="box-sizing: border-box !important; color: rgb(184, 191, 198); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; background-color: var(--bg-color); padding-left: 4px; border: 1px solid transparent;">
th:errors 顯示頁面中包含的錯誤* 顯示username字段上的錯誤* 顯示所有錯誤 其它請參考：thymeleaf所有標簽屬性.xlsx和thymeleaf-spring.pdf</form>?
