thymeleaf简单语法应用(一)

32 篇文章 0 订阅
31 篇文章 0 订阅

HelloController.java:
package com.springboot.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.Arrays;
import java.util.List;
import java.util.Map;

/**

  • @author jack

  • @create 2019-07-07 14:06
    */
    @Controller
    public class HelloController {
    @ResponseBody
    @RequestMapping("/hello")
    public String hello() {
    return “hello springbooot” ;
    }

    @RequestMapping("/success")
    public String success(Map<String,Object> map){
    map.put(“hello”,“

    你好

    ”) ;
    map.put(“users”, Arrays.asList(“张三”,“李四”,“王五”)) ;
    //classpath:/templates/success.html
    return “success” ;
    }
    }

thymeleaf页面(success.html)代码:

<html lang="en" xmlns="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
成功页面
<div th:text="${hello}" th:id="username" th:class="user">这是欢迎页面
</div>
<hr/>
<!--th:text会转义字符,按文本输出-->
<div th:text="${hello}"></div>
<!--th:utext不会转义转义字符,按语法输出-->
<h1 th:utext="${hello}"></h1>
<!--th:each=在哪个标签上哪个标签就会重复输出-->
 <h4 th:text="${user}" th:each="user:${users}"></h4>
<h4>
    <span th:each="user:${users}">
        <!--取值格式-->
          [[${user}]]
    </span>

</h4>
</body>
</html>

输出结果:
在这里插入图片描述
源码:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
成功页面
<div id="username" class="user">&lt;h3&gt;你好&lt;/h3&gt;</div>
<hr/>
<!--th:text会转义字符,按文本输出-->
<div>&lt;h3&gt;你好&lt;/h3&gt;</div>
<!--th:utext不会转义转义字符,按语法输出-->
<h1><h3>你好</h3></h1>
<!--th:each=在哪个标签上哪个标签就会重复输出-->
 <h4>张三</h4>
 <h4>李四</h4>
 <h4>王五</h4>
<h4>
    <span>
        <!--取值格式-->
          张三
    </span><span>
        <!--取值格式-->
          李四
    </span><span>
        <!--取值格式-->
          王五
    </span>

</h4>
</body>
</html>

分析:
使用th:text输出时不会按照html语法输出,在使用th:utext时按照html语法输出

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值