Thymeleaf基本用法

SpringBoot的视图技术:

Springboot 为了简化项目开发 整合了一些常用视图 可以完成页面动态化
SpringBoot中的可整合的模板引擎技术:
Thymeleaf
freeMarker
groory

Thymeleaf基本用法;

一种基于服务器端的java模板引擎技术
xml xhtml html html5
其中包含丰富标签 函数 表达式
一般情况下 使用Springboot 开发项目时 都会使用 Thymeleaf模板引擎

Thymeleaf的常用标签:

引入Thymeleaf模板

//使用th标签是 Thymeleaf提供的标签 表示为模板 引入外联样式 //动态显示文本标签内容

你好欢迎

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210718165448657.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5UaWFuMTk5OQ==,size_16,color_FFFFFF,t_70#pic_center) ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210718165448653.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5UaWFuMTk5OQ==,size_16,color_FFFFFF,t_70#pic_center)

注:

上述所有标记都是Html规范下的
h5的规范有所不同
不是使用 th:* 而是使用data-th-*
引入Thymeleaf模板

//使用th标签是 Thymeleaf提供的标签 表示为模板 引入外联样式 //动态显示文本标签内容

你好欢迎

标准表达式

变量表达式: ${}
获取上下文中的变量的值

我是个小标题啊

在上下文中寻找title变量 如果有使用变量值替换 我是个小标题啊 如果没有显示 我是个小标题啊 Thymeleaf中的内置对象: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210718165505994.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5UaWFuMTk5OQ==,size_16,color_FFFFFF,t_70#pic_center)

选择变量表达式:*{}
用法和变量表达式相似 类似于xx里的yy

//上下文中的fristname变量

name: xx //user中的lastname变量

surnname: xx //user中age变量

age:xx

消息表达式:#{} 主要用于国际化内容 链接url表达式:@{} 用于跳转和查找 片段表达式:~{} 引入片段到模板中

Thymeleaf的基本使用:

  1. Thymeleaf模板基本配置
    在Springboot 项目中使用模板必须引入依赖

    org.springframework.boot
    spring-boot-starter-thymeleaf

    2.配置Thymeleaf的配置参数 在全局配置文件中编写
    spring.thymeleaf.cache=true
    spring.thymeleaf.encoding=utf-8
    spring.thymeleaf.mode=HTML5
    spring.thymeleaf.prefix=claspath:/templates/
    spring.thymeleaf.suffix=.html
  2. 静态资源的访问
    在这里插入图片描述

从 public resources static 这个顺序去寻找

使用Thymeleaf完成数据的页面展示
步骤:

  1. 创建项目 引入依赖
    在这里插入图片描述

  2. 编写配置文件 对Thymeleaf数据进行设置
    在这里插入图片描述

  3. 编写控制类
    在这里插入图片描述

在这里插入图片描述
4. 引入静态资源
在这里插入图片描述

  1. 测试

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值