springboot学习八：与thymeleaf整合

ゞ浴缸里的玫瑰 2023-07-03 08:14 6阅读 0赞

动态资源：  JSP(spring boot默认不支持)

推荐：模板引擎 thymeleaf

网页= 模板+数据

## 一、引入thymeleaf：到官网查询 thymeleaf的依赖（Maven） ##

<dependency>
    			<groupId>org.thymeleaf</groupId>
    			<artifactId>thymeleaf-spring5</artifactId>
    		</dependency>
    		<dependency>
    			<groupId>org.thymeleaf.extras</groupId>
    			<artifactId>thymeleaf-extras-java8time</artifactId>
    		</dependency>

## 二、使用thymeleaf:代码在哪里写？ ##

ThymeleafAutoCongifutation(ThymeleafAutoConfiguration) -->@EnableConfigurationProperties(ThymeleafProperties.class)-->ThymeleafProperties.class

通过ThymeleafProperties源码得知：

使用thymeleaf只需要将 文件放入目录："classpath:/templates/";  文件的后缀： ".html";

注意：在以前传统的web项目中：静态资源修改后  是不需要重启的；但是在spring boot项目中，修改后 需要重启。

注意@ResponseBody注解的作用

## 三、在html文件中添加thymeleaf ##

1.html头部标签添加<html xmlns:th="http://www.thymeleaf.org">

2.<p th:text="$\{welcome\}">welcome to thymeleaf....</p>以上，先从$\{welcome\}中取值，如果有 则直接显示；如果没有，则在显示welcome to thymeleaf....

th就是替换原有html的值：th:html属性名=值 ;

<p id="pid" class="pclass"  th:id="$\{welcome\}" th:class="$\{welcome\}"  th:text="$\{welcome\}">welcome to thymeleaf....</p>

一定要重启

th:xx  (参见第10章 Attrubite Pre....)

th:text   获取文本值    显示 将hello 渲染为h1后的效果

th:utext  获取文本值(h1不转义) 显示<h1>hello</h1>

符号

th:text="$\{welcome\}" ，除了$以外  其他符号？ 查看第四章  Standard Express....

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot学习八：与thymeleaf整合

动态资源： JSP(spring boot默认不支持) 推荐：模板引擎 thymeleaf 网页= 模板+数据一、引入thymeleaf：到官网查

ゞ浴缸里的玫瑰/ 2023年07月03日 08:14/ 0 赞/ 7 阅读

相关 SpringBoot整合thymeleaf

Thymeleaf介绍（1）什么是模板技术? 由模板引擎将数据与模板页面合在一起，形成页面 ![在这里插入图片描述][watermark_

Myth丶恋晨/ 2022年12月23日 09:40/ 0 赞/ 222 阅读

相关 springBoot整合thymeleaf

pom.文件 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-

谁借莪１个温暖的怀抱￠/ 2022年06月03日 10:12/ 0 赞/ 316 阅读

相关 springboot系列教程（八）——整合thymeleaf、freemarker

整合thymeleaf Spring Boot默认就是使用thymeleaf模板引擎的，所以只需要在pom.xml加入依赖即可： <dependency>

ゝ一纸荒年。/ 2022年06月03日 09:29/ 0 赞/ 210 阅读

相关 SpringBoot整合thymeleaf

之前的文章中讲解了SpringBoot整合freemarker，本篇文章我们主要来看看SpringBoot整合thymeleaf。先来看一下项目文件目录： ![这里写图

傷城~/ 2022年05月22日 07:22/ 0 赞/ 317 阅读

相关 SpringBoot学习总结（8）之整合Thymeleaf

一、介绍 springboot默认提供支持的静态资源位置目录如下： /static /public /resources /META-INF/r

桃扇骨/ 2022年02月21日 17:41/ 0 赞/ 354 阅读

相关 Springboot整合Thymeleaf框架——SpringBoot学习

一、pom 文件引入Thymeleaf 在原 SpringBoot 项目中的 POM 文件中加入 Thymeleaf 坐标，如果不知道坐标可以从 [Maven 中央库

一时失言乱红尘/ 2022年02月21日 08:36/ 0 赞/ 331 阅读

相关 SpringBoot【整合Thymeleaf】

SpringBoot中推荐使用的前端模板框架是Thymeleaf，所以本文来介绍下怎样整合Thymeleaf。整合Thymeleaf 创建项目 1.创建一个

布满荆棘的人生/ 2022年01月31日 00:31/ 0 赞/ 413 阅读

相关 SpringBoot-thymeleaf 整合

首先pom文件需要引入一下两个依赖 1.引入thymeleaf 模板 <dependency> <groupId>org.springframew

系统管理员/ 2021年10月03日 02:44/ 0 赞/ 450 阅读

相关 SpringBoot 整合 thymeleaf

一、pom.xml Thymeleaf 依赖  <dependency> <groupId>org

约定不等于承诺〃/ 2021年09月16日 15:42/ 0 赞/ 422 阅读