springboot学习笔记(十)--web开发--thymeleaf模板引擎(2)

本文介绍了如何在SpringBoot项目中使用Thymeleaf模板引擎,包括添加依赖、配置控制层跳转至HTML页面以及基本的Thymeleaf使用语法。
摘要由CSDN通过智能技术生成

https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-boot-starter

方式一


1、打开spring启动器的官方文档,找到thymeleaf启动器

在这里插入图片描述

2、在项目中引入thymeleaf依赖

找到spring官网关于thymeleaf的启动器maven坐标

在这里插入图片描述3、在项目pom文件中引入thymeleaf坐标

在这里插入图片描述

org.thymeleaf

thymeleaf-spring5

org.thymeleaf.extras

thymeleaf-extras-java8time

方式二


我们可以直接在项目的pom文件中引入thymeleaf启动器坐标

在这里插入图片描述

org.springframework.boot

spring-boot-starter-thymeleaf

查看maven:已成功引入坐标

在这里插入图片描述

3、怎样通过控制层跳转到html页面

=================================================================================

找到ThymeleafProperties类,我们可以看到要想从控制层跳转到html页面,则html页面需要满足以下条件:

1、html页面需要放置在类路径下的templates文件夹下

2、html页面后缀必须为.html

在这里插入图片描述

4、使用thymeleaf模板引擎开发案例

====================================================================================

1、编写控制层

在这里插入图片描述

//templates目录下所有的页面,只能通过controller来跳转! 这个需要模板引擎的支持:thymeleaf

@Controller

public class IndexController {

@RequestMapping(“/test”)

public String Index(Model model){

//存入数据

model.addAttribute(“msg”,“hello springboot”);

//classpath:/templates/test.html

return “test”;

}

}

2、编写前端页面

我们要使用thymeleaf,需要在html文件中导入命名空间的约束,方便提示。

在这里插入图片描述

测试

3、禁用thymeleaf缓存

(1)开发期间模板引擎页面修改以后,要实时生效,需要修禁用hymeleaf缓存。

在这里插入图片描述

2)页面修改完成以后ctrl+f9:重新编译;

4、测试。成功输出

在这里插入图片描述

5、Thymeleaf的使用语法

===========================================================================================================================================

在这里插入图片描述控制层:

在这里插入图片描述

@Controller

public class IndexController {

@RequestMapping(“/test”)

public String Index(Model model){

model.addAttribute(“msg”,“hello springboot”);

model.addAttribute(“users”, Arrays.asList(“spring”,“boot”));

return “test”;

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值