Springboot Thymeleaf实现HTML属性设置

这篇文章主要介绍了Springboot Thymeleaf实现HTML属性设置,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

使用Thymeleaf的属性来设置HTML属性。

（1）使用th:attr属性可以修改原来HTML节点的属性；

（2）th:attr属性可以同时设置多个属性；

（3）每一个HTML属性都有对应的Thymeleaf属性，如th:attr="value='值'"可换为th:value="值"

（4）HTML的type为checkBox、readonly、required、disabled的，Thymeleaf属性可写为th:checked="true/false"形式；

（5）使用th:attrappend和th:attrprepend分别在HTML属性的后面或前面加入数据；

（6）使用th:styleappend和th:classappend分别向原有style、class属性添加样式；

（7）HTML5自定义属性以“data-”作为前缀，Thymeleaf同样支持自定义属性，例如可以使用“data-th-text”代替 “th:text”,使用“data-th-each”代替“th:each”；

开发环境：IntelliJ IDEA 2019.2.2

Spring Boot版本：2.1.8

新建一个名称为demo的Spring Boot项目。

1、pom.xml

加入Thymeleaf依赖

org.springframework.bootspring-boot-starter-thymeleaf

2、src/main/java/com/example/demo/TestController.java

package com.example.demo; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class TestController { @RequestMapping("/") public String test(){ return "test"; } }

3、src/main/resources/templates/test.html

Title

浏览器访问：http://localhost:8080

页面弹出：lc,30

右键查看网页源代码，生成的HTML源码：

Title

hello