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了,还有因为删除成功了所以删除成功的条数记录要增加了
本文献到此结束