spring-boot项目中如何集成使用thymeleaf

来源：互联网 2023-02-21 18:39:57 77

Thymeleaf是Java服务端模板引擎，能够处理HTML，XML，Javascript，CSS和文本，主要目标是提供自然的、高度可维护性的模板。基于自然模板的概念，将逻辑注入模板文件中，且不影响其设计原型。那在spring-boot中如何集成使用thymeleaf模板引擎呢？

工具/原料

创建一个名为spring-boot-app-thymeleaf的工程

spring-boot项目中如何集成使用thymeleaf

打开pom.xml文件，在dependencies中添加依赖配置：

dependency>

groupId>org.springframework.boot/groupId>

artifactId>spring-boot-starter-thymeleaf/artifactId>

/dependency>

spring-boot项目中如何集成使用thymeleaf

点击maven project窗口的刷新按钮，下载新增的依赖库

spring-boot项目中如何集成使用thymeleaf

新增模板文件：在templates目录下创建一个index.html文件，并编写模板内容.

1. xmlns:th="http://www.thymeleaf.org：为thymeleaf命名空间，必须引入。

2. th:href="@{~/css/app.css}:以绝对路径的方式引入样式表文件

3.${title}：后台返回属性变量

4.th:text="${title}"：以文本的方式显示title值

spring-boot项目中如何集成使用thymeleaf

编写样式表：在static目录下，创建css目录及一个名为app的样式表文件，编写样式内容。

spring-boot项目中如何集成使用thymeleaf

创建路由：在java/com.example.springbootapp目录下创建一个名为HomeController的Java类文件，编写代码。

这里创建一个“/index.html”的路由，设置模板所需属性值并将之映射到index.html模板文件中。

spring-boot项目中如何集成使用thymeleaf

启动应用：点击idea右上角的run按钮或通过快捷键shift f10，启动应用。

spring-boot项目中如何集成使用thymeleaf

7本页面未经许可获取自百度经验

打开浏览器输入localhost:8080/index.html，查看页面内容

spring-boot项目中如何集成使用thymeleaf

这样，一个简单的spring boot thymeleaf应用构建完成。后续可以根据业务添加更多模板、样式或脚本。

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：win10如何安装visual studio 2010旗舰版下一篇：Windows10怎么开启上帝模式