46_尚硅谷_大数据SpringMVC_REST CRUD 删除员工.avi原创

嗯。啊，我们再接着往后讲啊啊，那么现在的话呢，我们已经把这个静态资源的这个问题呢，给他处理好了，处理好了以后呢，我们就可以按照我们刚刚写好的这个思路啊，来把我们的这个删除给他去做一做啊呃，那么这个代码能呃，静态资源处理好了以后，我们的JS呢也就能用了，OK，那么我们把刚刚注释到的这个代码就会给他放开了。翻开以后呢，就是当我去点击它的时候，那么我要获取到我这个删除的，诶crap这个值是把这个值获取到啊，获取到以后呢，我再想办法呢，给他设置到某个表单的这个action属性上，那么你就随便写个表单呗，主要就是用来什么做删除操作的。对吧？啊，比如说你看现在我就给大家写一个，我就写到这个body这个位置吧，写到哪无所谓啊，来你写一个form表单X呢，不要给值啊，Method的你一定要写成post，然后这个里面你要写什么东西呢？因为你要去转换请求，所以说我们讲的那个隐藏域是必须得有啊，好，那么我要转换成什么请求啊，Method的是不是要把这个删除转换成的请求啊，OK，你就把它写到这。

那么接下来你要做的事就是什么呀，通过我们的JS把这个值拿到，再把这个值呢给到这个位置，给到这个位置，然后呢，再让这个表单提交一下，最后把它的默认行为取消掉，是不是就可以了？来我们来写一下啊，那怎么写呢？点击它的时候呢，我就来获取Dollar，注意哈，呃，这个地方的话，我们呃可以使用一个Z，呃，这个Z的话呢，给大家去解释一下啊，就是ZS里面也有这个Z啊，Z呢代表就是什么？当前的啊这个do对象啊，注意它是一个do对象，那么对于do对象来讲的话呢，我们现在用的是J块的操作，所以说呢，我把它放到这个Dollar大括号里面，是不是就变成一个J块对象了呀，之前讲过的一个相互转换吗？还记得吧，你把一个do对象，然后呢，放到我们的呃，这个do括号里面，它就变成了一个这块对象，而这个这次呢，就代表着你当前点击的啊，当前正在点击的啊，点击的这个do对象。

能明白了吗？OK，那么我们使用几块对象呢，就可以通过这个HTR这个方法来获取它的一个属性，获取谁属性呢？就是你的这个这个属性我要给你获取到，那么我们在这里面直接写上就可以了，那么这样的话呢，我们就把这个的值呢，就给他拿到了。明白了吧，啊，就把它拿到了，拿到以后呢，我来看一下啊，这是获取我们好点击的超链接的这个哎和rap的值，OK，把这个获取到，那么获取到以后呢，我们接下来做什么事呢？我们要把这个值呢？诶设置到啊，诶将her的值设置到我们表单的action上啊，那么现在的话我们就要去获取这个表单了，因为我整个页面中的只有这么一个表单，所以说呢，我也不用给他去加ID什么的了，我直接使用一个Dollar，然后这里面写个form是不行了，这种方式呢，叫做什么元素选择器吗？还记得吧？诶元素选择器啊，啊它。

点也通过HTR，这个方法呢比较好用，如果你里面直接写一个值，代表的是获取这个属性的值，如果我写的是DR，你看看啊，我要给action，就相当于我要给form表单的action，给它附上一个值，负的就是RA的值，既能取值也能赋值。听懂了吧，OK，那我就给他附上去了，附上去以后我们干脆直接就给它调用个submit提交得了，省得你再去写一下。看到了吗？诶，这就是并提交啊好并提交OK，那么我们这个表单呢，就给他提交了，但是提交以后的话呢，最后我们一定要注意要取消谁啊，哎，取消我们这个A的一个默认行为。

好，A的这个默认行为怎么把它取消掉呢？我们来看一下，那就是成一个false就可以了，这就把A的默认行为给它取消掉了，它就不会再通过那个her rap去发送这个请求了，明白了吧？哎，就不会通过这个去发送这个请求了。好，那么这就写好了，写好以后的话，接下来我们要在我们的后台中把这个方法呢，给它写出来啊来我们加上一个删除功能，那么对于删除来讲的话呢，我们写一个方法就是啊，Delete ERP，然后呢，Request mapping这个地方，我们是不是要去获取到他的那个删除的ID啊，能记得吗？因为你删除的时候，你看一下你提交的请求不就是这个样子的吗？诶EP后面不是有个ID的。

对吧，这个ID不就是我们要删除的那个元素吗？能明白吧，所以这个位置我们怎么写呢？我们写的就是啊斜杠EP，然后一个占位符，把这个ID是不是写到这儿啊，对吧？OK，再往后来METHOD1定要指定成request。Method点什么呀，Delete对不对，然后呢，再把这个ID呢，我们通过我们的这个，哎，Pass variable这个注解还记得吧，Pass variable这个注解呢，再把我们的这个ID呢，给它映射到我们的这个行餐理念，那么在这里面你要做的事情就是什么呀，来删除我们的员工，怎么删除呢？Employee do这里面有一个delete来把这个ID传进去，这就删了，删完以后的话呢，你是不是再回到那个列表页面啊，所以说呢，我们还要再重定向到我们的啊列表啊，怎么重定向呢？Return一个哎，Reduct冒号，然后呢，写上emps，这是不是可以了。

听明白了吧，啊，这就可以了，好吧，来我们测试一下这个功能。啊，来部署完了啊，我们就直接来测试，先刷新一下。好来大家注意哈，我来去删第一个，我来删一下，我点没了吧，你看我再点第二个，点一下也没了，点一下也没了。删除是可以的吧，OK，但是大家注意哈，这个地方呢，呃，用户体验的有一点不好啊，就是万一我是误操作呢，就是我误点了他怎么办呀，你也直接给人删了吧，所以说我们是不是最好让他确认一下呀，对吧？怎么确认一下呢？也比较简单啊，给他加一下，那么你再去点击它的时候呢，我就不直接进行删除操作，而是呢，先确认一下诶是否要删除吧，确认是否要删除，OK，怎么确认呢？我们在这个window里面有一个啊。

Confirm这样的一个函数，那么这个函数的话，其实这个window可以直接去掉的哈，这个可以省略的，好，这里面的话你提示一下呃，是否。哎，要删除好，然后呢，这个地方呢，我们可以接受一个flag这个值，就是它会给你弹出一个弹窗，然后呢，上面有个是有个否，你点击这个确认，那么它返回的就是一个处，你点击取消，那么它返回就是一个false，所以说我们来判断，如果是if flag了，这就是什么呀，是不是要删了呀，对吧，那么我分一下就是不删吧，不删的话呢，你也要成一个false，为什么呢？取消默认行为吗？因为你点了它了，那么超链接就一定要发送请求，所以说呢，但是我不想删，那么我就一定要把它取消掉，我不让你通过和往出发送，请这个请求理解了吗？OK，把这个写好以后，我们再来做一个测试啊来再来刷新一下，你看我再去点我点。

是不是有一个确认框框啊，然后你看你删吗？我不删有反应没没有，你看我再点你删我不删。是吧，那再点你删吗？好，我删来点击确定。那你看是不是没了。看明白了吗？哎，这样的话呢，我们这个用户体验呢，就会更好一点啊，这就是我们的一个删除操作。啊，主要呢，就是借助于我们的一点点JS代码来去完成的。明白了吧，OK。