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的区别 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>
