thymeleaf  入门篇(一),简单语法介绍

514 阅读2分钟

本篇是thymeleaf教程的第一篇,后续会继续更新整一套学习教程,欢迎关注,如果有问题,可以私信我,我乐意帮助解决。

1、什么是Thymeleaf?

Thymeleaf 官网是这么解释的:

  • Thymeleaf is a modern server-side Java template engine for both web and standalone environments. 
  • 译过来就是:Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。

以一图来看看thymeleaf的全貌。

2、${}操作符介绍

获取后台给的属性值 ‘${}’, 例如:controller类,其页面书写方法:

(1) 单个属性值

// 单属性 例如:

用户名

// 对象中属性 例如:

用户名

(2) map属性值

例如:

用户名

(3) 特殊符号拼接取值用“| 内容 |”

例如:

用户名 - 年龄

(4) meta标签获取内容 th:content 标签

例如:

3、超链接取值 ‘@{}’, 其主要应该在html页面

(1) html页面引入css

//其中@{静态文件夹下的内容(static)}

QQ截图20220527103317.png

(2) 超链接标签

例如:

我的主页

(3) html 脚本的引用

//其中@{静态文件夹下的内容(static)}

![QQ截图20220527104043.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9d278453ac6745948b2d1351f4aa01cd~tplv-k3u1fbpfcp-zoom-1.image)

(4) 内嵌样式的用法

4、 将代码标记为片段

(1)标记片段

// th:fragment 将代码定义一个片段名

我的主页

(2)引用片段

<th:block th:include = "include :: headerTemp" />

(3) 可通过标记片段名进行传参

// 通过片段名定义传参 sidebar-fragment(path)

// 引用传参 ${path}

Dashboard

5、常用标签 

咱们上面知道Thymeleaf通过特殊的标签来寻找属于Thymeleaf的部分,并渲染该部分内容,而除了上面展示过的th:text之外还有很多常用标签,并且Thymeleaf也主要通过标签来识别替换对应位置内容,Thymeleaf标签有很多很多,功能也很丰富,这里列举一些比较常用的标签如下: 

Thymeleaf是一种Java模板引擎,被Springboot官方推荐,大大提高开发效率,提高代码复用率。虽然在当今Ajax更为流行,但对于后端开发工程师掌握Thymeleaf,拥有快速开发网页能力,还是很有必要的!本篇就到这里了,我们下次再见!

欢迎关注本人公众号,ID:技术老男孩,不见不散。