day04【后台】角色维护/22-尚硅谷-尚筹网-角色维护-删除-目标和思路

他绑定的方式不太一样。啊，它这个绑定给这个绑定函数的绑定单小函数哈，是用了这个on的这种形式啊，它这里边儿每一个参数是什么意思。呃，跟这个相类似的呢，其实你能够看到啊，就是我们如果是这个删除的话。它也是。也是要用这种方式去绑定，因为它和这个铅笔这个按钮一样，它也是动态生成的。啊，就所以说后边做到这儿的时候需要去注意。那么我们下下边儿呢，剩下的就只剩下这个删除。批量删除和这个单条的删除。呃，我们首先说呢，页面上也是两套操作，页面上看也是两套操作，但是同样是删除，我们就想这个后端能不能合成一套。就是批量删除呢，你当然可以批量删除，在后端做一套，单跳删除，后端也做一套，各是各的啊，互不干扰。

但其实呢，我们想他们既然都是删除，而且都是根据ID去删，批量删除呢，是根据一个ID的数组，比如说五，82。那你单条删除呢，可能我就是把。哎，怎么能把他们给合并起来。我们这么想啊。这个单条的传一个值，这一个值能不能看成是这多个值的一个特殊情况？对吧，你一个值呢，没办法去包，包含容纳这多个值，但多个值的这种形式是可以容纳一个值的。我把这个单个的这个呢，放到一个数组的里边。那谁也没有说数组里边不能只有一个元素，它也可以只有一个元素。啊，批量的时候呢，就是这样的，单条的时候就是这样的。哎，其实这时候你想批量删除的时候，我这只勾一个这点删除和单条删除，其实是也是一一个意思呢。

所以说从这个角度上来讲，我们在删除这后端呢，只处理一种情况。哎，就是这个数组的情况。至于说你数组里边有有多少条数据。那就就就无所谓了，就兼容了啊，这个后边就就都一样了。啊，所以说这个时候这个批量删除和单条删除在我们后端也是合并成同一套。啊，也是合并成同一套的。哎，只不过就是这一套东西在这儿来个印一下就完完事了呗，对吧，哎，你的ID在这个范围内啊，去执行删除。这是一个说我们最基本的一个思路哈。哎，这个目标呢，我们这么去描述。

就是说呃，前端的。嗯。单挑删除和。批量删除。合并成。这个在我们后端合并为同一套。操作啊，这个合并的这个依据是。单条删除使ID也放在数组中。后端呢，完全。就根据ID的数组进行删除。哎，这样的话就能够合并成一套了啊，你前面不管是怎么过来的，我都按数组去删。那么这个时候呢，我们去分析一下这个思路哈。我们在这儿呢，可以用模态框来显示一下这个confirm的消息。

啊，你在这儿，比如说你勾选了这样的三个，我们就confirm确认一下，你真的要删这三个吗？啊，在这去做这样一个确认。当然是点它的时候啊，点它的时候。去找到这个删除的按钮。嗯。点它以后呢，我们下边呢，要打开也是打开模态框。打开模态框，这个模态框现在我们就咱就不能说做出来以后再去那个啥了哈，因为这个东西稍微呃，稍微这个麻烦一点，所以说在这儿咱们就就简易的去表示一下啊，这个模态框呢，在这儿。

它里边呢，需要去有一个确认的信息，哎，说这个。嗯，轻。确认是否。嗯，删除下面的这个信息。嗯。然后呢，我们这就把它这个列出来啊，你这个是肉零一肉零二哈等等。哎，就列出来列出来，如果说你确认要删呢，我们就来这儿点个OK。我看啊，这个比如说呢，给它改成。蓝色的，白色的字。哎，你要是点了这个OK的话。就发请求执行。

啊，他当然也得绑定单小数。执行，删除。呃，执行删除，按那这个发Ajax请求啊。然后他也会有一些个后续的操作。嗯，也有后续的操作。啊，这个咱们就不写那么细了啊，它也是要关闭模态框，也是要重新加载这个页面，显示是否这个那啥啊显示这个。啊，成功还是失败等等啊。这里边儿我们说这样一件事，就就是说不光后端的代码呢，要合并成同一套。这个前端的代码呢。从这开始哈。

从打开模态框，从这开始，后边这儿呢，其实也可以去把它封装成一个函数。哎，因为其实这个时候这个区别呢，就只是。这样的区别哈，就只是这个显示的信息这儿不太一样。然后呢，我们要往全局变量上边呢，要放的这个。嗯。全局变量上要放的这个肉，ID这边会不太一样。或者说呢，全局变量上都是放UID的数组。哎，然后在这回写的地方有点不太一样，别的都一样，前端代码也都一样，所以这边这一部分呢，也封装成一个专门的函数。哎，他负责把这个模态框给显示出来。哎，那么我们这边呢，执行删除是根据什么去执行删除呢？就是就是根据我们的。全聚变量啊，全局变量，那么全局变量上面要放什么。

嗯，既然我们这边呢，是要放的是，呃，ID也要用，Name也要用啊，那么我们就可以这样做。到点。window.roll。咱们就干脆把一个肉对象啊，给它放到这个数组里边，放到再放到这个window对象上面。嗯，用它啊，去传这些个数据过来。哎，大体上是这么一个思路啊，细节的话就是后边我们得这个具体做一下，在做的时候我们再看他具体是怎么怎么个流程。所以大家先下课休息会儿吧。