ssm框架写一个批量删除代码和相关的前端页面
时间: 2024-03-19 12:44:18 浏览: 139
首先,在后端的Java代码中,我们需要定义一个接口来处理批量删除的请求,例如:
```java
@RequestMapping(value = "/deleteBatch", method = RequestMethod.POST)
@ResponseBody
public Map<String, Object> deleteBatch(@RequestParam("ids[]") Long[] ids) {
Map<String, Object> result = new HashMap<>();
try {
// 调用Service层的方法进行批量删除操作
userService.deleteBatch(ids);
result.put("code", 200);
result.put("msg", "删除成功");
} catch (Exception e) {
e.printStackTrace();
result.put("code", 500);
result.put("msg", "删除失败");
}
return result;
}
```
在上面的代码中,我们使用了@RequestParam注解来获取前端传递过来的参数,其中ids[]表示ids参数是一个数组类型的参数,这样就可以接收到前端传递过来的多个id值。
然后在前端的页面中,我们需要定义一个按钮来触发批量删除操作,例如:
```html
<button class="btn btn-danger" id="deleteBatchBtn">批量删除</button>
```
然后在JavaScript中,我们需要实现点击按钮时发送批量删除请求的逻辑,例如:
```javascript
$('#deleteBatchBtn').click(function() {
var ids = [];
$('input[name="idCheckbox"]:checked').each(function() {
ids.push($(this).val());
});
if (ids.length === 0) {
alert('请先选择要删除的记录');
return;
}
if (confirm('确定要删除选中的记录吗?')) {
$.ajax({
type: 'POST',
url: '/user/deleteBatch',
data: {ids: ids},
success: function(result) {
if (result.code == 200) {
alert(result.msg);
window.location.reload();
} else {
alert(result.msg);
}
}
});
}
});
```
在上面的代码中,我们首先获取所有被选中的记录的id值,然后判断是否有选中的记录,如果没有则弹出提示框;如果有则发送批量删除请求,并在请求成功后刷新页面。注意,在发送批量删除请求时需要将ids参数以数组形式传递,并且需要使用POST方法发送请求。
阅读全文