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


     

  • 相关阅读:
    基础复习——共享参数SharedPreferences——记住密码项目——存储卡的文件操作（读写文件&读写图片）...
    数据库实验一：学生信息管理系统数据库结构搭建和表的创建
    iOS - Runloop在实际开发中的应用
    为什么越来越多的人喜欢从事软件测试行业？
    Thymeleaf模板引擎
    训练千亿参数大模型，离不开四种GPU并行策略
    Flink / Scala 实战 - 18.一套代码搞懂 KeyedState
    java毕业设计宠物喂养资讯分享平台的设计与实现Mybatis+系统+数据库+调试部署
    SpringBoot整合dubbo（三）
    Particle Arts NIO‘s Sword
  • 原文地址：https://blog.csdn.net/yqj234/article/details/133466393