SSM:十一、CRUD的删除员工功能

最新推荐文章于 2022-03-26 21:29:58 发布

一个在努力为老板实现梦想的搬砖工

最新推荐文章于 2022-03-26 21:29:58 发布

阅读量303

点赞数

分类专栏： Collage 文章标签： SSM ajax

本文链接：https://blog.csdn.net/weixin_40961551/article/details/88965886

版权

本文详细介绍了SSM框架中员工删除功能的实现，包括单一删除和批量删除两个部分。对于单一删除，通过在服务端发送DELETE类型的/emp/{id}请求，根据路径参数删除指定ID的员工。前端通过ajax发起请求完成操作。批量删除时，服务端接收/emp/{ids}请求，解析并处理多个ID，前端采用jQuery实现全选、全不选功能，配合ajax请求完成数据删除。

摘要由CSDN通过智能技术生成

SSM:十一、CRUD的删除员工功能

单一删除
- 服务后端的control层的service层的操作
- 在前端进行发送ajax请求
批量删除
具体的实现结果：

思路：1、单一删除：①在服务端发送/emp/{id}请求，发送的请求的类型为DELETE，将id的参数类型为依据路径来查找。
②发送ajax请求，对数据进行删除。

2、批量删除：①在服务端发送/emp/{ids}请求，发送请求类型一样为DELETE。在后端进行具体操作对ids的分割和转化为集合对象。
②在前端页面加入多选radio，以便选择演删除员工的信息。
③用jQuery对复选框的全选以及全不选按钮进行相应的操作。
④利用ajax发送请求，进行对数据的删除。

单一删除

服务后端的control层的service层的操作

controller层

	 @ResponseBody
    @RequestMapping(value = "/emp/{id}",method = RequestMethod.DELETE)
    public Msg deleteEmp(@PathVariable("id") Integer id) {
   
           employeeService.deleteEmp(id);
           return Msg.success();
       }
    }

EmpService层

 /**
     * 删除员工，根据主键id来删除
     * @param id
     */
    public void deleteEmp(Integer id) {
   
        employeeMapper.deleteByPrimaryKey(id);

    }

在前端进行发送ajax请求

	//删除员工
    //给删除的按钮的样式添加点击监听
    $(document).on('click','.delete_btn',function () {
   
       //找到empName值,找到tr的第二个td的值，即empName的值。
        var empname = $(this).parents('tr').find('td:eq(2)').text();
        //alert(empname)
        //获取定义的属性值，从之中取出
        var empId = $(this).attr('del-id');
        //弹框是否删除
        if(