❤️springboot模板引擎❤️——thymeleaf(代码片段)

龍弟-idea 龍弟-idea     2023-01-10     549

关键词:

目录

模板引擎简介

引入Thymeleaf模板引擎

分析Thymeleaf模板引擎

测试Thymeleaf模板引擎

Thymeleaf入门:

 thymeleaf语法学习

 练习测试

 总结:


模板引擎简介

jsp有着强大的功能,能查出一些数据转发到JSP页面以后,我们可以用jsp轻松实现数据的显示及交互等,包括能写Java代码。但是,SpringBoot首先是以jar的方式,不是war;其次我们的tomcat是嵌入式的,所以现在默认不支持jsp。

如果我们直接用纯静态页面方式,必然会给开发带来很大麻烦,所以springboot推荐使用模板引擎,其实jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf!模板引擎的本质思想如下图:

引入Thymeleaf模板引擎

 Thymeleaf 官网:Thymeleaf

Spring官方文档:

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

<!--thymeleaf-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

 Maven自动下载jar包,下图试maven下载的东西;

分析Thymeleaf模板引擎

首先按照SpringBoot的自动配置原理来看一下我们这个Thymeleaf的自动配置规则,再按照这个规则,我们进行使用。可以先去看看Thymeleaf的自动配置类:ThymeleafProperties

我们可以在配置文件看到默认的前缀和后缀!

我们只需要把我们的html页面放在类路径下的templates下,thymeleaf就可以帮我们自动渲染。

测试Thymeleaf模板引擎

1、编写一个TestController

 2、编写一个测试页面  test.html 放在 templates 目录下

 3、启动项目请求测试

4.结论:只要需要使用thymeleaf,只需要导入对应的依赖就可以了,然后将html放在templates的目录下即可

Thymeleaf入门:

我们可以查看下Thymeleaf 官网:https://www.thymeleaf.org/
简单练习:查出一些数据,在页面中展示

1、修改测试请求,增加数据传输

@Controller
public class TestController 

    @RequestMapping("/t1")
    public String test1(Model model)
        //存入数据
        model.addAttribute("msg","Hello,Thymeleaf");
        //classpath:/templates/test.html
        return "test";
    

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


 xmlns:th="http://www.thymeleaf.org"

3、我们去编写下前端页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>九阳真经---龍弟</title>
</head>
<body>
<h1>测试页面</h1>
<!--th:text就是将div中的内容设置为它指定的值-->
<div th:text="$msg"></div>
</body>
</html>

4、启动测试!

 thymeleaf语法学习

1、使用任意的 th:attr 来替换Html中原生属性的值!

2.表达式语法:

 练习测试

@Controller
public class TestController 
    @RequestMapping("/t2")
    public String test2(Map<String,Object> map)
        //存入数据
        map.put("msg","<h1>Hello,SpringBoot</h1>");
        map.put("users", Arrays.asList("dragon","longdi"));
        //classpath:/templates/test.html
        return "test";
    

2、测试页面取出数据

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>九阳真经---龍弟</title>
</head>
<body>
<h1>测试页面</h1>

<div th:text="$msg"></div>
<!--不转义-->
<div th:utext="$msg"></div>
<!--遍历数据-->
<!--th:each每次遍历都会生成当前这个标签-->
<h4 th:each="user :$users" th:text="$user"></h4>
<hr>
    <!--行内写法-->
    <h4 th:each="user:$users">[[$user]]</h4>
</body>
</html>

3、启动项目测试!

 总结:

由于thymeleaf很多语法样式,我们现在学了也会忘记,因此,在学习过程中,需要使用什么,根据官方文档来查询,所以要熟练使用官方文档!

❤️学习虚幻引擎这一篇就够了⚡⚡⚡❤️

...料网站欢迎私信我补充,需要去外网的暂时不加虚幻引擎学习前言¥虚幻引擎官方提供资料¥一、模型方面二、场景制作三,b站上学习前言暂时所有有关虚幻引擎需要的网站都在这里了,随时增加¥虚幻... 查看详情

springbootspringboot基础知识及整合thymeleaf模板引擎(代码片段)

文章目录SpringBoot简介SpringBoot是什么为什么要学习SpringBootSpringBoot的优势学习SpringBoot前要具备的基础创建第一个SpringBoot项目在Spring官方下创建SpringBoot项目使用IDEA创建SpringBoot项目SpringBoot配置文件详解属性配置配置文件分类SpringBo... 查看详情

opencv⚠️高手勿入!半小时学会基本操作16⚠️模板匹配(代码片段)

【OpenCV】⚠️高手勿入!半小时学会基本操作16⚠️概述模板匹配案例一案例二概述OpenCV是一个跨平台的计算机视觉库,支持多语言,功能强大.今天小白就带大家一起携手走进OpenCV的世界.(第16课)模板匹配模板匹配(TemplateMatching)和卷... 查看详情

2022年了,你学会用搜索引擎么?程序员这样用搜索引擎(代码片段)

文章目录⛳️实战场景⛳️屏蔽搜索引擎广告⛳️屏蔽与组合关键词⛳️用搜索引擎找文件⛳️site命令⛳️限定正文,限定标题⛳️关键字indexof/⛳️实战场景最近又碰到学弟质疑搜索引擎不好用的问题了,所以橡皮擦... 查看详情

❤️❤️❤️no技术文all粉丝福利❤️❤️❤️

  一、资料1、100套小编购买的简历模板(部分截图)2、1000套精品PPT模板(部分截图)3、大数据-学习资料(1.3G硬核PDF,官方指南)4、python学习全集5、Java基础、高级和面试资料6、大数据-行业资料... 查看详情

mysql进阶教程innodb引擎(代码片段)

前言本文为【MySQL进阶教程】InnoDB引擎相关知识,下边将对InnoDB引擎介绍,InnoDB引擎架构,事务原理,MVCC等进行详尽介绍~📌博主主页:小新要变强的主页👉Java全栈学习路线可参考:【Java全栈学习... 查看详情

❤️撸完这个springboot项目,我对boot轻车熟路!源码+视频都开源强烈建议收藏❤️(代码片段)

上次给大家分享了一个springboot+vue的校园招聘系统,视频教程加项目源码,都是开源的,应该说很香了,今天再给大家分享一个不错的springboot的项目。老规矩,开源,开源,开源!!!金... 查看详情

❤️撸完这个springboot项目,我对boot轻车熟路!源码+视频都开源强烈建议收藏❤️(代码片段)

上次给大家分享了一个springboot+vue的校园招聘系统,视频教程加项目源码,都是开源的,应该说很香了,今天再给大家分享一个不错的springboot的项目。老规矩,开源,开源,开源!!!金... 查看详情

❤️肝了一个springboot+vue的招聘系统开源了还有教程强烈建议收藏❤️(代码片段)

周末本来是配女友逛街的日子,但是最近沉迷技术无法自拔!还把女友得罪了,我给女友转了一520的红包!我说你去逛街吧,我要写代码!金九银十来了,小伙伴们,冲啊!前面已经整理了很多... 查看详情

❤️撸完这个springboot项目,我对boot轻车熟路!源码+视频都开源强烈建议收藏❤️(代码片段)

上次给大家分享了一个springboot+vue的校园招聘系统,视频教程加项目源码,都是开源的,应该说很香了,今天再给大家分享一个不错的springboot的项目。老规矩,开源,开源,开源!!!金... 查看详情

html+css+js实现❤️echarts企业地区大数据图表模板❤️(代码片段)

   效果演示:   代码目录: 主要代码实现:CSS样式:body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,ddmargin:0;padding:0;ul,lilist-style:none;a:link,a:visited,a:activetext-decoration:none;bodybackgr 查看详情

❤️ppt素材网站推荐❤️让你的ppt更加迷人❤️

PPT素材网站千图网PPT设计教程网51PPT模板变色龙PPT优品红动中国逼格PPT花瓣千图网链接:https://www.58pic.com/简介:千图网是中国最大的免费素材下载网站!提供矢量图素材,矢量背景图片,矢量图库,还有psd素材,PS素材,设计模板... 查看详情

opencv⚠️实战⚠️银行卡卡号读取(代码片段)

【OpenCV】⚠️实战⚠️银行卡卡号读取概述预处理代码模板预处理银行卡预处理计算轮廓代码模板轮廓银行卡轮廓其他程序主函数代码数字分割最终结果概述今天带大家使用我们之前学会的知识来实现银行卡卡号读取.代码分为... 查看详情

最全面的springboot教程——springboot运行原理分析(代码片段)

前言本文为最全面的SpringBoot教程(六)——SpringBoot运行原理分析相关知识,下边将对SpringBoot运行原理以及自动配置原理进行详尽的分析介绍~📌博主主页:小新要变强的主页👉Java全栈学习路线可参考ÿ... 查看详情

❤️酷炫游戏动漫网页设计模板❤️(html+css+javascript-前端大作业)(代码片段)

...领域优质创作者🏆、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我,都给你】🍅欢迎点赞👍收藏⭐留言📝   临近期末,你还在为HTML网页设计结课作业,老师的作业要求感到... 查看详情

❤️绿色畜牧业肉食网页模板❤️(html+css+javascript-前端大作业)(代码片段)

...领域优质创作者🏆、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我,都给你】🍅欢迎点赞👍收藏⭐留言📝   临近期末,你还在为HTML网页设计结课作业,老师的作业要求感到... 查看详情

❤️酷炫游戏动漫网页设计模板❤️(html+css+javascript-前端大作业)(代码片段)

...领域优质创作者🏆、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我,都给你】🍅欢迎点赞👍收藏⭐留言📝   临近期末,你还在为HTML网页设计结课作业,老师的作业要求感到... 查看详情

❤️肝了一个springboot+vue的招聘系统开源了还有教程强烈建议收藏❤️(代码片段)

...问题了!!!❤️4,肝完了,总结了SpringBoot与缓存的知识点,快速掌握5,Mysql面试大全,看完可以吊打面试官!!!6,入计算机专业的师弟师妹,别再迷茫了,我整理一份CS... 查看详情