ssm员工管理系统---实现删除单个员工功能

文章目录

    • ssm员工管理系统---实现删除单个员工功能
      • 需求
      • 给每一行的删除按钮都绑定一个click单击事件
      • 后端控制器中接收/deleteEmpById请求的方法deleteEmpById
      • service层的deleteEmpById方法
      • 动态代理接口的deleteEmployee方法
      • 映射文件中的sql语句
      • 测试

ssm员工管理系统—实现删除单个员工功能

需求

点击每一行的删除按钮,会弹出一个是否确认删除员工的对话框,如果点击确认,员工信息会被从表中删除,然后页面会刷新。

给每一行的删除按钮都绑定一个click单击事件

如下图:

ssm员工管理系统---实现删除单个员工功能_第1张图片

ssm员工管理系统---实现删除单个员工功能_第2张图片

构建表格的时候,每一行的删除按钮对应的代码,如下图:

ssm员工管理系统---实现删除单个员工功能_第3张图片

后端控制器中接收/deleteEmpById请求的方法deleteEmpById

deleteEmpById方法中干的事情:

1.会接收前端传递来的ids员工id,如果ids是一个用“-”拼接的字符串,那么会调用deleteEmpById方法中的if代码块,遍历所有的员工id,删除所有的员工;但是如果前端传递来的只有一个员工id,那么会调用else代码块中的代码。

本例子是只删除一个员工,会调用else代码块,else代码块会调用service层的deleteEmpById方法。

2.把执行结果返回给前端。

deleteEmpById的代码,如下图:

ssm员工管理系统---实现删除单个员工功能_第4张图片

service层的deleteEmpById方法

如下图:

ssm员工管理系统---实现删除单个员工功能_第5张图片

动态代理接口的deleteEmployee方法

如下图:

ssm员工管理系统---实现删除单个员工功能_第6张图片

ssm项目整合的时候,一定要在applicationContext.xml配置文件中扫描动态代理接口,如下图:

ssm员工管理系统---实现删除单个员工功能_第7张图片

映射文件中的sql语句

如下图:

ssm员工管理系统---实现删除单个员工功能_第8张图片

测试

首先进入某一页,这里是第3页,如下图:

ssm员工管理系统---实现删除单个员工功能_第9张图片

然后删除王五员工,点击王五员工对应的删除按钮,点击之后会出现一个对话框,如下图:

ssm员工管理系统---实现删除单个员工功能_第10张图片

点击确定之后,王五员工被删除,然后刷新当前页面,如下图:

ssm员工管理系统---实现删除单个员工功能_第11张图片

你可能感兴趣的:(SSM项目---员工管理系统)