thymeleaf 注释

布满荆棘的人生 2022-11-26 11:58 95阅读 0赞

--------------------

### thymeleaf 注释 ###

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**html 注释：**

<div th:text="${...}">
      ...
    </div>

**说明：客户端查看源码时，注释的内容会出现在源码中**

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**thymeleaf 注释**

**单行注释：**

**多行注释：  ...  **

//单行注释
    
    
                                                                //多行注释
      <div>
         you can see me only before Thymeleaf processes me!
      </div>

**说明：客户端查看源码时，thymeleaf 注释的内容不会出现在源码中**

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**thymeleaf 专有注释**

**<!--/\*/**

**   ...**

**/\*/-->**

<span>hello!</span>
    
    <span>goodbye!</span>

**静态页面打开时，当做注释；**

**thymeleaf引擎处理时，忽略，****与以下代码等同**

<span>hello!</span>
     
      <div th:text="${...}">
        ...
      </div>
     
    <span>goodbye!</span>

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**示例**

**test.html**

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml"
          xmlns:th="http://www.thymeleaf.org" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div th:align="center" style="color: coral">
        <strong>
            
            <span th:text="'html 注释'"></span><br>
    
            
            <span th:text="'html 多行注释'"></span>
        </strong>
    </div><br>
    
    <div th:align="center" style="color: green">
        <strong>
            
            <span th:text="'thymeleaf 单行注释'"></span><br>
    
            
                     这是一段 thymeleaf多行注释
            
            <span th:text="'thymeleaf 多行注释'"></span><br>
        </strong>
    </div><br>
    
    <div th:align="center" style="color: purple">
        <strong>
            <br>
            <span th:text="'thymeleaf 专有注释'"></span>
        </strong>
    </div>
    </body>
    </html>

**test2.html：位于resources目录下，不经过thymeleaf处理**

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**使用测试**

**localhost:8080/test**

![20200812145220670.png][]

**查看源码**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzMTYyNQ_size_16_color_FFFFFF_t_70][]

**localhost:8080/test2.html：页面无输出**

[20200812145220670.png]: /images/20221124/d0d9f9a618e54e1393e24a2f3d64fac7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzMTYyNQ_size_16_color_FFFFFF_t_70]: /images/20221124/fbfaa066d39242ebb129b7515cf16207.png