类似抖音的短视频管理系统+Java后端+vue前端(9)
选中数据,点击头工具栏的按钮进行删除
获取选中的数据,将数据放到数组中
var delete1 = checkStatus.data;
var ids = [];
for (var i = 0;i<delete1.length ;i++){
ids.push(delete1[i].id)
}
console.log(ids)
用Ajax将要删除的id传送到后台
case 'del':
var layer = layui.layer;
//layer.msg('删除');
//将删除的id的数组传送到后台
$.ajax({
type:"get",
url:"/videos/del",
data:{
ids:ids
},
traditional:true,//如果传送的数据是数组,则需要
dataType:"json",
})
break;
控制层Controller
//del
@RequestMapping("/del")
@ResponseBody
public Result del(String[] ids){
Result result = new Result();
System.out.println(ids);
try {
for (String id:ids){
videoService.deleteByPrimaryKey(id);
}
result.setMessage("ok");
result.setStatus(0);
}catch (Exception e){
e.printStackTrace();
result.setMessage("error");
}
return result;
}
业务层Service
Service.java
int deleteByPrimaryKey(String id);
ServiceImpl.java
@Override
public int deleteByPrimaryKey(String id) {
return videoMapper.deleteByPrimaryKey(id);
}
将结果反馈给前端
success:function (res) {
if (res.message = "ok"){
layer.alert(res.message,{icon:2},function (index){
layer.close(index)
tableIns.reload()
//再刷新之前弹出窗口确认
//window.location.reload()
})
}
}