00:01
我们刚才画图的时候，我们说了。从这个显示模态框这儿开始。后边就都是一样的，都可以把它们给统一起来啊，都可以把它们统一起来。也就是说呢，我们这儿只要这个提供啊，我们这儿声明一个函数，你只要提供这个角色的数组。我后边呢，就都可以按照统一的方式显示模态框，哎，然后这边是执行删除等等后续操作都都一样。所以说呢，我们首先哈是先要去声明一个函数。声明一个函数啊，呃，用于打开模态框。我们我们给大家去说一下哈，这个事儿是这样的。呃，你有这个批量的操作，有有批量删除。
01:06
有单条删除。他两个，哎，是在这个页面上所做的操作，而我们声明的这个函数啊，叫做这个打开模态框。打开删除确认模态框这个操作。哎，它是批量删除也可以从这走，单条删除也可以从这走。哎，然后呢，你们只只管去传入这个数据就好了。把数据准备好。单条删除也是。当然这个时候吧，因为我们还需要角色的名称呢去回显，所以说呢，这里边儿就都是这个角色的数组。呃，甚至于说呢，我们就。啊对，就就传一个角色的数组去了。肉的速度。批量删除。这儿就是多个肉。嗯，然后呢，这个单条删除，这儿就是一个肉。
02:03
但是一个肉呢，也是放到这个数组里边。哎，你就单条删除也好，批量删除也好，你就想办法把这个数组准备好。然后呢，都是来调这个函数就行了。往后呢，就走的就都一样了。所以说我们现在呢，现在咱们写的是一个，呃，比较比较这个底层一点的啊，是这个也是咱们先做这么一个抽取，后边再做他们啊，这个就不用去考虑后边这这这一套了。这是他们之间的这个关系。那这函数咋写啊，这个肯定是写到我们这个，呃，外部的JS文件里边。哎，这种抽取的，呃，公共的都要调的函数啊，这种我们放到外部的这个属性文件里面，要不是GS文件里面啊。
03:10
哎，声明一个函数。咱们为了看着方便，咱们就往前写了哈。Function叫做show。Confirm。Model。显示我们确认的模态框。嗯，声明专门的函数显示确认模态框。这里边儿呢，需要你给我传过来一个road array。嗯。那么我。要想把模态框打开，肯定还是得先有这个模态框。咱们就拿这个肉爱的这个呢给他去改一下哈。
04:00
起个名叫。把这个ID呢改成model。嗯。哎，然后呢，这边叫这边就不是这个表表表单了哈，这边就来一个P表情。啊，来一个H。四吧，跟前面这个大小一样啊。这个呢叫做请。请确认啊，是否要删除。嗯，下列的。呃，角色。嗯，然后呢，这儿给他来一个板。哎，这个叫做。
05:00
的。吃饭吧。在这显示啊，在这显示内。那就回头把肉内拿到以后，往这里边填充这个文本就行。然后这边呢，叫做。呃。确认删除。我想好了，我确实是要删。叫做Robert。好嘞，啊，这几个我们都准备好了，把这个页面呢，也是包含到肉配置里边。好，那么我们在这里边儿呢，咱们首先第一步哈，就可以去这个打开。冒菜。哎，这个模态框的ID。是他。点儿毛兜里边儿穿一个瘦。哎，那么我们现在呢，想要去把。
06:04
Anna。啊，这个哈。这里边儿得给他显示一下啊，那么我们就要所有的角色的名称，那就是去便利一下他就好了。哎，这个去便利一下。呃，这个数组。遍历一下这个速度。呃，负一个I等于零。I小于rarra。冷死。I加加。嗯，一个这是拿到的每一个元素呢，是一个肉地下。嗯，然后呢，再从这里边呢，再去取这个name。哎呀，我们这边。嗯，这不是，这不是，这就不是从数据库里面取出来的啊，这是我们自己去取的。呃。
07:03
然后那么就是。呃。就都统一下这个名称啊，就都是这个驼峰式命名的，拿到它以后呢。我们把这个我们。往这里边儿填呢，这个一个一个填。能不能行？我想啊。想拼一下比较好呢？给他换行一下。CTRLC。就往这里边儿哈，咱们这个也是end一下。哎，就是肉内哈。加上个边儿。换行，这玩意儿多一个其实影响不大。
08:00
哎，把这个加进来啊，茅台框打开显示的。这个得试一下啊，看一下这个效果。要想试一下，看一下这个效果的话呢。咱们写一个临时的哈，临时的就是咱们去调一下这个函数。看看咱们得看看这个对不对哈，准备一下这个假数据。呃，这个叫。这个ID哈。ID其实无所谓。等于一个A。然后这是这是一个对象。这是一个对象，三个B。试一下啊，这样的话，一刷新这个页面，它就会打开这个模态框。
09:03
俩夫妻停了是吧？等等它启动一下。刨一长啊，登录以后再访问。嗯。有点靠边儿。靠边就靠边吧。我想想啊。这玩意儿，这玩意儿我们要是想给他整一下的话呢，其实也有办法啊，把这个SPA呢，我给它改成改成div。
10:01
嗯，第二位啊。然后这改成第位。想让他靠中间一点，这个也有办法。哎，其实我想想啊。给他整一个。文本的居中。对，可以不用改哈。啊，这样吧，就是在这来个style啊，给它来一个text。等于center。因为这里边儿就是些个文本。哎，就跑中间来了，嗯。你是确认要删除吗？对吧？嗯。那么就是说这个时候我们只要去准备好，只要准备好这个角色的数组就可以了啊，这是一个临时的测试的一个代码。因为我们正式的前面那些还没写。
11:05
哎，这是用它呢，去显示一下这个模态框。嗯，显示完了以后呢。哦对了，因为有每一次每一次不一样哈，当你下次再点开的时候，你再往后追加前面这些数据呢，又成了这个干扰的了，所以我们这个end之前呢，还是再给他先先先清除一下。嗯，这个是清除。呃，旧的数据。MT啊，把这个旧的给它清掉，然后再追加这个，再加一些这个新的。好嘞，打开模态框，然后打开模态框的下一步，点这个确认删除以后啊，把这个数据呢，发送给这个后端。
我来说两句