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. SAP MM ME57界面看到的供应源跟Source List主数据不一致？

    SAP MM ME57界面看到的供应源跟Source List主数据不一致? ME57,为如下的PR单据分配供应源, 发现找不到想要分配的供应源. ME03 去看Source List主数据, 黄色标 ...

  2. Android 插件化开发（一）：Java 反射技术介绍

    写在前面:学习插件化开发推荐书籍<Android 插件化开发指南>,本系列博客所整理知识部分内容出自此书. 在之前的项目架构的博文中,我们提到了项目插件化架构,提到插件化架构不得不提的到J ...

  3. python基础之元组讲解

    概念讲解: 1.Python 的元组与列表十分相似,但是元组的元素只可读不可修改: 2.元组使用小括号,列表使用方括号: 3.元组创建很简单,只需要在括号中添加元素,并使用逗号隔开即可. (1)创建一 ...

  4. java之生产者和消费者问题

    package testThread; public class Test3 { public static void main(String[] args) { Clerk c = new Cler ...

  5. REST架构指导方案

    目录 REST架构指导方案 何为REST 在WEB系统中应用REST风格 应用约束 对资源应用正确的动词语义 名词性的URI地址 RESTFUL的URL路径实践 单一资源的路径制定 复杂查询的路径制定 ...

  6. ts--泛型

    //泛型:软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性,组件不仅要能支持当前的数据类型,同时也能支持未来的数据类型 //泛型就是解决 类  接口  方法的复用性 以及对不特定 ...

  7. React的setState学习及应用

    React的setState学习及应用 一:作用: setState() 将对组件 state 的更改排入队列,并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件.这是用于更新 ...

  8. k8s 使用 Init Container 确保依赖的服务已经启动

    k8s 使用 Init Container 确保依赖的服务已经启动 Intro 最近 helm 3 正式发布了,dotnetcore 3.1 也正式发布了,最近打算把我的活动室预约项目做一个升级,项目 ...

  9. asp.net 页面中添加普通视频的几种方式

    第一种 是通过调用window media player进行播放诸如:wmv,asf等格式文件: <object align=center class="OBJECT" cl ...

  10. cesium 圆圈警戒扫描(附源码下载)

    前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. 内 ...