00:00
那么呢,我们刚才做完了这个全选全部选的功能,接下来就是呃,当我们点击删除,哎,提示我们是否要删除这些元素,然后发送AJS请求去删除就行了,然我们接下来就为这个全部删除的这个按钮,诶这个按钮呢,我们当时还没给他给ID吗?好,那我们就来给他给一个ID。往上走,咱们这个全部删除好,就是它来给一个did。好,那么这个呢,就叫E,咱们知道delete o。把它。啊,全部删除的,咱们这个按钮,当我们点击它,我们就来提示。好,我们在下边来写啊,当我们这个点击全部删除,全部删除啊,就咱们这个批量删除,哎,我们就是这个按钮。井号好,就是他那给他呢,绑定单击事件。
01:05
给他绑定单机事件,好,当绑定单击事件以后呢,我们一点它应该提示我们被选中的这些员工姓名,这些员工姓名怎么获取呢?哎,其实也非常简单啊,你看这是我们选中的这个选择框,这些哪些被选中,哪些没选中我们知道,然后呢,找到他的祖先TR,其实第三个TD就是我们这个员工姓名,我们就这么来找。我们来打开就是呢,找到我们被选中的,哎,被选中的每一个check item,哎,就是这些小按钮,我们来找到它好,先找到它被选中的好,就是它来可以遍利每一个这个被选中的元素好,Dollar符点each好,那们要变历的元素呢,就是每一个被选中的这个多选框好点方式好,这是我们这个遍历的每一个元素的回调函数在这里边呢,呃,我们知道这一块呢,就是this,就能代表当前正在遍历的咱们这个item,哎,就是咱们这个当前遍历的,我们只需要找到这个第三个TT的值,所以说呢,我们用Dollar服this。
02:24
点parents,我们找它的祖先元素,找祖先哪个元素呢?那么就是我们这个,呃,选择框就在TR里边,我们找TR,在TR里边找第三个TT,所以说呢,跟我们之前写法一样,找这个TR,再在它里边,哎,找我们这个TT。TD,但是我们要第几个TD呢?我们要第三个就是所引为二的把这个TD的内容拿过来,这个呢,其实就是我们这个员工要删除的员工姓名,好,我这么来一些,我一下看我们每次拿到的这个对不对。
03:03
好,我来刷新,我来少选上几个,就选上两个,我点删除,好第一个9F没问题,第二个也也也没问题,但是这一块呢,我们来看啊,这个如果按钮一多天了以后呢,我们刚才这个删除就有问题了,因为我们找到是第二个TD,然后现在第二个TD就变成ID了,我把刚才这个单个删除,我们来改一下,突然想到我们这个一加元素以后位置就变了,好我们来看啊,我们这个第二个删除它提示。好,也是第三个咱们这个TT,第三个TT是我们这个姓名了,好这一块呢,就是相当于拿到我们每一个要显示的这个员工名字,我们最终都要提示我把这个员工名字呢,嗯,可以。Emmp,咱们这个name好,我们把这个员工名字呢,我们可以都拼一个串,哎,EP names。
04:02
加等于等于我们这个每一个名字啊,我们只可以用逗号给它分割掉,哎,逗号好,这样的话呢,我们就在这里边,我们可以哎做一个判断confirm,哎,确认删除,确认删除。删除删除哪些,咱们这个员工吗?哎,这个员工的名字拿过来拿过来。好,当我们确认以后,哎,我们这个处就是确认,确认以后呢,我们在这发送HS请求。A,这请求删除就行了,我们先来看这个确认框弹出的这些内容对不对?好,我来勾上两个。点删除确认删除这两个吗?哎,只不过咱们这个元素多了一个这个逗号,把这个逗号呢,我们还是去掉就行了,好,我这个去除去除EPS。
05:05
去除去除EPS多余的咱们这个逗号。哎,这个呢也非常简单,我们GS中咱们这个字符串有一个方法叫sub spring,哎,我们来截取字符串从开始到结束,那么开始呢,我们就从零开始,结束呢,其实就相当于我们字符串只是后边多一个逗号,能拿到字符串的长度,哎,总长度减一就行了,哎,我们就少截一位就行了,这个呢,就是我们新的EPS。啊,我们这么一截一截以后呢,我们来看啊,现在的这个提示应该不会多逗号,我来整两个删除,哎,逗号多的就没了,先只要不错提示信息好了,接下来我们就发送A请求来删除员工,但是我们现在来看啊,我们在这一块是做的这个批量删除。
06:02
哎,很多,然我们员工删除的时候呢,我们AJ请求我们要带上员工ID,要带员工ID的话,那批量这就ID没法带了,所以说我把这个方法我来改造一下,我改造成一个能接受批量删除的方法,那这个我就不是把ID了。这个方法呢,我们单个批量二合一,单个批量二合一,二合一的方法,那么呢,我怎么改造呢,你单个还是批量,你把要删除的ID都给我。带过来,如果如果是批量删除,批量删除的话呢,我们多个ID可以用横杠哎,中间隔开,如果是单个删除,那么自然就只有一个ID值了,所以说呢,我这一块就不写英配的,我写string ids,这我们拿到的所有的咱们这个ID,我们带一个ids好,然后呢,我们可以判断如果呀,如果我们这个ids中。
07:04
id.content啊,如果它包含我们这个短横杠,那这就是一个批量删除,否则呢,这就是一个单个删除,单个删除呢,我们就调用我们刚才这个删除方法,哎,我们这个删除方法呢,我们就拿到ids。Ids我们把它转成in就行了,单个删除直接转没问题,点pass in好,我们把这个ids我们转过来好,这个呢,就是我们要删除要用的ID。好,交给他这个单个删除没问题,接下来就是这个多个删除,那么呢,如果我们发的这个请求中带了这个杠多个删除,多个删除的话呢,我们把这个IDs.split来分割一下,来使用这个短横杠分割,分割出来呢,就会是一个咱们这个啊string的咱们这个ID数组。
08:03
Ids数组,那么来便利咱们这个idss,咱们这个数组,然后呢,接下来这就是每一个我们要删除的咱们这个ID,那么呢,我们拿到这个ID,关键我们现在还没有一个批量删除方法,其实呢,我们最希望的方法。就是把咱们这个ids,咱们这个过来,我们直接employee service能有一个。啊,Be批量删除,这个批量删除里边呢,可以传一个ids的这个list集合,好,我们来创建这个删除方法,Delete。好,我们来创建这个ids呢,我们传的是一个list几何,哎,List里边有每一个我们要删除的员工ID啊,应配那说呢,我们希望这么来做,接下来我们要删除也非常简单,Employee member删除的时候呢,我们可以调用这DELETE8EXAMPLE按照条件删除,而这个条件呢,我们就可以在这里边,哎,我来封装一个条件,我们知道1EXAMPLE example等于又一个example。
09:15
一咱们这个example,好,我们把这个条件,条件是什么呢?我们来创建点create criteria这个条件就相当于我们员工的这些ID就在我们这个列表内,哎,所以说呢,这个拼装就是这按我们这个员工IDPID,哎,咱们这个有一个,你看啊,这有一个应在哪个集合里边,我们把这个ids传过来,哎,我们把这个条件这么一拼以后它呢,删除就会变成这个delete from我们哪张表,Where,我们这个ID,哎,In。啊,当然我们这个ID在数据库中叫EPID,应应我们这个集合,它会把我们集合里边的元素拿过来,哎,把我们生成这个删除语句,所以说呢,这个批量删除方法来我们来调用,我们希望呢就有这个方法,那接下来呢,我们就是组装咱们这个ID组装。
10:15
ID到咱们这个数,咱们这集合就行了,我们来变利,变利我们这个随这数组好,接下来呢,我们来整一个集合list,这list里边呢都是。好,我们这个list呢,都是我们要准备要删除的啊,ID集何扭一个,你们就一个a list。好,List我们这么来写,好,接下来呢,每一个我们来转换一下in.pass好,我们把编地到的每一个值我们拿过来转换成一个int类型的数组来,Int类型的值我们接下来把这个值我们点添加到咱们这个数组里边。
11:05
好,添加到我们这个集合中,这样的话呢,我们这个要删除的员工的ID,这个集合我们就定义好了,把它传进去进行删除,那这样的话呢,我们在这里边区分了一下,批量删除。批量删除和咱们这个单个删除,那我们写了一个二合一方法,那接下来来到页面发请求,还是这个删除,哎,Dollar符点aja什么都没变。URL好,那么这个呢,就是我们当前项目APP,我们当前项目下的EP请求,但是带上要删除的,咱们这比如呢,我们叫删除的咱们这个ID。咱们这个字符串IDSD,而我们这个字符串呢,中间是以短横杠分割的,我们刚才定义的这个规则,它的这个类型TT应该就是我们这个delete请求好,等我们这个删除成功以后。
12:06
啊,还是之前的逻辑,那么提示删除成功。好,我们可以呢,提示alert,那么这个删除成功。哎,删除成功,哎,我们就让它来提示我们咱们这个result里边的提示信息啊。当然我们最后一步还要来,我们删除了还是回到咱们这个当前页面,在哪一页删除了就回到当前页面,还是咱们这个方法,这一块的逻辑都一样卡。配置好,那么接下来我们就来看,关键就是这个删除的这个字符串我们得拿过来,我们在这便利的时候呢,我们组装了咱们这个员工的名字这个字符串,那我们就顺便也来组装一下员工ID的字符串。
13:00
ID字符串好,我们呢,假设呢,就哎,我们要用的员工ID字符串就是这一块。好怎么组装呢,也一样,诶它加等于还是我们来看啊,每一个其实就是这个input框啊,我们刚才第三个这是员工的名,第二个其实就是员工ID址,我们可以这么来找。哎,我们就直接把它拿到,诶组装方法一模一样到,只不过呢,这是第二个索引为一的元素,拿到以后呢,同样我们会多一个,我们这一块组装的时候不是用逗号,而是用短横线分割每一个字符串,我们呢会多一个短横线,我们也应该去除,所以说这个去除逻辑啊一样,第二调用subs砖。好,零。从零开始到我们这个字符串的减一。啊,这样的话呢,我们整个咱们这个去除员工ID,去除去除删除的咱们这ID多余的,多余的咱们这个短横线,好,那这个呢,整个我们就做好了,我们就来测试一下启动。
14:21
好,我来刷新,刷新咱们这个员工页面,刷新员工页面,我们来F12控制台先打开,我们先来测试单个删除,哎,好,这个提示信息对的,我点确定好处理成功,好来到我们这个页面,接下来我们来测试多个删除,我一次选中三个4563个元素,我点删除,好确认删除这些元素吗?诶,这些提示名也都是对的,我点确定处理成功,我们来看发的请求。好走处理成功以后呢,哎,咱们450就删除了,发的这个请求,我们来看啊发的请求,哎,我们的员工这个ID,我们就以短横线风格了,这样的话呢,来到我们咱们这个处理删除的这个方法中,我们一看有短横线就批量,哎没短横线就单个好,我们的整个删除也就做完了,至此我们整个c rud的完整的增删改查,我们完全都做完了。
我来说两句