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


     

  • 相关阅读:
    ubuntu更换apt源后依然搜索旧软件源下载失败问题
    【科研论文配图绘制】task8 总结与回顾
    Linux基本操作【下】
    关于页面优化
    Python入门基础
    16 用于NOMA IoT网络上行链路安全速率最大化的HAP和UAV协作框架
    隆云通空气温湿、CO、PM2.5、PM10五参数
    Python请问在哪儿找资源比较好呀?
    Shader Graph25-UV移动旋转缩放（自定义函数）
    go实现剑指offer
  • 原文地址：https://blog.csdn.net/yqj234/article/details/133466393