• Thymeleaf 内联语法使用教程

    1  表达式内联   

            Thymeleaf标准方言允许使用标签属性(th:)来实现很多的功能，但在有些场景之下，需要将表达式直接写入HTML 代码中和CSS代码中及JavaScript代码中【代码和html文件在一起，分能不开，待验证，有验证的朋友可以告诉我一下】，称为内联表达式。例如，我们可能更喜欢这样写：

            

    Hello, [[${session.user.name}]]!



            在 Thymeleaf 中，[[…]]或之间的表达式[(…)]被视为内联表达式，在它们内部，我们可以使用任何类型的表达式，这些表达式在 ath:text或th:utext属性中也有效。

    1.1 内联语法，如下所示：

    [[…]]        对应于th:text（结果进行HTML转义，直接输出原内容），

    [(…)]        对应于th:utext（不会执行任何HTML转义）。

    值
    用途说明
    none禁止使用内联表达式，可以原样输入[[]]和[()]字符串
    text文本内联表达式，可以使用 th:each 等高级语法
    css样式内联，如：
    例如：

    1. <style th:inline="css">
    2.   ...
    3. </style>

    例如，假设我们将两个变量设置为两个不同的String值：

    classname = 'main elems'
    align = 'center'
    我们可以像这样使用它们：

    结果将是：

    1. <style th:inline="css">
    2.     .main\ elems {
    3.       text-align: center;
    4.     }
    5. </style>

         注意: CSS 内联如何也具有一些智能，就像 JavaScript 一样。具体来说，通过转义表达式输出的表达式[[${classname}]]将被转义为CSS 标识符。这就是为什么我们在上面的代码片段中classname = 'main elems’变成了main\ elems。

    与之前为 JavaScript 解释的方式等效，CSS 内联还允许我们的


     

  • 相关阅读:
    手绘板的制作——重置与橡皮擦(2)
    Spring Data JPA 之 多数据源配置
    Anaconda使用指南
    计算机毕业设计SSM电脑配件仓储后台管理系统【附源码数据库】
    freesql自定义sql和参数查询
    尚医通 (七) --------- 全局异常处理与日志配置
    c++ 智能指针 （std::weak_ptr）（一）
    leetcode82-Remove Duplicates from Sorted List II
    Java 超高频常见字符操作【建议收藏】
    [附源码]计算机毕业设计JAVA高校新生报到管理系统
  • 原文地址：https://blog.csdn.net/yqj234/article/details/133466393