springboot使用thymeleaf

举报
yd_229855229 发表于 2024/10/29 19:41:16 2024/10/29
【摘要】 Spring Boot 是一个快速开发框架,而 Thymeleaf 是一个用于 Java web 应用程序的现代服务器端模板引擎。它们的结合非常常见,可以简化 JSP 的开发,并提供更好的可维护性和功能。下面将介绍如何在 Spring Boot 项目中使用 Thymeleaf。 1. 创建 Spring Boot 项目如果还没有项目,可以使用 Spring Initializr 创建一个新的...

Spring Boot 是一个快速开发框架,而 Thymeleaf 是一个用于 Java web 应用程序的现代服务器端模板引擎。它们的结合非常常见,可以简化 JSP 的开发,并提供更好的可维护性和功能。下面将介绍如何在 Spring Boot 项目中使用 Thymeleaf。

1. 创建 Spring Boot 项目

如果还没有项目,可以使用 Spring Initializr 创建一个新的 Spring Boot 项目。在“Dependencies”部分添加以下依赖项:

  • Spring Web
  • Thymeleaf

2. 项目结构

创建完项目后,项目结构大致如下:

src
└── main
    ├── java
    │   └── com
    │       └── example
    │           └── demo
    │               ├── DemoApplication.java
    │               └── controller
    │                   └── MyController.java
    └── resources
        ├── static
        ├── templates
        │   └── index.html
        └── application.properties

3. 添加 Thymeleaf 依赖

pom.xml 中,确保你有 Thymeleaf 的依赖项(如果通过 Spring Initializr 创建,应该已经包含了)。

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

4. 创建控制器

controller 包中创建一个控制器类 MyController.java,用于处理请求并返回视图。

package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class MyController {

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("message", "Hello, Thymeleaf!");
        return "index"; // 返回 templates/index.html
    }
}

5. 创建 Thymeleaf 模板

src/main/resources/templates 目录中创建一个 index.html 文件。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Thymeleaf Demo</title>
</head>
<body>
    <h1 th:text="${message}">Welcome to Thymeleaf!</h1>
</body>
</html>

6. 配置 application.properties

src/main/resources/application.properties 中,可以进行一些基本配置,比如设置端口等。

server.port=8080

7. 运行应用程序

在 IDE 中运行 DemoApplication.javamain 方法,或者使用命令行:

mvn spring-boot:run

8. 访问页面

打开浏览器,访问 http://localhost:8080/,你应该会看到 “Hello, Thymeleaf!” 的消息。

9. 其他 Thymeleaf 特性

  • 条件渲染:使用 th:if 来条件渲染元素。
<p th:if="${user != null}" th:text="'Hello, ' + ${user.name}">Hello, User!</p>
  • 循环:使用 th:each 来循环输出列表。
<ul>
    <li th:each="item : ${itemList}" th:text="${item}">Item</li>
</ul>
  • 表单提交:使用 Thymeleaf 提供的表单支持。
<form th:action="@{/submit}" method="post">
    <input type="text" name="name" />
    <button type="submit">Submit</button>
</form>

10. 总结

通过上述步骤,你已经成功地在 Spring Boot 项目中集成了 Thymeleaf。Thymeleaf 提供了强大的功能,使得服务器端模板的渲染更加简洁和灵活。可以根据需要进一步学习更多的 Thymeleaf 功能,如表单处理、国际化、片段等,以增强你的应用程序。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。