layui框架数据表格的批量删除

layui框架数据表格的批量删除操作
此文献为layui框架的数据表格的批量删除,批量删除顾名思义就是把大量的数据进行删除操作
由于有点项目数据繁多,如果在要删除的时候一个一个的删除的话,就会很麻烦。所以我们要进行批量删除。
一.页面
1.因为是layui框架的批量删除所以首先要创建一个由layui插件渲染的数据表格如下图
在这里插入图片描述
因为我们要做批量删除所以要在表格里设置多选框来进行选中的数据进行删除,其他数据就如常进行就可以了。

2.接下来就是在页面获取选中的数据,先给表格设置一个ID如下图所示
在这里插入图片描述
(1)获取表格中的复选框的勾选状态和数据
在这里插入图片描述
(2)获取选中行的数据
在这里插入图片描述
(3)因为我们做的是批量删除所以数据不可能只有一条,所以我们要创建一个空的字符串来进行储存获取到的ID
在这里插入图片描述
(4)如上面所说我们获取的数据不可能只有一条,所以我们要把数据的ID拼接起来,所以我们要用到for循环进行对数据ID的循环拼接,给每个ID后面加上一个;符号为了分开ID
在这里插入图片描述
(5)去掉;号
在这里插入图片描述
(6)进行post请求把数据传递到控制器
在这里插入图片描述
进行到现在页面的js已经说完了接下来就是要的控制器的操作了

二.控制器
1.数据传递过来了要写一个参数接收数据,因为我们在页面那边传递过来的数据是以字符串形式传递过来的所以控制器这边也要用字符串类型接收,如下
在这里插入图片描述
2.进行状态设定,把状态设定为false为了如果成功就返回true,失败则为false
在这里插入图片描述
3.创建两个参数来记录成功和失败的数据条数
在这里插入图片描述
4.判断传递过来的数据是否为空,若为空则报数据异常,若数据不为空则继续运行
在这里插入图片描述
5.把一个string类型的数组将传过来的字符串的;去掉
在这里插入图片描述
6.用遍历的方法进行批量删除
在这里插入图片描述
userID为当前遍历的ID,strSserIDs为要遍历的总对象
7.把string类型数组通过遍历循环进行数据转换为int类型
在这里插入图片描述
8.判断一下要遍历的对象是否为空,不为空则执行
在这里插入图片描述
9.判断完后,就到了通过ID查询出被选中的那条数据
在这里插入图片描述
10.最后就是删除的核心代码,对查询到的数据进行逐一删除
Tatuser为查询出的数据
在这里插入图片描述
11.批量删除写到这也差不多写完了,但是还有一点,因为我们在前面给做了个状态为false,所以当我们成功的时候把它该成true返回给页面就OK了,还有因为删除成功了所以删除成功的条数记录要增加了
在这里插入图片描述

本文献到此结束

  • 5
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值