用springboot和thymeleaf如何连接前后端

首先，需要了解一下Spring Boot和Thymeleaf的基本概念和使用方法。

Spring Boot是一个快速开发框架，可以帮助我们快速构建Web应用程序。Thymeleaf是一个流行的Java模板引擎，用于渲染HTML页面。

连接前后端的方法主要有以下两种：

1. 通过Controller将数据传递给前端

在Spring Boot中，通过Controller将数据传递给Thymeleaf模板，然后在模板中渲染出HTML页面。具体步骤如下：

1）创建Controller类，定义请求路径和数据模型；

2）创建Thymeleaf模板文件，根据数据模型渲染HTML页面；

3）在Controller中返回Thymeleaf模板的名称。

示例代码：

@Controller
public class SampleController {

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("message", "Hello, world!");
        return "index";
    }

}

在Thymeleaf模板中，可以通过`${message}`获取到Controller传递的数据。

2. 使用Ajax技术实现异步交互

另外一种连接前后端的方法是使用Ajax技术实现异步交互。具体步骤如下：

1）创建Controller类，定义请求路径；

2）在前端页面中，使用Ajax发送请求，并将返回结果展示在页面上。

示例代码：

@Controller
public class SampleController {

    @GetMapping("/data")
    @ResponseBody
    public String getData() {
        return "Hello, world!";
    }

}

在前端页面中，可以使用jQuery的Ajax方法发送请求，并在成功回调函数中处理返回结果。

示例代码：

$.ajax({
    url: '/data',
    success: function(data) {
        $('#result').text(data);
    }
});

以上是连接前后端的两种方法，具体使用哪种方法取决于项目需求和开发者习惯。