单条数据的删除

单条数据的删除比数据的修改要简单的多,不用先查询要删除的某个具体值,也不用声明一个Vo存放,而是直接查出要删除的ID,然后直接删除。先在控制器写方法,删除的是员工表,根据ID删除的所以要传入员工ID,用try,catch包含因为用的是Single查询可以捕捉错误,查询是直接查询员工表里的员工ID,然后直接移除,再保存,最后则是返回声明的strMsg的值。
在这里插入图片描述

Html部分给方法然后传入员工ID,点击删除按钮后弹出提示框,提示确定要删除所选数据,下面再是一个post请求,第一个ID是控制台传过来的,第二个ID等于上面声明的ID,然后赋值给第一个,同时也等于方法传入的员工ID值,然后再是一个提示框,最后是刷新表格。
在这里插入图片描述

然后在删除按钮上写上点击事件,通过字符串的拼接把删除按钮拼接在每条数据的后方,声明的方法要与前面编写的一样,删除前面拼接的员工ID则是对应方法声明的员工ID,之所以传的是员工ID是因为删除是根据员工ID删除的。

在这里插入图片描述

这个操作列对应删除按钮的声明方法,按钮的分布让它中间显示,然后固定在页面的右边,如果少了这个操作列,项目会报错,也可能页面数据出不来
在这里插入图片描述

选中想要删除的数据,在选中数据的尾部点击删除按钮,弹出删除提示框。
在这里插入图片描述

点击确定,数据成功删除,表格刷新,刚才的数据就在页面被删除。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44550198/article/details/89608260