Thymeleaf模板注释分为标准HTML/XML注释、解析层注释、原型注释三种。

一、注释说明

1、标准HTML/XML注释

直接通过浏览器打开，不显示，Thymeleaf模板引擎解析也不处理，但查看网页源代码，注释有在里面。
语法：

<!-- 内容 -->

浏览器界面不显示，查看浏览器网页源码有显示；

2、解析层注释

直接通过浏览器打开，会显示。但Thymeleaf模板引擎解析时会移除注释标签和里面内容。
一般开发人员使用，减少对原型页面的破坏。
语法：

<!--/*--> 内容 <!--*/-->

3、原型注释

直接通过浏览器打开，不显示。但Thymeleaf模板引擎解析时只移除注释标签，不会移除里面内容，最后会正常输出。
一般界面设计人员使用。
语法：

<!--/*/ 内容 /*/-->

二、使用实例

开发环境：IntelliJ IDEA 2019.2.2
Spring Boot版本：2.1.8

新建一个名称为demo的Spring Boot项目。

1、pom.xml
加入Thymeleaf依赖

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

2、src/main/java/com/example/demo/User.java

package com.example.demo;

public class User {

    Integer id;

    String name;

    public User(Integer id, String name) {

        this.id = id;

        this.name = name;

    }

    public Integer getId() {

        return id;

    }

    public void setId(Integer id) {

        this.id = id;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

}

3、src/main/java/com/example/demo/TestController.java

package com.example.demo;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import java.util.ArrayList;

import java.util.List;

@Controller

public class TestController {

    @RequestMapping("/")

    public String test(Model model){

        List<User> users = queryUsers();

        model.addAttribute("users", users);

        return "test";

    }

    private List<User> queryUsers(){

        List<User> users = new ArrayList<User>();

        users.add(new User(1,"张三"));

        users.add(new User(2,"李四"));

        users.add(new User(3,"王五"));

        return users;

    }

}

4、src/main/resources/templates/test.html

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

        table { border-collapse:collapse;}

        td { border: 1px solid #C1DAD7;}

    </style>

</head>

<body>

    <!--<div>标准HTML/XML注释</div>-->

    <!--解析层注释-->

    <table>

        <tr th:each="user : ${users}">

            <td th:text="${user.id}">11</td>

            <td th:text="${user.name}">小明</td>

        </tr>

        <!--/*-->

        <tr>

            <td>22</td>

            <td>小红</td>

        </tr>

        <!--*/-->

    </table>

    <!--/*/

   <div>原型注释</div>

    /*/-->

</body>

</html>

IDEA运行后，浏览器访问：http://localhost:8080，界面显示如下

查看网页源代码，如下：

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

        table { border-collapse:collapse;}

        td { border: 1px solid #C1DAD7;}

    </style>

</head>

<body>

    <!--<div>标准HTML/XML注释</div>-->

    <!--解析层注释-->

    <table>

        <tr>

            <td>1</td>

            <td>张三</td>

        </tr>

        <tr>

            <td>2</td>

            <td>李四</td>

        </tr>

        <tr>

            <td>3</td>

            <td>王五</td>

        </tr>

    </table>

   <div>原型注释</div>

</body>

</html>

如果直接在浏览器中打开test.html，界面显示如下：

查看网页源代码，如下：

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

        table { border-collapse:collapse;}

        td { border: 1px solid #C1DAD7;}

    </style>

</head>

<body>

    <!--<div>标准HTML/XML注释</div>-->

    <!--解析层注释-->

    <table>

        <tr th:each="user : ${users}">

            <td th:text="${user.id}">11</td>

            <td th:text="${user.name}">小明</td>

        </tr>

        <!--/*-->

        <tr>

            <td>22</td>

            <td>小红</td>

        </tr>

        <!--*/-->

    </table>

    <!--/*/

   <div>原型注释</div>

    /*/-->

</body>

</html>

Thymeleaf常用语法：模板注释的更多相关文章

  1. 1-9springboot之thymeleaf常用语法（html页面）

    一.引用命名空间 <html xmlns:th="http://www.thymeleaf.org"> 在html中引入此命名空间,可避免编辑器出现html验证错误,虽 ...

  2. Thymeleaf常用语法：表达式语法之运算符

    Thymeleaf表达式语法之常量分为字符串常量.数字常量.布尔值常量.空值常量:运算符分为算术运算符.关系运算符.条件运算符.无操作符. 开发环境:IntelliJ IDEA 2019.2.2Spr ...

  3. Thymeleaf常用语法：模板片断

    系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为“模板片断”的公共页面里面,其它页面可以引用这个 “模板片断”内容. 一.模板片断的定义 可以是html标签,也可以使 ...

  4. Thymeleaf常用语法：模板文件中表达式调用Java类的静态方法

    在模板文件的表达式中,可以使用“${T(全限定类名).方法名(参数)}”这种格式来调用Java类的静态方法. 开发环境:IntelliJ IDEA 2019.2.2Spring Boot版本:2.1. ...

  5. thymeleaf常用语法

    常用标签语法:①th:text<span th:text="${name}">1</span>注释:如果${name}有值则将替换掉1的值,若无则为1 ②t ...

  6. Thymeleaf常用语法：使用星号表达式

    在处理模板时,一般情况都是使用变量表达式 ${...} 来显示变量,还可以使用选定对象表达式 *{...},它也称为星号表达式.如果在模板中先选定了对象,则需要使用星号表达式.Thymeleaf的内置 ...

  7. Thymeleaf常用语法：数据延迟加载

    在处理模板时,可以由模板逻辑决定是否加载数据,以提高性能.在Spring Boot控制器中设置数据时,使用LazyContextVariable可以实现这功能. 开发环境:IntelliJ IDEA ...

  8. Thymeleaf常用语法：自定义数据转换类

    在模板文件中,可以使用“${{...}}”表达式进行数据转换,Thymeleaf会使用配置好的数据转换类,来实现转换.例如一个User对象,简单起见假设有姓名和年龄两个字段,对象的toString() ...

  9. Thymeleaf常用语法：数据迭代

    Thymeleaf数据迭代使用th:each属性,可以迭代数组.List.Set和Map等,数组.List.Set的迭代方法类似,迭代Map则会得到一个java.util.Map.Entry对象.在迭 ...

随机推荐

  1. Springboot 错误处理机制

    SpringBoot默认的错误处理机制 即我们常见的白色的ErrorPage页面 浏览器发送的请求头: 如果是其他的请求方式,比如客户端,则相应一个json数据: 原理:是通过 ErrorMvcAut ...

  2. 制作excel下拉菜单

    1.选中excel中需要制作下拉菜单的单元格/列/行,点击‘数据’——'数据验证': 2.允许选择'序列',来源中手动输入需要的内容,以逗号(,)分割:  3.如下图,此列都具有下拉选择的功能:

  3. Java程序员月薪三万，需要技术达到什么水平？

    最近跟朋友在一起聚会的时候,提了一个问题,说 Java 程序员如何能月薪达到二万,技术水平需要达到什么程度?人回答说这只能是大企业或者互联网企业工程师才能拿到.也许是的,小公司或者非互联网企业拿二万的 ...

  4. 检测一个App是不是有UWP血统

    Win + Shift + Enter   

  5. Ocelot网关在.Net Core 的使用

    1.  项目环境 .Net Core 2.2      Ocelot 13.5.2 2. 基本使用 * Nuget 安装 Ocelot , Ocelot.Provider.Polly * 修改 Pro ...

  6. swoole简介

    swoole是PHP的扩展,又不是一个普通的扩展.普通的扩展只是提供一个库函数.而swoole扩展在运行后会接管PHP的控制权,进入事件循环.当IO事件发生后,swoole会自动回调指定的PHP函数. ...

  7. 新建GitHub仓库与删除

    一.登录GitHub创建仓库 ,步骤如下: 1.点击新建 2.填写仓库名称等 3.创建完成 二.关联已有的本地项目(没有需要关联的本地项目,可以直接从刚刚创建的GitHub仓库clone) 1.到本地 ...

  8. zabbix批量清理模板，添加新模板

    import requests import json import sys def get_token(): data = { "jsonrpc": "2.0" ...

  9. Python升级后ssl模块不可用问题解决和浅析

    在Cent0S 7.5下将Python 2.7.5升级到Python 3.6.6后,发现ssl模块不可用,具体详细信息如下所示: [root@db-server ~]# pip list Packag ...

  10. 12C-使用跨平台增量备份减少可移动表空间的停机时间 (Doc ID 2005729.1)

    12C - Reduce Transportable Tablespace Downtime using Cross Platform Incremental Backup (Doc ID 20057 ...