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. JavaWeb 实现简单登录、注册功能

    1.首先创建一个简单的动态Javaweb项目 2.然后手动建立文件目录: 项目创建好之后,在src下建几个包: controller:控制器,负责转发请求,对请求进行处理,主要存放servlet: d ...

  2. 用python爬虫简单爬取 笔趣网：类“起点网”的小说

    首先:文章用到的解析库介绍 BeautifulSoup: Beautiful Soup提供一些简单的.python式的函数用来处理导航.搜索.修改分析树等功能. 它是一个工具箱,通过解析文档为用户提供 ...

  3. vue3.0 本地调试时Invalid Host header

    问题场景: vue在开发时只能在本地浏览器里查看效果,我想在手机端真机调试,连接的代码还是本地环境,这样就不用频繁的发布了,于是绑定域名并指向本机的localhost:8080: 但是用域名访问时浏览 ...

  4. 在 ASP.NET Core 中启用跨域请求（CORS）

    本文介绍如何在 ASP.NET Core 的应用程序中启用 CORS. 浏览器安全可以防止网页向其他域发送请求,而不是为网页提供服务. 此限制称为相同源策略. 同一源策略可防止恶意站点读取另一个站点中 ...

  5. java 整合redis缓存 SSM 后台框架 rest接口 shiro druid maven bootstrap html5

    A 调用摄像头拍照,自定义裁剪编辑头像,头像图片色度调节B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,快速开发利器)+快速表单构建器 freemaker模版技术 ,0个代码不用写,生成 ...

  6. CODING 2.0 服务升级：一站式服务体系助力企业研发上云

    近日,CODING 在 KubeCon 2019 上海站上正式推出了 DevOps 的一站式解决方案: CODING 2.0,除了进行 产品 及 产品理念 的升级,还对用户服务进行了整体升级,主要涵盖 ...

  7. mybatis报错: java.lang.IllegalArgumentException invalid comparison: java.util.Date and java.lang.String

    原因是在使用<if> 进行条件判断时, 将datetime类型的字段与 ' ' 进行了判断,导致的错误 解决, 只使用  <if test="createTime != n ...

  8. Python监控主机是否存活,并发报警邮件

    利用python写了简单测试主机是否存活脚本,此脚本不适于线上使用,因为网络延迟.丢包现象会造成误报邮件,那么后续会更新判断三次ping不通后再发报警邮件,并启用多线程处理. #!/usr/bin/e ...

  9. Python语法速查： 15. 常用数据结构

    返回目录 本篇索引 (1)array (2)bisect (3)deque (4)defaultdict (5)namedtuple (6)heapq (7)itertools (1)array ar ...

  10. centos8 yum 安装 rabbitmq

    进入/etc/yum.repos.d/ 文件夹创建rabbitmq-erlang.repo 文件内容如下[rabbitmq-erlang] name=rabbitmq-erlangbaseurl=ht ...