springboot+thymeleaf+mybatis框架实现删除
时间: 2023-09-12 08:03:44 浏览: 238
要实现删除操作,需要在后端编写相应的控制器方法,同时在前端页面上添加删除按钮和触发删除操作的事件。
1. 后端控制器方法
在后端控制器中,需要定义一个删除操作的方法,通常使用 @DeleteMapping 或者 @PostMapping 注解来标识该方法。
例如:
```java
@DeleteMapping("/delete/{id}")
public String delete(@PathVariable("id") Long id) {
// 调用 mybatis 的删除方法,删除指定 id 的数据
userService.delete(id);
return "redirect:/user/list";
}
```
上述代码中,我们使用 @DeleteMapping 注解来标识 delete 方法,同时通过 @PathVariable 注解来获取要删除的数据的 id。然后调用 mybatis 的删除方法,删除指定 id 的数据。
2. 前端页面删除按钮
在前端页面中,需要添加一个删除按钮,并绑定一个触发删除操作的事件。通常可以使用 a 标签来实现删除按钮,同时在 href 属性中添加删除操作的请求路径。
例如:
```html
<a href="/user/delete/${user.id}" onclick="return confirm('确定要删除吗?')">删除</a>
```
上述代码中,我们使用 Thymeleaf 的表达式语法获取要删除的数据的 id,然后将其作为请求路径的参数传递给后端控制器。同时在 onclick 事件中添加一个确认框,提示用户是否确认删除。
3. 前端页面列表展示
在前端页面的列表展示中,需要添加一个删除按钮,让用户可以直接在列表中删除数据。通常可以使用表格的方式展示数据,并在每一行数据的最后一列添加一个删除按钮。
例如:
```html
<table>
<thead>
<tr>
<th>ID</th>
<th>用户名</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr th:each="user : ${users}">
<td th:text="${user.id}"></td>
<td th:text="${user.username}"></td>
<td>
<a href="/user/delete/${user.id}" onclick="return confirm('确定要删除吗?')">删除</a>
</td>
</tr>
</tbody>
</table>
```
上述代码中,我们使用 Thymeleaf 的 each 循环语法来遍历所有的用户数据,然后在每一行数据的最后一列添加一个删除按钮。同时将要删除的数据的 id 作为请求路径的参数传递给后端控制器。
阅读全文