将前端的删除按钮和后端的spring代码结合怎么弄代码

首先，前端删除按钮应该触发一个删除请求，这个请求应该携带要删除的数据的唯一标识符（比如ID）。然后，后端需要编写一个接口来处理这个删除请求。在Spring中，可以使用@RequestMapping注解来定义这个接口的URL路径和请求方式，比如：

@RequestMapping(value = "/delete", method = RequestMethod.POST)
public ResponseEntity<String> deleteData(@RequestParam("id") String id) {
    // 在这里编写删除数据的代码逻辑
    return ResponseEntity.ok("删除成功");
}

这个接口需要使用@RequestParam注解来接收前端传过来的ID参数。然后，在接口逻辑中，你可以调用数据访问层（比如使用Spring Data JPA）来删除指定ID的数据。最后，返回一个ResponseEntity响应，表示删除成功。

在前端，你可以使用JavaScript来发送删除请求，比如：

function deleteData(id) {
  fetch('/delete', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: `id=${id}`
  })
  .then(response => response.json())
  .then(data => {
    console.log(data);
    // 在这里处理删除成功后的逻辑
  })
  .catch(error => console.error(error));
}

这个JavaScript函数会使用fetch API来发送一个POST请求到后端的/delete接口，并携带要删除的数据的ID参数。在请求成功后，你可以在响应数据中获取到删除操作的结果，然后进行相应的处理。

当然，这只是一个简单的示例，具体的实现要根据你的具体业务需求来进行设计和编写。