1.模板引擎原理

JSP、Velocity、Freemarker、Thymeleaf 都是模板引擎。SpringBoot推荐的Thymeleaf；语法更简单，功能更强大；

Thymeleaf模板引擎

　　Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP， Velocity，FreeMaker等，它也可以轻易的与Spring MVC等Web框架进行集成 作为Web应用的模板引擎。与其它模板引擎相比，Thymeleaf最大的特点是能够 直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用
　　Spring Boot推荐使用Thymeleaf、Freemarker等后现代的模板引擎技术；一但导入相 关依赖，会自动配置ThymeleafAutoConfiguration、FreeMarkerAutoConfiguration。

2.引入依赖

<dependency>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

@Controller

@RequestMapping("/hello")

public class HelloWorldController

{

    @RequestMapping("/success")

    public String success() {

        return "success";

    }

}

只要我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染；

但是每次改动html代码都需要重新启动项目，太不方便

Thyme leaf官方文档：https://www.thymeleaf.org/

<!DOCTYPE html>

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

  <head>

    <title>Good Thymes Virtual Grocery</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" type="text/css" media="all"

          href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />

  </head>

  <body>

    <p th:text="#{home.welcome}">Welcome to our grocery store!</p>

  </body>

</html>

　　

IDEA会有提示，但是eclipse没有，eclipse需要安装插件才能提示

插件地址为： http://www.thymeleaf.org/eclipse-plugin-update-site/

最后：右键项目 >> Thymeleaf >> Add Thymeleaf Nature.

使用：

1、导入thymeleaf的名称空间

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

2.类中设置变量

@RequestMapping("/success")

 public String success(Map<String,Object> map) {

      map.put("result","hello world");

      return "success";

 }

3.页面取值

<!DOCTYPE html>

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

　　<head>

    　　<meta charset="UTF-8">

    　　<title>Title</title>

　　</head>

　　<body>

     <h1>成功！</h1>

     <!--th:text 将div里面的文本内容设置为${hello}变量的值，覆盖 文本内容：“这是显示欢迎信息”-->
　　  <div th:text="${result}">这是显示欢迎信息</div> 
　　</body> 
</html>

Thymeleaf官方文档：属性优先级

<!DOCTYPE html>

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

<head>

    <meta charset="UTF-8">

    <title>成功</title>

</head>

<body>

    <h1><font color="red"> 成功 sdfsfas</font></h1>

    <div th:text="${result}"></div>

    <div th:utext="${result}"></div>

<hr>

    <!-- 生成4个h4标签-->

<h4 th:text="${user}" th:each="user:${users}"></h4>

<hr>

<h4>

    <!-- 生产3个span标签-->

   <span th:each="user:${users}">[[${user}]]!</span>

</h4>

</body>

</html>
    @RequestMapping("/success")

    public String success(Map<String,Object> map) {

        map.put("result","<h1>hello world</h1>");

        map.put("users", Arrays.asList("xiao","chao","yi"));

        return "success";

    }

IDEA 会有提示

8.SpringBoot 模板引擎 Thymeleaf的更多相关文章

  1. SpringBoot：模板引擎 thymeleaf、ContentNegotiatingViewResolver、格式化转换器

    目录 模板引擎 thymeleaf ContentNegotiatingViewResolver 格式化转换器 模板引擎 thymeleaf.ContentNegotiatingViewResolve ...

  2. Spring Boot （四）模板引擎Thymeleaf集成

    一.Thymeleaf介绍 Thymeleaf是一种Java XML / XHTML / HTML5模板引擎,可以在Web和非Web环境中使用.它更适合在基于MVC的Web应用程序的视图层提供XHTM ...

  3. 新一代Java模板引擎Thymeleaf

    新一代Java模板引擎Thymeleaf-spring,thymeleaf,springboot,java 相关文章-天码营 https://www.tianmaying.com/tutorial/u ...

  4. SpringBoot系列：Spring Boot使用模板引擎Thymeleaf

    一.Java模板引擎 模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 在jav ...

  5. SpringBoot入门系列（四）整合模板引擎Thymeleaf

    前面介绍了Spring Boot的优点,然后介绍了如何快速创建Spring Boot 项目.不清楚的朋友可以看看之前的文章:https://www.cnblogs.com/zhangweizhong/ ...

  6. SpringBoot入门：新一代Java模板引擎Thymeleaf（理论）

    Spring Boot 提供了spring-boot-starter-web来为Web开发予以支持,spring-boot-starter-web为我们提供了嵌入的Tomcat以及SpringMVC的 ...

  7. springboot:Java模板引擎Thymeleaf介绍

    Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎.类似JSP,Velocity,FreeMaker等,它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用 ...

  8. 模板引擎Thymeleaf

    1.Thymeleaf简介 Thymeleaf 是一个跟 Velocity.FreeMarker 类似的模板引擎,它可以完全替代 JSP .相较与其他的模板引擎,它有如下三个极吸引人的特点 Thyme ...

  9. Spring Boot中使用模板引擎Thymeleaf

    一.Thymeleaf简介 Thymeleaf[taɪm lif],百里香叶,是一个流行的模板引擎,该模板引擎采用Java语言开发.Java中常见的模板引擎有Velocity.Freemaker.Th ...

随机推荐

  1. 使用 py.test 对 python 代码进行测试

    其实以前我记得有人对我说过,写代码甚至可以先写完测试之后部署好了再开始写逻辑代码.我觉得有点吃惊和奇怪,这不是扯淡吗? 但是这次在完成了积分支付第一阶段开发之后我意识到,这可能并不是开玩笑,特别是项目 ...

  2. python学习笔记三——控制语句

    2.5 运算符与表达式 2.5.1 算术运算符和算术表达式 算术运算符包括四则运算符.求模运算符和求幂运算符. 算术运算符 加减乘除:+ - * / 表达式:x+y   x-y   x*y  x/y ...

  3. 关于RabbitMQ Queue Argument的简介

    1.Message TTL message在队列queue中可以存活多长时间,以毫秒为单位:发布的消息在queue时间超过了你设定的时间就会被删除掉. channel.queueDeclare(&qu ...

  4. 关于JavaScript中this的软绑定

    首先,什么是软绑定? 所谓软绑定,是和硬绑定相对应的一个词,在详细解释软绑定之前,我们先来看看硬绑定.在JavaScript中,this的绑定是动态的,在函数被调用的时候绑定,它指向什么完全取决于函数 ...

  5. cordic——sincos

    phase format :scaled radians,归化到多少pi roundmode :nearest even 近似值 coarse rotation: selected-pi——pi.no ...

  6. （C++）关于i++和i++的左值、右值问题

    1.什么是左值和右值? 左值就是出现在表达式左边的值(等号左边),可以被改变,他是存储数据值的那块内存的地址,也称为变量的地址: 右值是指存储在某内存地址中的数据,也称为变量的数据. 左值可以作为右值 ...

  7. BZOJ3569 DZY Loves Chinese II（随机化+树上差分+线性基）

    上一题的强制在线版.对图跑出一个dfs树,给非树边赋上随机权值,树边的权值为覆盖他的非树边权值的异或.这样如果某条树边和覆盖他的非树边都被割掉(即图不连通),他们的异或值就为0.每次对询问看有没有子集 ...

  8. Ant Trip HDU - 3018（欧拉路的个数 + 并查集）

    题意: Ant Tony和他的朋友们想游览蚂蚁国各地. 给你蚂蚁国的N个点和M条边,现在问你至少要几笔才能所有边都画一遍.(一笔画的时候笔不离开纸) 保证这M条边都不同且不会存在同一点的自环边. 也就 ...

  9. IDEA在debug时修改变量值

    IDEA在debug调试时修改变量值 例如以下代码: int y1 = 0; anchor.setDy1(y1); 在代码中,这个y1永远是0,但是y1本身是个变量 debug的时候获取到这个属性,并 ...

  10. UUID类型如何比较是否相等

    直接使用equals方法 UUID x = UUID.fromString("062db347-6a72-69a1-40c0-7516e0a26459"); UUID y = UU ...