springBoot增删改查之删除

先写后台代码如下：

@GetMapping("/empq/{id}")
public String delete(@PathVariable("id") Integer id){
    employeeDao.delete(id);
    return "redirect:/emps";
}

前台代码：

<a th:href="@{/empq/}+${emp.id}"class="btn btn-sm btn-danger deleteBtn">删除</a>

一定要传id。

还可以post表单提交如下：

<button th:attr="del_uri=@{/emp/}+${emp.id}" class="btn btn-sm btn-danger deleteBtn">删除</button>

用button按钮代替a链接。为避免每个删除都有一个from表单，因此将from表单写到循环外边。

<form id="deleteEmpForm"  method="post">

//将表单的提交方式由post改为delete，对应的后台方式也应该改为delete
                    <input type="hidden" name="_method" value="delete"/>
</form>

再写js事件：用于给表单绑定action和点击事件：

$(".deleteBtn").click(function(){
    //删除当前员工的
    $("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();
    return false;

return false 是为了阻止其默认行为。阻止提交表单，这样就可以了。