• 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 内联还允许我们的


     

  • 相关阅读:
    Leetcode—2530.执行K次操作后的最大分数【中等】(C语言向上取整数学公式)
    离散数学笔记——集合
    Elasticsearch6实践
    平面八杆多叶叶线生成机构
    基于MFC的串口通信
    Anaconda prompt中使用conda下载pytorch，一直卡在solving environment解决方案
    若依-整合WebSocket
    项目中索引的真实应用场景-2022新项目
    27m3氨基酸发酵反应釜设计
    动态代理是什么？应用场景在哪？
  • 原文地址：https://blog.csdn.net/yqj234/article/details/133466393