首页 > 其他 > 详细

Thymeleaf的语法与使用

时间:2021-04-09 12:41:20      阅读:24      评论:0      收藏:0      [点我收藏+]

Thymeleaf 是一个模板引擎。适合在web程序中为HTML5提供服务

命名空间

xmlns:th="http://www.thymeleaf.org"

Thymeleaf标准表达式

  1. 简单表达式
    • 变量表达式: ${...}

      model.addAttribute("name", "李四");
      
      <p>我的名字是<span th:text="${name}">张三</span></p>
      

      技术分享图片

    • 选择变量表达式: *{...}

      选择变量表达式*{...}是另一种类似${...},表示变量的方法,但是选择变量表达式在执行时是在选择的对象上求解,而${...}是在上下文的变量Map上求解。

      model.addAttribute("user", userBean);
      
      <!--通过th:object属性指明选择变量表达式的求解对象-->
      <ul th:object="${user}">
      	<li th:text="*{name}"></li>
      	<li th:text="*{age}"></li>
      	<li th:text="*{gender}"></li>
      </ul>
      <!--标准变量表达式和选择变量表达式可以混用-->
      <ul th:object="${user}">
      	<li th:text="*{name}"></li>
      	<li th:text="${user.age}"></li>
      	<li th:text="*{gender}"></li>
      </ul>
      <!--当th:object存在的时候,可以通过${#object}引用到被选择的对象-->
      <ul th:object="${user}">
      	<li th:text="${#object.name}"></li>
      	<li th:text="${#object.age}"></li>
      	<li th:text="${#object.gender}"></li>
      </ul>
      <!--不存在选择对象的时候,${...}和*{...}等价-->
      <ul>
      	<li th:text="*{user.name}"></li>
      	<li th:text="*{user.age}"></li>
      	<li th:text="*{user.gender}"></li>
      </ul>
      

      技术分享图片

    • 消息表达式: #{...}

      spring:
        messages:
          basename: msg # 配置属性文件所在位置
      

      技术分享图片
      技术分享图片

      <p style="color: red" th:text="#{name}"></p>
      

      技术分享图片

    • 链接URL表达式: @{...}

      包括绝对URL(https://www.baidu.com)和相对URL(/index)

      @GetMapping({"/", "/index"})
      public String index(){
      	return "index";
      }
      
      <a th:href="@{/}">首页</a>
      

      技术分享图片

    • 分段表达式: ~{...}

  2. 字面量
    • 文本: ‘one text‘, ‘Another one!‘
    • 数值: 0, 4, 3.0, 12.4
    • 布尔值: true, false
    • 空: null
    • 标记: one, sometext, other 等
  3. 文本操作
    • 字符串连接: +

Thymeleaf的语法与使用

原文:https://www.cnblogs.com/circle-coder/p/14635679.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!