當(dāng)前位置：首頁(yè) > 前端技术 > javascript >内容正文

javascript

Spring boot的Thymeleaf使用

發(fā)布時(shí)間：2025/3/20 javascript 19 豆豆

生活随笔收集整理的這篇文章主要介紹了 Spring boot的Thymeleaf使用小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

Thymeleaf使用

引入Thymeleaf

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

版本配置

<thymeleaf.version>3.0.9.RELEASE</thymeleaf.version> <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>

添加頁(yè)面
HTML頁(yè)面放在classpath:/templates/路徑下
thymeleaf就能自動(dòng)渲染

命名空間
在HTML文檔頭部，導(dǎo)入命令空間

<html lang="en" xmlns:th="http://www.thymeleaf.org"> <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <h1>成功！</h1>  <div id="div01" class="myDiv" th:id="${hello}" th:class="${hello}" th:text="${hello}">這是顯示歡迎信息</div> <hr/> <div th:text="${hello}"></div> <div th:utext="${hello}"></div> <hr/> <h4 th:text="${user}" th:each="user:${users}"></h4> <hr/> <h4><span th:each="user:${users}"> [[${user}]] </span> </h4> <form th:action="@{/upload}" method="post" enctype="multipart/form-data"><input type="file" name="file"><input type="submit"/> </form></body> </html>

總結(jié)

以上是生活随笔為你收集整理的Spring boot的Thymeleaf使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： Spring boot模板引擎
下一篇： gradle idea java ssm