Spring boot 集成thymeleaf

最新推荐文章于 2024-06-05 08:24:38 发布

卿者飞翔

最新推荐文章于 2024-06-05 08:24:38 发布

阅读量765

点赞数 5

分类专栏： springboot http chrome 文章标签： spring boot 后端 java

本文链接：https://blog.csdn.net/qq_36268452/article/details/139361908

版权

springboot 同时被 3 个专栏收录

13 篇文章 1 订阅

订阅专栏

http

5 篇文章 0 订阅

订阅专栏

chrome

2 篇文章 0 订阅

订阅专栏

Spring boot 集成thymeleaf

背景

自己通过Spring boot集成通义千问实现了一个智能问答系统。Spring boot集成通义千问已经完成，现在需要做一个简单的页面展示，作为一个八年没有摸过前端的后端开发人员，不得不又拿起了html和thymeleaf。

Spring boot 集成web和thymeleaf

Spring boot使用thymeleaf开发前端页面，首先Spring boot得是个web项目，也就是需要集成web功能，然后就需要支持thymeleaf。‘

第一步添加依赖

       <!--spring boot 对web的支持-->
       <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!--Spring boot 对thymeleaf的支持-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <!--Spring boot对lombok的支持-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>

Spring boot添加了这两个依赖之后，就具备了thymeleaf的web能力了。

第二步验证thymeleaf

添加完依赖，我需要写个controller实验一下，代码如下

@Controller
@RequestMapping("demo")
@Slf4j
public class DemoController {

    @RequestMapping("demo")
    public String demo(Model model){
        log.debug("demo ok");
        model.addAttribute("msg","hello thymeleaf");
        return "demo";
    }

}

controller写完之后，我需要写一个html实验一下，html位置在
在这里插入图片描述
html页面内容如下

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>测试Thymeleaf</title>
</head>
<body>
  <h1>测试 Thymeleaf模板 </h1>
  <h4>获取数据: <span th:text="${msg}"></span></h4>
</body>
</html>