Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Thymeleaf入门

Thymeleaf入门

作者头像
摸鱼的G
发布于 2023-02-22 01:49:07
发布于 2023-02-22 01:49:07
44000
代码可运行
举报
文章被收录于专栏:火属性小虫火属性小虫
运行总次数:0
代码可运行
Thymeleaf入门

Thymeleaf 是一个Spring用来开发动态网站的模板

Maven依赖

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
 </dependency>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@Controller
public class SongListControl {

  @Autowired
  private SongListService songListService;

  @RequestMapping("/songlist")
  public String index(@RequestParam("id")String id,Model model){

    SongList songList = songListService.get(id);
    //传递歌单对象到模板当中
    //第一个 songList 是模板中使用的变量名
    // 第二个 songList 是当前的对象实例
    model.addAttribute("songList",songList);

    return "songList";//返回到模板的网页的名称
  }
}

在Controller的基础上通过model.addAttribute("songList",songList);方法创建了一个Model对象,然后return到模板网页。

默认匹配到src/main/resources/templates/下的HTML 且会自动匹配后缀因此只需要写名字即可。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
th:text="${songList.name}"//以此作为属性来调用Model对象
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
th:each="song : ${songs}"//Thymeleaf的循环语法,它的子标签会循环
当然这个songs要是一个List

在each中存在一个it 的可选参数th:each="song,it : ${songs}" 用于表示很多统计需求

在子标签中可以使用it属性来完成以下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
it.index -----迭代对象的index(从0开始)
it.count -----迭代对象的index(从1开始)
it.current -----当前的迭代对象(相当于上面的song)
it.even/odd -----布尔值,当前循环是否为偶数或奇数(从0开始计算)
it.first -----布尔值,当前循环是否是第一个
it.last -----布尔值,当前循环是否是最后一个
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
SpringBoot 整合 Thymeleaf & 如何使用后台模板快速搭建项目
主要针对我们在项目中最常见的几种用法进行讲解。同时我们也是在项目中直接讲 Thymeleaf 的用法。
宁在春
2022/10/31
1.1K0
SpringBoot 整合 Thymeleaf & 如何使用后台模板快速搭建项目
SpringBoot系列(五)集成thymeleaf详解版
 1. Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。
全栈学习笔记
2022/03/31
7890
SpringBoot系列(五)集成thymeleaf详解版
SpringBoot【整合Thymeleaf】
SpringBoot中推荐使用的前端模板框架是Thymeleaf,所以本文来介绍下怎样整合Thymeleaf。
用户4919348
2019/05/17
9530
Spring Boot整合Thymeleaf视图层
Spring Boot整合Thymeleaf(Spring Boot官方推荐的视图层技术)
JokerDJ
2023/11/27
2770
Spring Boot整合Thymeleaf视图层
2.新建项目-thymeleaf
视图文件存放的目录:src/main/resource/templates 注:该目录是安全的,意味着该目录下的内容不允许外界直接访问,防止视图文件未经过渲染就展现
Yuyy
2022/06/28
5750
2.新建项目-thymeleaf
SpringBoot整合Thymeleaf快速入门
九转成圣
2024/04/10
970
Spring Boot 集成 Thymeleaf 模板
2. application.properties 文件中添加 Thymeleaf 模板配置
北漂的我
2019/05/29
4810
Thymeleaf一篇就够了
大家好,我是 bigsai,今天我们来学习 Thymeleaf,如果你对 Thymeleaf 比较陌生也不要紧,它很容易学习与理解,并有着自己鲜明的特色。
程序员Leo
2023/08/07
7.3K0
Thymeleaf一篇就够了
SpringBoot 之 Web 使用 Thymeleaf 模板
SpringBoot 推荐使用 Thymeleaf,且默认不支持 JSP,因为 JSP 必须要打包war包才行。
AI码真香
2022/09/13
1.3K0
SpringBoot  之 Web 使用 Thymeleaf 模板
【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板
【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板
yukong
2018/08/13
4310
springboot 整合 thymeleaf(上手即用)
springboot 整合thymeleaf 其实用的不是很多,因为现在很多公司都是前后端分离的项目,通过接口交互了。但是我们后端人员,对前端不是很了解,但是又想做些东西看看效果。所以就可以整合 thymeleaf ,掌握一些基本的语法,就可以很好的操作啦。
用户5546570
2020/07/08
6550
springboot 整合 thymeleaf(上手即用)
_SpringBoot自带模板引擎Thymeleaf使用详解①
Thymeleaf是一款用于渲染XML/HTML5内容的模板引擎,类似JSP。它可以轻易的与SpringMVC等Web框架进行集成作为Web应用的模板引擎。在SpringBoot中推荐使用Thymeleaf编写动态页 面。         Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个Web应用。Thymeleaf在有网络和无网络的环境下皆可运行,它即可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。没有数据时,Thymeleaf的模板可以静态地运行;当有数据返回到页面时,Thymeleaf标签会动态地替换掉静态内容,使页面动态显示。
会洗碗的CV工程师
2023/11/18
7060
_SpringBoot自带模板引擎Thymeleaf使用详解①
【原创】SpringBoot快速整合Thymeleaf模板引擎
Thymeleaf 是 Java 模板引擎,Spring 官方推荐使用,也是 Spring Boot 默认的模板引擎;前后端分离之前就是thymeleaf这类引擎模板的地盘;其支持HTML5的视图模板,能够无缝衔接springboot;主要用途能进行web开发和非web开发,比如页面渲染,代码生成,文档生成等等,做些日常的小工具是个很好的选择;
田维常
2020/08/26
9280
【原创】SpringBoot快速整合Thymeleaf模板引擎
【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板前言一、目标二、实现三、总结
Thymeleaf 是Java服务端的模板引擎,与传统的JSP不同,前者可以使用浏览器直接打开,因为可以忽略掉拓展属性,相当于打开原生页面,给前端人员也带来一定的便利。如果你已经厌倦了JSP+JSTL的组合,Thymeleaf或许是个不错的选择!
yukong
2018/08/21
3740
【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板前言一、目标二、实现三、总结
Thymeleaf标签学习
然后编写一个springBoot的启动类,这里不多说了,直接启动项目访问测试即可:
samRsa
2025/02/24
1390
Thymeleaf标签学习
springboot-Thymeleaf模板引擎
我们以前开发的时候使用jsp页面因为jsp支持非常强大的功能,包括能写Java代码,但是springboot是以jar包的方式,且是内嵌式的Tomcat 所以默认是不支持jsp的。
暴躁的程序猿
2022/03/23
2460
springboot-Thymeleaf模板引擎
Thymeleaf【快速入门】Thymeleaf介绍
然后官网还给出了一段看起来仍然像HTML一样工作的集成了Thymeleaf模版的代码,我们大致的来感受一下:
我没有三颗心脏
2019/01/03
3.9K0
Thymeleaf从入门到清晰使用
但是:springboot这个项目首先是以jar的方式,不是war,第二,我们用的还是嵌入式的Tomcat,所以他默认是不支持jsp,对此springboot推荐我们使用Thymeleaf模板引擎
秋名山码神
2023/01/13
1K0
Thymeleaf从入门到清晰使用
SpringBoot整合整合jsp、整合freemarker、整合Thymeleaf
1、SpringBoot整合整合jsp、整合freemarker、整合Thymeleaf。
别先生
2020/05/18
2.6K0
SpringBoot整合整合jsp、整合freemarker、整合Thymeleaf
Thymeleaf 生成静态化模板
右上角为动态页面通过服务端访问,数据显示为服务端提供的数据,样式依然为html的样式 右下角为静态页面可通过浏览器直接打开,数据为初始的数据
Java_慈祥
2024/08/06
2450
Thymeleaf  生成静态化模板
相关推荐
SpringBoot 整合 Thymeleaf & 如何使用后台模板快速搭建项目
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验