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

简介: thymeleaf 入门篇,基本语法介绍

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

1、什么是Thymeleaf?

Thymeleaf 官网是这么解释的:

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

以一图来看看thymeleaf的全貌。
image.png

2、${}操作符介绍

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

(1) 单个属性值

// 单属性 例如: 用户名
// 对象中属性 例如:用户名

(2) map属性值

例如:用户名

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

例如:用户名 - 年龄

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

例如:

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

(1) html页面引入css

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

(2) 超链接标签

例如:
我的主页

(3) html 脚本的引用

//其中@{静态文件夹下的内容(static)}
QQ截图20220527104043.png

(4) 内嵌样式的用法

4、 将代码标记为片段

(1)标记片段

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

我的主页

(2)引用片段

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

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

// 引用传参 ${path}

5、常用标签

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

image.png

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

目录
相关文章
|
容器
Thymeleaf $/*/#/@语法
Thymeleaf $/*/#/@语法
195 0
|
前端开发 Java 数据库连接
笔记(springboot、里面有部分前端(th语法)
笔记(springboot、里面有部分前端(th语法)
|
7月前
|
前端开发 JavaScript 索引
Thymeleaf基础语法讲解【详解版】
该内容介绍了Thymeleaf模板引擎的一些基本表达式和语法。主要包括: 1. 变量表达式 `${}` 和 `*{}`,用于获取对象属性,`*{}` 需先通过 `th:object` 指定对象。 2. 链接表达式 `@{}`,用于构建应用路径并引入静态资源,但可能暴露版本号带来安全问题。 3. 迭代循环使用 `th:each`,可获取状态变量如索引、序号、奇偶性等。 4. 条件判断用 `th:if` 和 `th:unless`,基于不同类型的值进行逻辑判断。 示例代码包括了遍历集合、设置表单输入值、条件渲染等场景。
117 0
|
7月前
|
前端开发 Java Linux
Thymeleaf - 语法使用详解
Thymeleaf - 语法使用详解
141 0
|
缓存
Thymeleaf参考手册
Thymeleaf参考手册
124 0
|
存储 JavaScript 前端开发
Thymeleaf入门教程
Thymeleaf入门教程
184 0
|
XML 移动开发 JSON
Thymeleaf简介-HelloWorld基本语法:
Thymeleaf简介-HelloWorld基本语法:
87 0
|
前端开发
Thymeleaf 语法学习
Thymeleaf 语法学习,要学习语法,还是参考官网文档最为准确,我们找到对应的版本看一下;
Thymeleaf 语法学习
|
Java 程序员 Maven
模板引擎:第二章:Thymeleaf
模板引擎:第二章:Thymeleaf
163 0
模板引擎:第二章:Thymeleaf
|
XML Java 程序员
模板引擎:第一章:FreeMarker
模板引擎:第一章:FreeMarker
203 0
模板引擎:第一章:FreeMarker