前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >基于maven+ssm的增删改查之删除单条数据

基于maven+ssm的增删改查之删除单条数据

作者头像
西西嘛呦
发布2020-08-26 15:00:32
6310
发布2020-08-26 15:00:32
举报

流程:点击删除按钮,弹出是否删除,点击删除,弹出是否删除成功信息。

还是在后端中有相关方法:

EmployeeController.java

代码语言:javascript
复制
    
    @ResponseBody
    @RequestMapping(value="/emp/{id}",method=RequestMethod.DELETE)
    public Msg deleteEmpByid(@PathVariable("id") Integer id) {
        employeeService.deleteEmp(id);
        return Msg.success();
    }

EmployeeService.java

代码语言:javascript
复制
    public void deleteEmp(Integer id);

EmployeeServicfeImpli.java

代码语言:javascript
复制
    @Override
    public void deleteEmp(Integer id) {
        // TODO Auto-generated method stub
        employeeMapper.deleteByPrimaryKey(id);
    }

然后是在list.jsp中要给删除按钮赋予删除的id属性:

代码语言:javascript
复制
        var delBtn = $("<button></button>").addClass("btn btn-danger btn-sm delete_btn")
                                        .append($("<span></span>").addClass("glyphicon glyphicon-trash"))
                                        .append("删除");
        delBtn.attr("del-id", item.empId)

新建一个delete.js

代码语言:javascript
复制
//删除
$(document).on("click",".delete_btn",function(){
    //1.弹出是否删除
    var empName = $(this).parents("tr").find("td:eq(1)").text();
    var empId = $(this).attr("del-id");
    if(confirm("确认删除【"+empName+"】吗?")){
        $.ajax({
            url:"/curd_ssm/emp/"+empId,
            type:"DELETE",
            success:function(result){
                alert(result.msg);
                to_page(currentNum);
            }
        });
    }
});

记得在index.jsp中引用:

代码语言:javascript
复制
    <script type="text/javascript" src="${APP_PATH}/static/myjs/delete.js" ></script>

启动服务器:

点击删除123456789这项:

点击确定:

点击确定:删除成功

这回直接发送DELETE请求都可以,真是奇了怪了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-01-29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档