Thymeleaf模板引擎

						 Thymeleaf模板引擎

开发工具与关键技术:IntelliJ IDEA
作者:昨夜星辰
撰写时间:2021年 05月 18日

一、什么是Thymeleaf
根据Thymeleaf官方文档的简介,Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎,能够处理HTML,XML,JavaScript,CSS甚至纯文本。
Thymeleaf的主要目标是提供一种优雅且高度可维护的模板创建方法。为此,它以自然模板的概念为基础,以不影响模板用作设计原型的方式将其逻辑注入模板文件。这样可以改善设计沟通,并缩小设计团队与开发团队之间的差距。
Thymeleaf也已经从一开始就设计了Web标准记-尤其是HTML5 -允许您创建充分验证模板,如果这是一个需要你。
jsp支持非常强大的功能,包括能写Java代码,但是呢,我们现在的这种情况,SpringBoot这个项目首先是以jar的方式,不是war,像第二,我们用的还是嵌入式的Tomcat,所以呢,他现在默认是不支持jsp的,但Spring官方支持的服务的渲染模板中,并不包含jsp。而是Thymeleaf和Freemarker等,而Thymeleaf与SpringMVC的视图技术,及SpringBoot的自动化配置集成非常完美,几乎没有任何成本,你直接使用Thymeleaf的语法即可。
二、Thymeleaf的使用
1.下面截图就是我们Thymeleaf自动装配类的,因为Thymeleaf已经帮我们自动配置和渲染了,我们直接使用就可以了,通过配置文件映射的文件路径,我们需要在静态资源目录下创建classpath/templates目录,把创建的HTML文件放到映射的文件目录下就可以了。
在这里插入图片描述
2.直接把我们创建好的HTML前端页面放到templates的目录下,Thymeleaf的自动配置类就会帮我们渲染使用了。
在这里插入图片描述
3、需要到我们的项目的application.properties配置文件目录下去关闭我们Thymeleaf的模板引擎,要不然打开不了HTML的前端页面,直接把spring.thymeleaf.cache的值设置为false就可以了。
在这里插入图片描述
4、创建我们的Controller层,通过控制器存储需要的值返回页面。
在这里插入图片描述
5、直接在我的HTML标签里面导入我们Thymeleaf的引用空间名称,因为导入thymeleaf的引用,所有的HTML元素都可以被thymeleaf替换接管,我们通过thymeleaf的表达式来获取控制器传过来的参数,直接在div里面text文本前面加上引用的th引用thymeleaf的类就可以通过表达式接收控制器传过来的数据了。最后启动我们的程序就可以了。
在这里插入图片描述
6、Thymeleaf一些语法的使用
th:任意html属性,用来替换原生属性值
th:text;改变当前元素里面的文本内容
th:attrprepend 来追加(不是替换)属性值
th:fragment:定义代码块,方便被th:insert引用
th:href="@{…}" 替换url
th:text=" . . . "   转 译 特 殊 字 符 , 特 殊 符 号 原 方 不 动 输 出 t h : u t e x t = " {...}" 转译特殊字符,特殊符号原方不动输出 th:utext=" ..." th:utext="{…} 会转译字符,特殊符号被转译后输出结果
th:if:条件判断,类似的还有th:unless,th:switch,th:case。
th:object:声明变量,一般和*{}一起配合使用,达到偷懒的效果。
th:value:设置当前元素的value值,类似修改指定属性的还有th:src,th:href。
th:replace:替换当前标签为模板中的标签,加载的节点会整个替换掉加载他的div
th:include:加载模板的内容: 读取加载节点的内容(不含节点名称),替换div内容
th:each:遍历循环元素,和th:text或th:value一起使用。注意该属性修饰的标签位置,详细往后看。
th:attr:修改任意属性,实际开发中用的较少,因为有丰富的其他th属性帮忙,类似的还有th:attrappend,th:attrprepend。
th:insert:代码块引入,类似的还有th:replace,th:include,三者的区别较大,若使用不恰当会破坏html结构,常用于公共代码块提取的场景。
表达式:选择变量表达式: {…} 消息表达式: #{…} 链接表达式: @{…} 代码段表达式: ~{…}
选择变量表达式
{…}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值