SpringBoot_thymeleaf参考手册(转发大神的)

Myth丶恋晨 2022-05-20 00:26 203阅读 0赞

# thymeleaf参考手册 #

# 1、创建html #

<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"></html>
     另外：xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout".
    
    th:* attributes ： 
    
    layout:* attributes</code><ul class="pre-numbering" style=""><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li></ul></pre>

注意：html 中的标签必须严格规范，标签必须闭合，即<div />技术或者</div>类似结束
    
     
      
       1
       2

# 2、使用文本 #

<table> 
 <thead> 
  <tr> 
   <th align="left">语法</th> 
   <th align="left">说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">{home.welcome}</td> 
   <td align="left">使用国际化文本,国际化传参直接追加(value…)</td> 
  </tr> 
  <tr> 
   <td align="left">${user.name}</td> 
   <td align="left">使用会话属性</td> 
  </tr> 
  <tr> 
   <td align="left">@{}</td> 
   <td align="left"><code>&lt;link rel="stylesheet" type="text/css" media="all"href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" /&gt;</code></td> 
  </tr> 
  <tr> 
   <td align="left">–</td> 
   <td align="left">–</td> 
  </tr> 
  <tr> 
   <td align="left">${} 中预存对象（表达式中基本对象）</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">param</td> 
   <td align="left">获取请求参数，比如${param.name},<a href="http://localhost:8080?name=jeff" rel="nofollow">http://localhost:8080?name=jeff</a></td> 
  </tr> 
  <tr> 
   <td align="left">session</td> 
   <td align="left">获取 session 的属性</td> 
  </tr> 
  <tr> 
   <td align="left">application</td> 
   <td align="left">获取 application 的属性</td> 
  </tr> 
  <tr> 
   <td align="left">execInfo</td> 
   <td align="left">有两个属性 templateName和 now(是 java 的 Calendar 对象)</td> 
  </tr> 
  <tr> 
   <td align="left">ctx</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">vars</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">locale</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">httpServletRequest</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">httpSession</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">–</td> 
   <td align="left">–</td> 
  </tr> 
  <tr> 
   <td align="left">th扩展标签</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">th:text</td> 
   <td align="left">普通字符串</td> 
  </tr> 
  <tr> 
   <td align="left">th:utext</td> 
   <td align="left">转义文本</td> 
  </tr> 
  <tr> 
   <td align="left">th:href</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">th:attr</td> 
   <td align="left"><code>&lt;img src="../../images/gtvglogo.png" th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}" /&gt;</code></td> 
  </tr> 
  <tr> 
   <td align="left">th:with</td> 
   <td align="left">定义常量</td> 
  </tr> 
  <tr> 
   <td align="left">th:attrappend</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">th:classappend</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">th:styleappend</td> 
   <td align="left"></td> 
  </tr> 
 </tbody> 
</table>

其他th标签

<table> 
 <thead> 
  <tr> 
   <th>*</th> 
   <th>*</th> 
   <th>*</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>th:abbr</td> 
   <td>th:accept</td> 
   <td>th:accept-charset</td> 
  </tr> 
  <tr> 
   <td>th:abbr</td> 
   <td>th:accept</td> 
   <td>th:accept-charset</td> 
  </tr> 
  <tr> 
   <td>th:accesskey</td> 
   <td>th:action</td> 
   <td>th:align</td> 
  </tr> 
  <tr> 
   <td>th:alt</td> 
   <td>th:archive</td> 
   <td>th:audio</td> 
  </tr> 
  <tr> 
   <td>th:autocomplete</td> 
   <td>th:axis</td> 
   <td>th:background</td> 
  </tr> 
  <tr> 
   <td>th:bgcolor</td> 
   <td>th:border</td> 
   <td>th:cellpadding</td> 
  </tr> 
  <tr> 
   <td>th:cellspacing</td> 
   <td>th:challenge</td> 
   <td>th:charset</td> 
  </tr> 
  <tr> 
   <td>th:cite</td> 
   <td>th:class</td> 
   <td>th:classid</td> 
  </tr> 
  <tr> 
   <td>th:codebase</td> 
   <td>th:codetype</td> 
   <td>th:cols</td> 
  </tr> 
  <tr> 
   <td>th:colspan</td> 
   <td>th:compact</td> 
   <td>th:content</td> 
  </tr> 
  <tr> 
   <td>th:contenteditable</td> 
   <td>th:contextmenu</td> 
   <td>th:data</td> 
  </tr> 
  <tr> 
   <td>th:datetime</td> 
   <td>th:dir</td> 
   <td>th:draggable</td> 
  </tr> 
  <tr> 
   <td>th:dropzone</td> 
   <td>th:enctype</td> 
   <td>th:for</td> 
  </tr> 
  <tr> 
   <td>th:form</td> 
   <td>th:formaction</td> 
   <td>th:formenctype</td> 
  </tr> 
  <tr> 
   <td>th:formmethod</td> 
   <td>th:formtarget</td> 
   <td>th:frame</td> 
  </tr> 
  <tr> 
   <td>th:frameborder</td> 
   <td>th:headers</td> 
   <td>th:height</td> 
  </tr> 
  <tr> 
   <td>th:high</td> 
   <td>th:href</td> 
   <td>th:hreflang</td> 
  </tr> 
  <tr> 
   <td>th:hspace</td> 
   <td>th:http-equiv</td> 
   <td>th:icon</td> 
  </tr> 
  <tr> 
   <td>th:id</td> 
   <td>th:keytype</td> 
   <td>th:kind</td> 
  </tr> 
  <tr> 
   <td>th:label</td> 
   <td>th:lang</td> 
   <td>th:list</td> 
  </tr> 
  <tr> 
   <td>th:longdesc</td> 
   <td>th:low</td> 
   <td>th:manifest</td> 
  </tr> 
  <tr> 
   <td>th:marginheight</td> 
   <td>th:marginwidth</td> 
   <td>th:max</td> 
  </tr> 
  <tr> 
   <td>th:maxlength</td> 
   <td>th:media</td> 
   <td>th:method</td> 
  </tr> 
  <tr> 
   <td>th:min</td> 
   <td>th:name</td> 
   <td>th:optimum</td> 
  </tr> 
  <tr> 
   <td>th:pattern</td> 
   <td>th:placeholder</td> 
   <td>th:poster</td> 
  </tr> 
  <tr> 
   <td>th:preload</td> 
   <td>th:radiogroup</td> 
   <td>th:rel</td> 
  </tr> 
  <tr> 
   <td>th:rev</td> 
   <td>th:rows</td> 
   <td>th:rowspan</td> 
  </tr> 
  <tr> 
   <td>th:rules</td> 
   <td>th:sandbox</td> 
   <td>th:scheme</td> 
  </tr> 
  <tr> 
   <td>th:scope</td> 
   <td>th:scrolling</td> 
   <td>th:size</td> 
  </tr> 
  <tr> 
   <td>th:sizes</td> 
   <td>th:span</td> 
   <td>th:spellcheck</td> 
  </tr> 
  <tr> 
   <td>th:src</td> 
   <td>th:srclang</td> 
   <td>th:standby</td> 
  </tr> 
  <tr> 
   <td>th:start</td> 
   <td>th:step</td> 
   <td>th:style</td> 
  </tr> 
  <tr> 
   <td>th:summary</td> 
   <td>th:tabindex</td> 
   <td>th:target</td> 
  </tr> 
  <tr> 
   <td>th:title</td> 
   <td>th:type</td> 
   <td>th:usemap</td> 
  </tr> 
  <tr> 
   <td>th:value</td> 
   <td>th:valuetype</td> 
   <td>th:vspace</td> 
  </tr> 
  <tr> 
   <td>th:width</td> 
   <td>th:wrap</td> 
   <td>th:xmlbase</td> 
  </tr> 
  <tr> 
   <td>th:xmllang</td> 
   <td>th:xmlspace</td> 
   <td>th:alt-title 或th:lang-xmllang（如果其中两个属性值相同）</td> 
  </tr> 
 </tbody> 
</table>

对于 html5 元素名称的另一种友好写法

<table>
        <tr data-th-each="user : ${users}">
        <td data-th-text="${user.login}">...</td>
        <td data-th-text="${user.name}">...</td> </tr>
    </table>
     
      
       1
       2
       3
       4
       5

# 3、表达式语法 #

## 1、简单表达式语法 ##

*  `#{...}` : Message 表达式

<p th:utext="#{
       home.welcome(${ session.user.name})}"> Welcome to our grocery store, Sebastian Pepper!</p>
    <p th:utext="#{
       ${ welcomeMsgKey}(${session.user.name})}"> Welcome to our grocery store, Sebastian Pepper!</p> 
     
      
       1
       2

*  `${}`:变量表达式

ongl标准语法，方法也可以被调用
     
      
       1

*  `*{}` ：选择变量表达式

<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> 
    等价于
    <div>
        <p>Name: <span th:text="${session.user.firstName}">Sebastian</span>.</p> 
        <p>Surname: <span th:text="${session.user.lastName}">Pepper</span>.</p> 
        <p>Nationality: <span th:text="${session.user.nationality}">Saturn</span>.</p>
    </div>
    当然了，这两者可以混合使用
    还有一种方式
    <div>
        <p>Name: <span th:text="*{session.user.name}">Sebastian</span>.</p> 
        <p>Surname: <span th:text="*{session.user.surname}">Pepper</span>.</p> 
        <p>Nationality: <span th:text="*{session.user.nationality}">Saturn</span>.</p>
    </div>  
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18

*  `@{}`: 链接 URL 表达式

<a href="details.html" th:href="@{http://localhost:8080/gtvg/order/details(orderId=${o.id})}">view</a> 
    
    <a href="details.html" th:href="@{/order/details(orderId=${o.id})}">view</a>
    
    
    
    <a href="details.html" th:href="@{/order/{orderId}/details(orderId=${o.id})}">view</a>
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9

## 2、变量 ##

<table> 
 <thead> 
  <tr> 
   <th>分类</th> 
   <th>示例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>文本</td> 
   <td>‘one text’ , ‘Another one!’ ,…</td> 
  </tr> 
  <tr> 
   <td>数字</td> 
   <td>0 , 34 , 3.0 , 12.3 ,…</td> 
  </tr> 
  <tr> 
   <td>真假</td> 
   <td>true , false</td> 
  </tr> 
  <tr> 
   <td>文字符号</td> 
   <td>one , sometext , main ,…</td> 
  </tr> 
 </tbody> 
</table>

## 3、字符连接 ##

## 4、 算数运算 ##

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>示例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>+, -, *, /, %</td> 
   <td>二元运算符</td> 
  </tr> 
  <tr> 
   <td>-</td> 
   <td>减号（一元运算符）</td> 
  </tr> 
 </tbody> 
</table>

## 5、 真假运算 ##

<table> 
 <thead> 
  <tr> 
   <th>分类</th> 
   <th>示例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>and , or</td> 
   <td>二元运算符</td> 
  </tr> 
  <tr> 
   <td>! , not</td> 
   <td>否定（一元运算符）</td> 
  </tr> 
 </tbody> 
</table>

## 6、比较运算 ##

## 7、 条件运算 ##

<table> 
 <thead> 
  <tr> 
   <th>分类</th> 
   <th>示例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>if-then</td> 
   <td>(if) ? (then)</td> 
  </tr> 
  <tr> 
   <td>if-then-else</td> 
   <td>(if) ? (then) : (else)</td> 
  </tr> 
  <tr> 
   <td>Default</td> 
   <td>(value) ?: (defaultvalue)</td> 
  </tr> 
 </tbody> 
</table>

综合示例：

'User is of type ' + (${ user.isAdmin()} ? 'Administrator' : (${ user.type} ?: 'Unknown'))
     
      
       1

# 4、表达式中使用内置对象 #

#dates :
    
    utility methods for java.util.Date objects: formatting, component extraction, etc. #calendars : analogous to #dates , but for java.util.Calendar objects.
    
    #numbers :
    utility methods for formatting numeric objects.
    
    #strings : 
    utility methods for String objects: contains, startsWith, prepending/appending, etc. #objects : utility methods for objects in general.
    
    #bools : 
    utility methods for boolean evaluation. #arrays : utility methods for arrays.
    
    #lists :
    utility methods for lists.
    
    #sets : 
    utility methods for sets.
    
    #maps : 
    utility methods for maps.
    
    #aggregates : 
    utility methods for creating aggregates on arrays or collections.
    
    #messages : 
    utility methods for obtaining externalized messages inside variables expressions, in the same way as they would be obtained using #{...} syntax.
    
    #ids : 
    utility methods for dealing with id attributes that might be repeated (for example, as a result of an iteration).
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
       27
       28
       29
       30

# 5、预处理 #

__${expression}__
     
      
       1

# 6、循环 #

<tr th:each="prod : ${prods}">
        <td th:text="${prod.name}">Onions</td>
        <td th:text="${prod.price}">2.41</td>
        <td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
    </tr>
    
    迭代器的状态
    index: 当前的索引，从0开始
    count: 当前的索引，从1开始
    size：总数
    current:
    even/odd:
    first
    last
    <table> 
        <tr>
            <th>NAME</th>
            <th>PRICE</th>
            <th>IN STOCK</th>
        </tr>
        <tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}? 'odd'">
        <td th:text="${prod.name}">Onions</td>
        <td th:text="${prod.price}">2.41</td>
        <td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
      </tr>
    </table>
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26

# 7、判断 #

if
    
    <a href="comments.html" th:href="@{/product/comments(prodId=${prod.id})}" th:if="${not #lists.isEmpty(prod.comments)}">view</a>
    
    unless
    
    <a href="comments.html" th:href="@{/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view</a>
    
    switch
    
    <div th:switch="${user.role}">
        <p th:case="'admin'">User is an administrator</p> <p th:case="#{roles.manager}">User is a manager</p>
    </div>
    
    <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>
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18

# 8、模板布局 #

th:fragment
    
    示例
    
    templates/footer.html
    
    <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"
        <body>
             <div th:fragment="copy">
                © 2011 The Good Thymes Virtual Grocery
             </div>
        </body>
    </html>
    
    templates/index.html中使用
    
        <body> ...
            <div th:include="footer :: copy"></div> 
        </body>
    
    或者
        ...
        <div id="copy-section">
            © 2011 The Good Thymes Virtual Grocery 
        </div>
        ...
    
    使用
    
        <body> ...
            <div th:include="footer :: #copy-section"></div>
        </body>
    
    
    th:include 和 th:replace 区别
    
    th:include 加入代码
    
    th:replace 替换代码
    
    模板传参：参数传递顺序不强制
    
        定义
    
    <div th:fragment="frag (onevar,twovar)">
        <p th:text="${onevar} + ' - ' + ${twovar}">...</p>
    </div>
    
        使用
    
    <div th:include="::frag (${value1},${value2})">...</div>
    
    <div th:include="::frag (onevar=${value1},twovar=${value2})">...</div> 
    等价于 <div th:include="::frag" th:with="onevar=${value1},twovar=${value2}">）
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
       27
       28
       29
       30
       31
       32
       33
       34
       35
       36
       37
       38
       39
       40
       41
       42
       43
       44
       45
       46
       47
       48
       49
       50
       51
       52
       53
       54
       55

# 9、移除标签 th:remove #

取值范围

*  all：移除所有
 *  body：不移除自己，但移除他的子标签
 *  tag: 只移除自己，不移除他的子标签
 *  all-but-first：移除所有内容除第一个外
 *  none：啥都不做

# 10、执行顺序 #

![这里写图片描述][SouthEast]

# 11、thymeleaf注释语法 #

*  html 看不到，并且 thymeleaf 不会执行

1

*  and 未运行可以在 html 中看到，运行后就消失

<div>you can see me only before thymeleaf processes me! </div>
    
     
      
       1
       2
       3

*  运行后才会看到

<span>hello!</span>
    
    <span>goodbye!</span>
     
      
       1
       2
       3
       4
       5

# 12、th:block 的使用 #

<table>
        <th:block th:each="user : ${users}">
        <tr>
            <td th:text="${user.login}">...</td> <td th:text="${user.name}">...</td>
        </tr>
        <tr>
            <td colspan="2" th:text="${user.address}">...</td> 
        </tr>
        </th:block>
    </table>
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10

推荐下面写法（编译前看不见）

<table>
        <tr>
            <td th:text="${user.login}">...</td>
            <td th:text="${user.name}">...</td> </tr>
            <tr>
            <td colspan="2" th:text="${user.address}">...</td>
        </tr>
         
    </table>
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9

# 13、文本内联th:inline #

th:inline 可以等于 text , javascript(dart) , none

*  text: \[\[…\]\]

<p th:inline="text">Hello, [[#{test}]]</p>
     
      
       1

*  javascript: /*\[\[…\]\]*/

*  adding code: /\* \[+…+\]\*/

var x = 23;
    /*[+
    var msg = 'Hello, ' + [[${session.user.name}]]; +]*/
    var f = function() {
    ...
     
      
       1
       2
       3
       4
       5

*  removind code: /*\[-* / and /\* -\]\*/

var x = 23;
    /*[- */
    var msg = 'This is a non-working template'; /* -]*/
    var f = function() {
    ...
     
      
       1
       2
       3
       4
       5

# 14、验证模板的正确性 #

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
    <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-transitional-thymeleaf-4.dtd">
    <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-frameset-thymeleaf-4.dtd">
    <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml11-thymeleaf-4.dtd">
     
      
       1
       2
       3
       4

# 15、特殊用法展示 #

<td th:text="${#aggregates.sum(o.orderLines.{purchasePrice * amount})}">23.32</td>
     
      
       1

以上表示List orderLines的所有订单的总价

# 附件A: 基础对象 #

ctx：对应org.thymeleaf.spring\[3|4\].context.SpringWebContext

/*
    * ======================================================================
    * See javadoc API for class org.thymeleaf.context.IContext
    * ====================================================================== */
    ${ #ctx.locale} ${ #ctx.variables}
    /*
    * ======================================================================
    * See javadoc API for class org.thymeleaf.context.IWebContext
    * ====================================================================== */
    ${ #ctx.applicationAttributes} 
    ${ #ctx.httpServletRequest} 
    ${ #ctx.httpServletResponse} 
    ${ #ctx.httpSession} 
    ${ #ctx.requestAttributes} 
    ${ #ctx.requestParameters} 
    ${ #ctx.servletContext} 
    ${ #ctx.sessionAttributes}
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17

locale: 对应java.util.Locale

vars: 对应 org.thymeleaf.context.VariablesMap

/*
    * ====================================================================== * See javadoc API for class org.thymeleaf.context.VariablesMap
    * ====================================================================== */
    ${
       #vars.get('foo')} 
    ${
       #vars.containsKey('foo')} 
    ${
       #vars.size()}
    ...
     
      
       1
       2
       3
       4
       5
       6
       7

param

`${param.foo} 是一个 String[] 如果要获取需要${param.foo[0]}`

/*
    * ============================================================================ * See javadoc API for class org.thymeleaf.context.WebRequestParamsVariablesMap * ============================================================================ */
    ${param.foo} // Retrieves a String[] with the values of request parameter 'foo' 
    ${param.size()}
    ${param.isEmpty()}
    ${param.containsKey('foo')}
    ...
     
      
       1
       2
       3
       4
       5
       6
       7

session

application

httpServletRequest

themes : as JSP tag spring:theme

Spring Beans 的访问

<div th:text="${@authService.getUserName()}">...</div>
     
      
       1

# 附件B:工具对象 #

*  dates See javadoc API for class org.thymeleaf.expression.Dates
 *  calendars See javadoc API for class org.thymeleaf.expression.Calendars
 *  numbers See javadoc API for class org.thymeleaf.expression.Numbers
 *  strings See javadoc API for class org.thymeleaf.expression.Strings
 *  objects See javadoc API for class org.thymeleaf.expression.Objects
 *  bools See javadoc API for class org.thymeleaf.expression.Bools
 *  arrays See javadoc API for class org.thymeleaf.expression.Arrays
 *  lists See javadoc API for class org.thymeleaf.expression.Lists
 *  sets See javadoc API for class org.thymeleaf.expression.Sets
 *  maps See javadoc API for class org.thymeleaf.expression.Maps
 *  aggregates See javadoc API for class org.thymeleaf.expression.Aggregates
 *  messages See javadoc API for class org.thymeleaf.expression.Messages
 *  ids See javadoc API for class org.thymeleaf.expression.Ids

# 附件C:DOM 选择器语法 #

DOM选择器借语法功能从XPath，CSS和jQuery，为了提供一个功能强大且易于使用的方法来指定模板片段

<div th:include="mytemplate :: [//div[@class='content']]">...</div>
     
      
       1

<div th:include="mytemplate :: [div.content]">...</div>
     
      
       1

[SouthEast]: /images/20220520/40a97200cc014696889c6691b9c201a9.png