php js批量删除,bootstrap实现删除和批量删除操作

该博客介绍了如何在Web应用中实现用户数据的批量和单个删除功能。使用了Bootstrap Table插件来获取选中记录,并通过AJAX进行后台交互。在Java后端,通过Controller和Service层处理删除请求,将ID列表转换后调用删除方法。
摘要由CSDN通过智能技术生成

一条记录可以看做一条数据的数组

1 Html

1.1 批量选择框

2a2951aa21c65f71df208e5153714a5f.png

1.2 单个删除

42b348186326f2224478a6f5f8d00844.png

2 bootStarp

2.1 批量获得

获得选择的数据

711b4896312a7788bd68f928e15d1d09.png//批量删除

function deleteUserList() {

//获取所有被选中的记录

var rows = $("#user").bootstrapTable('getSelections');

if (rows.length== 0) {

alert("请先选择要删除的记录!");

return;

}

var ids = '';

for (var i = 0; i < rows.length; i++) {

ids += rows[i]['id'] + ",";

}

ids = ids.substring(0, ids.length - 1);

deleteUser(ids);

}

2.2 单个获得

d9a9d784bd34577606f90ec00071b49a.png//单个删除

function deleteUserById(id) {

deleteUser(id);

}

2.3 公共操作

de9939432bd1421abfdfceee03c597ae.png

//删除

function deleteUser(ids) {

var msg = "您真的确定要删除吗?";

if (confirm(msg) == true) {

$.ajax({

url: "${path}/user/deleteUserList.do",

type: "post",

data: {

ids: ids

},

success: function (data) {

alert(data.msg);

//重新加载记录

//重新加载数据

$("#user").bootstrapTable('refresh', {url: '/user/getUserList.do'});

}

});

}

}

3 Java

3.1 Controller

e6505de5f5b59ae42d9f489f1cd7d9b2.png

3.2 Service

65f24af6adc0a17f0a894fd884b8b143.pngpublic long deleteUserList(String ids) {

String[] ss = ids.split(",");

long count= 0;

for (Strings : ss) {

userResourceExtend.deleteUser(Integer.parseInt(s));

count++;

}

return count;

}

3.3 dao

e0de42d05fe7cb55b0f9f3759af215a3.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值