43、尚硅谷_SpringBoot_web开发-【实验】-员工删除-删除完成.avi原创

好，接下来呢，我们来编写员工删除功能，删除呢也非常简单，我们只需要点击删除按钮，然后呢，按照我们的架构要求，我们来发送哎，相应的delete请求，啊，我们这个员工emp带上员工的标识，比如1003即可，然后我们要从页面来发起delete put形式的请求，哎，就跟我们之前一样，我们需要写一个表单，哎，比如呢，来写上这个放表单，表单的action呢啊，就是我们的请求地址，按大括号来，我们请求当前项目EP得加上员工的ID，所以说这个ID呢，还跟之前一样来拼起来。只不过呢，我们要delete形式，所以说呢，我们在这一块先写post。这个button按钮呢，我们要点击提交一个delete表单，所以说我把它放在这里边，Type要是提交按钮，我们这个type呢。

就必须是submit啊，我们delete表单呢，只需要来写一个input框，因为我们也不需要，不需要携带什么数据，不得呢，我来写一个type，等于he的name，等于咱们这个杠method，他们说必须叫杠method，然后呢，Value，哎，值呢。值了，值就是我们，哎，我们这直接写成Y6的形式，值呢就是我们要发delete请求，我们就写delete。好，这样就行了，我们点击按钮就能发出delete请求，当然delete请求发出来，我们还需要来写一个能处理员工删除请求的，咱们这个方法好，在这呢，我们来加上员工删除。Public。比如呢，我们就叫delete employee。我们接收的是delete形式过来的，所以说我用delete delete形式过来的，哎，我们这个ID是路径变量，我们是动态的，到底要删除哪个员工，我们从这获取，怎么获取呢？我们用我们的pass verb，好，然后呢，我们来获取出。

哎，变量名叫ID，然后呢，我们把路径上的ID值获取来，我们直接调用删除，我来employee丢点delete，好，当然这个ID传过去就行了，那么员工删除完，我们也是一样，我们需要return到员工列表页面，当然在这删除了还应该是在列表页面，那我就直接再来redirect重定向，我叫emps，好，我来重启一下，我们来看一下我们这个员工删除。好，我来刷新，我现在需要重新登录，我登命123456.1个登录好员工管理，比如呢，我们可以先来添加一个员工，我来添加的时候呢，我写一个AA AA at特硅谷点com好birds呢，我们来写一个2016年一二杠一二在这儿有当点击删除点哎我们看到已经删了，删只不过呢，我们现在写的这种方式，且不说咱们这个页面效果，这两个给挤下来了，挤下来的原因呢，就是我们写的这个。

标签太重了啊，什么叫标签太重了，我们为了一个删除功能，我们造了一个放表单，这样的话呢，我们有多少个删除按钮页面相当于就有多少个表单，那太麻烦了，那我怎么办呢？我把这个button按钮还是放在这儿，而我把这个表单呢，我来放在外边。由于呢，我放在这个外边，而我们真正点击删除的时候，我们用GS的方式来提交这个表单，所以说呢，我来写一个script。

我呢，先为所有的这些button按钮来绑上事件，那class呢，所有的删除按钮我们都叫delete t。B来给他绑上单机事件。啊，福。来，我们来点class，我们找到这些按钮，点一个click，哎，我们用解的方式来绑，单击事件function，前提呢，保证我们这些前边的这些解壳蕊，我呢已经像之前的方式一样正确引入了，好，当点击了以后呢，我们先来写一个returnfor，取消掉这个按钮的默认行为啊，虽然说这一块还没有什么默认行为，然后呢，我们接下来我再来提交我们这个form表单，这个form呢，我来给一个ID。D呢，我们就加delete delete EP for。

删除员工的表单，我们要提交表单呢，非常简单，我们只需要找到这个表单，尽快他点一个submit就行了，但是这个表单要提交的时候，注意我们这个安克生地址，哎，不能是我们在这儿这么来写的。安生地址呢，应该是我们点删除按钮，那我们要删除某一个员工的，所以说呢，我来给这个按钮呢，来写一个自定义属性，比如我们就叫delete uri，我们叫这个属性，比如说呢，我们要删除的员工的路径地址啊，路径地址呢就应该是特大括号。哎杠EP，哎，我EP加上员工的ID Dollar大括号ep.id但这么来写是不对的，CTRLF9，我把页面重新编一下，因为只有在TH属性里边我们来写这些表达式，S模板引擎才解析，我们直接在这来写，这是。

不解析的，我来刷新一下，我们来看一下这个删除按钮，右键检查元素，发现删除按钮上呢，这个属性它还是我们这种写法，那怎么做呢？诶我可以用咱们自定义属性的设置，我想要TH冒号给delete-uri，哎，没有这个东西，它只有原始属性的，怎么办呢？我们在参考文档里边有一个属性设置。设置属性的值这一块呢，我们可以利用它这个章节给我们提供的R，就是呢，我们属性名等于属性值，当然如果我们要设置多个，下边呢也有。TR属性名等于值，逗号名等于值，逗号名等于值，所以呢，我们也就可以这么来用，那我就来用TH冒号at tr，我呢设置哪个属性呢，我们就来设置，我们叫delete，杠URA，哎，它呢就等于我们拼过来的这个结果，我CTRL加F9页面重新编一下，我再来刷新这个页面。

好，刷新以后呢，我们在这儿来审查元素。我们发现每一个按钮呢，上边就有一个delete uri这个属性，它就指向我们将要删除的这个路径地址，好我们再来，哎，检查元素好没问题，那接下来呢，我们就来点击按钮的时候，我来删它，那么点击按钮的时候呢，我们先来获取到这个按钮。Dollar this this呢就是当前按钮，当前按钮的at tr at t就说我们的某一个属性，哪个属性呢，我们放了一个自定义的叫delete UI这个值，这个值呢，就应该是我们这个表单的地址，改表单的地址呢，我们需要点at tr。好，把表单的action我们来写一个action action的值呢，我们就来改为我们上边的这个样子，所以呢，我来写一个综合表达式啊，我们放在这，把咱们这个表单的地址改掉以后呢，我们再来提交表单，这才是删除指定员工的，哎，删除当前员工的。

好，我CTRLF9，我来刷新一下。这样的话呢，我们在页面只有一个表单，我再来点删除，诶，我们发现也是删除成功的，哎，因为我们一点删除以后呢，表单的action地址就改成了我们指定的这个delete uri的路径，而这个路径呢，就是我们当前正在便利员工的这个ID拼过来的。好，这就是我们的员工的增删改实验，通过这个实验，我们希望大家掌握常见的开发技巧，以及c life模板引擎的一些常见用法，当然更多更详细的用法大家可以来参照官方文档，我们已经把常用的场景都给大家展示出来了。