学习视频:https://www.bilibili.com/video/BV1gW411W76m?t=1978&p=31

之前的网页开发。为了进行数据交互。必须整成jsp页面!然而,springboot不支持jsp.

thymleaf,就是为了弥补上面这个缺点,可以直接与HTML页面交互数据!

最常用的就是

th:text="${}" 这个不支持转义!

th:utext="${}"这个支持转义!

具体代码:https://download.csdn.net/download/weixin_42859280/12300270

由于thymleaf,会自动解析templates下面的静态文件。

所以,一定要注意文件命名!

接下来:

HelloController:

package com.swq.springbootwebcrud.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;import java.util.Arrays;
import java.util.Map;@Controllerpublic class HelloController {
//    @ResponseBody
//    @RequestMapping("/swq")
//    public String hello(){
//        return "hello swq";
//    }@RequestMapping("/swq")public String success(Map<String, Object> map){map.put("hello","<h1> 大哥!</h1>");map.put("users", Arrays.asList("xiao","pang","hu"));return "swq";}
}

swq.html:【解释代码意思,都放在代码里面啦!】

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>succ</title>
</head>
<body>
<hr>
SWQ!
<div th:text="${hello}"></div>
<hr>
<div th:utext="${hello}"></div>
<hr>
<!--th:each每次遍历都会生成当前这个标签!-->
<h4 th:text="${user000}" th:each="user000:${users}"></h4>
<!--th:text="${user000}"--将后面的变量对应的值,放在h4标签中。是显示出来的东西!-->
<hr>
<h4><span th:each = "user:${users}">[[${user}]]你好!</span>
<!--    [[${user}]]:行内写法,另外一种取出数值的方法!-->
</h4>
</body>
</html>

上面就是说了一下两种用法!

运行截图:

另外的用法:

效果:

thymleaf用法例子相关推荐

  1. spring boot模板引擎thymleaf用法详解

    spring boot模板引擎thymleaf用法详解 Spring-boot支持FreeMarker.Thymeleaf.jsp.veocity 但是对freemarker和thymeleaf的支持 ...

  2. Python中threading的join和setDaemon的区别及用法 例子

    Python中threading的join和setDaemon的区别及用法 Python多线程编程时,经常会用到join()和setDaemon()方法,今天特地研究了一下两者的区别. 1.join ...

  3. javawhile语句的用法例子_Python语句之循环

    不论什么编程语言,第一次学习都会讲到"hello world",都会讲到循环.同样在python的世界中也是有循环的.当然在我们的系统业务流程上也是可以有循环存在的,比如重复添加数 ...

  4. c语言结构体的用法例子,c语言 结构体 入门

    在说结构体之前,我们先来看看类型和变量 比如 int a; int是类型名,a是变量名 变量名是我们自己定义的,可以改成其他名字,但是int,char这些类型名是不能修改的 而结构体可以让我们自己定义 ...

  5. 【web】特效 阴影(用法+例子)

    阴影 用法: box-shadow box-shadow: 5px 5px 5px tomato; 第一个参数:横向偏移量,向右偏移正数,向左偏移负数 第二个参数:纵向偏移量,向下偏移正数,向上偏移负 ...

  6. JAVA中throw用法例子,Java Optional orElseThrow()用法及代码示例

    Java中的java.util.Optional类的orElseThrow()方法用于获取此Optional实例(如果存在)的值.如果此Optional实例中不存在任何值,则此方法将引发从指定供应商生 ...

  7. webwork 标签 基本用法 例子

    jsp 页面 调用 action <result name="mgtsd1" type="redirect">/market/magercentAc ...

  8. java中break和continue的用法例子

    break用于switch语句 1. break用于switch语句中,终止switch语句 下面先看 加上break,效果如下 我们可以看到,没有用过break关键字时,不会在判断下一个case的值 ...

  9. mysql 分组查询例子_分组查询GROUP BY用法例子详解

    GROUP BY在mysql中是分组查询了,那么你对于GROUP BY有了解多少呢,下面我们来看一篇关于GROUP BY使用例子,具体的细节如下所示. 在SQL中使用GROUP BY来对SELECT的 ...

最新文章

  1. 【组合数学】非降路径问题 ( 限制条件的非降路径数 )
  2. unity 给图片边缘_Unity Shader 屏幕后效果——边缘检测
  3. redhat中linux的ip配置文件,RedhatLinux配置大量ip地址的方法
  4. 日记——2019-03-08
  5. 如何将3dmax结合前端_如何将阅读与写作结合
  6. R语言作图之ggplot2作图2
  7. tensorflow的GPU使用--Python
  8. 【数码管识别】4识别成5或7的问题
  9. 简明python教程最新版价格_《简明Python教程》【价格 目录 书评 正版】_中国图书网...
  10. [线性代数] 常用定义与公式
  11. 科研论文研读工具及英文论文写作
  12. 单路电压表c语言编程,基于ADC0809和AT89S52单片机的数字电压表的设计
  13. 如何建立高绩效的团队
  14. 基于STM32_HAL库GY-30(BH1750FLV)驱动
  15. 有向图 G=(V, E) 的拓扑排序
  16. 计算机同步与异步的概念,同步与异步到底是什么???
  17. hive 元数据 解释
  18. linux中户主目录,如何在Ubuntu 18.04 Bionic Beaver Linux上配置Samba服务器共享
  19. 为什么子进程要继承处理器亲缘性?
  20. 为什么xp系统访问不了服务器,XP系统不能访问局域网其他电脑

热门文章

  1. 必读:ICLR 2020 的50篇推荐阅读论文
  2. AI一分钟|潘建伟团队首次实现18个量子比特纠缠;特斯拉第二季度共交付40740辆汽车...
  3. AlphaGo的制胜秘诀:蒙特卡洛树搜索初学者指南
  4. 请求合并的三种方式,大大提高接口性能!
  5. 你知道吗?du 和 df 的统计结果为什么不一样
  6. “12306” 是如何支撑百万 QPS 的?
  7. 用 float 存储金额,老板说损失从工资里扣!
  8. ElasticSearch的基本概念和集群分布式底层实现
  9. 一线大厂的分布式唯一ID生成方案是什么样的?
  10. MyBatis源码:原来 resultMap 解析完是这样