38 - 尚硅谷-RBAC权限实战-用户维护 - 删除用户.avi原创

修改功能做完了，接下来呢，我们来做删除功能，那删除功能呢，跟修改功能它差不多，它都会有一个按钮，只不过修改按钮，点击按钮之后，它跳转到一个专门的修改页面，当我们删除按钮呢，我点击之后，那么它需要把当前这一条数据给他删掉就可以了啊不过呀，我们这有一个问题。什么问题呢？就是说我们当前我们的这条数据的删除按钮啊，它可能啊跟这个修改很近。那么就意味着你可能是点击修改，但你不小心点击了删除，那这样的话你马上就把数据删掉了，不是很合适啊，这是第一个问题，第二个问题呢，这两个删除按钮之间也可能离得很近，那也就意味着比方说你想把第一个数据删掉了，但你不小心点击了第二个，那这样的话，这种误操作如果数据删掉了也不是很好。

所以在这种情况下，我们希望当你点击删除的时候，你不要马上就删除，我希望你能够提示一下，我当前删的是哪一条，你提示一下啊。我点击确定了，你再删除，如果我没有点确定，你就不要删，所以我们希望有这么一个功能啊，其实这个功能啊，我们浏览器就自带了。因为浏览器除了alert方法以外，还有一个方法叫confirm方法。啊，叫confirm方法叫确认，只不过跟我们之前alert一样啊，你现在呢，它都是我们浏览器自带的方法，感觉样式呀，包括友好度啊都不够高，所以在这种情况下，我们还是采用我们的插件来做这个事情。好了，那我们现在呢，就把插件我们打开看一看啊，那我们插件打开以后，大家看一下，我们这里呢，有一个询问，这个询问就是confirm，那所以我们参考一下来拷贝，那拷贝之前呢，我先把咱们页面先准备一下来index，然后我找到这个按钮，这个按钮呢，我们叫remove啊删除的意思，那现在呢，我们写上叫on click，好，我们等于等于以后咱们叫delete user，然后你把当前我们用户的信息或者说主件你给我传过来，好啊，然后你除了传主键以外，我还得知道你删的是哪一个呀，所以这里我们再来。

啊呃，所以我想一想啊，咱们这里还得再来，我们写上一个斜杠，然后引号斜杠我们引号，那么这里我们中间啊呃，这里写上一个我们的单引号啊，中间我们再来写个逗号，绊示的是多个参数，那么里面我们写上叫u.login account，我要删除哪一个，那我得知道啊好，那么现在把这个delete u我放到下面，添加一个方法function好了，我写完了之后，那接下来一个是ID，一个是log account，嗯，写完了之后呢，接下来我们要做。

咱们要提示一下，那么提示的时候呢，我们就来拷贝，拷贝以后放到这个位置。然后询问信息啊，咱们叫删除啊，用户信息，什么用户信息啊，来增加上，我们叫log in account啊，你删除哪一个，你得告诉我，嗯，好了，那你删除某一个用户信息，那你是否继续呢？来写上是否继续好了，那么这个时候下面你会发现啊，它有两个回调方法，那么这两个回调方法一个就针对于确定按钮，一个就针对于取消按钮，那么我的第一个回调就是确定，第二个回调就是取消，那么取消你什么都不用做，我们不用管它，但如果你点的是确定，那就说明你要删除当前的数据了，所以删除用户信息，我们这里同样给它增加我们的阿贾克斯操作Dollar，点阿贾克斯，然后写上type，然后。

Post u啊，写上当我们这里叫做Dollar服APP pass，斜杠delete啊，咱们删除就可以了，那你删除的时候你得传数据啊，那这个数据我们就写上叫ID组件删除嘛，然这个组件我们就这么写就可以了啊，然后我们这里呢，就不加什么loading了，那我直接来success啊，咱们直接来，我就直接写，写完之后，然后呢，Result，嗯，我就判断一下第啊判断一下result.success啊，如果你成功你怎么办？如果你失败你怎么办？那如果你成功的情况下，那我就重新查一遍呗，所以把数据重新查一遍，那么我们删除的数据就不会出现了。

好，那如果你失败呢，那我可就得提示一下了，因为你这边有问题了，我得提示一下，所以拷贝拷贝之后在我们的这个位置，诶给它放过来叫用户信息删除失败，嗯。好了啊，那我现在呢，把这个就算写完了，就剩下这个delete的方法我们需要实现一下了，所以在这里public，然后我们object叫delete，写完以后request，然后呢，斜杠啊，我们斜杠叫delete，然后response body，嗯，写完了，那我这里呢，要传一个组件呢，所以我们写上ID，然后阿贾克斯，好，等于new阿贾克斯，嗯，行了，然后我们直接就可以了啊写完写完之后，我们这里呢，Try catch，把这个补充上，嗯，好，Exception，我们写上个E一点，诶这么写就可以了啊行了呢，接下来是点set success，给他个false，然后上面点set success，给他个true。

就行了，那接下来我们就直接user service.delete user by ID，我通过ID来删除用户，所以ID啊，好，那接下来点一下小逗号。

Correct，那接下来把它呢，我们就给这个点一下，然后增加，增加完成以后you door.delete you by ID，好把ID传进去啊，传进去以后再点correct，嗯，行了，那我现在拷贝在我们映射文件当中，给它加上嗯，好，Delete，然后放过来，接下来我们就写上咱们叫delete from t_U的，然后条件就是ID，它等于ID，那么组件删除就可以了啊行了，功能做完了，咱们来演示演示试一试。

好好给他来。好，启动成功以后，那我现在呢，就准备来试验一下了，那好我们刷新，刷新以后呢，我们之前的789这条数据啊，我就打算不要了，所以点击这个叉点点完以后他就问你了，是否继续，那我点的目的不就是为了要删除吗？所以我点击确定点点完以后大家看那个789还在吗？不在了，那就说明删除成功了。