SpringMVC_14_RESTFUL_CRUD(四)實現刪除資料DELETE
阿新 • • 發佈：2019-01-07
ok,上一章實現了新增操作。這一章完成DELET刪除資料的操作。
首先需要了解的是，因為是DELETE以及之後的PUT請求本身html是不支援的，所以需要利用POST請求，通過攔截器配置處理為相應的DELETE或者PUT請求。
一、我們首先需要做的在web.xml中配置：把POST請求轉為DELETE、PUT請求
<filter>
<filter-name>HiddenHttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</ 現在的web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns: 這樣就能處理DELETE、PUT請求了。
二、處理list.jsp中刪除功能的< a>標籤
這裡DELETE、PUT還有個要求是，通過POST方法轉換。但是這裡的刪除是個< a>標籤，而< a>標籤的提交方法時get提交，所以需要寫一個js函式。
這個js函式功能：在< a>點選 後，將url傳給當前頁面的一個form表單，把這個url表單的action，實現POST請求這個url。
1.這裡的js用到了兩個，在web/WEB-INF下建立一個scripts資料夾，用來存放js程式碼。
這個jquert-1.9.1.min.js是提前準備好的。
2.在當前頁面編寫一個form和相應的js程式碼
<td><a class="delete" href="emp/${emp.id}">Delete</a></td>
<form action="" method="POST">
<input type="hidden" name="_method" value="DELETE"/>
</form>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function () {
$(".delete").click(function () {
var href = $(this).attr("href");
$("form").attr("action",href).submit();
return false;
})
})
</script>
現在的list.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Title</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function () {
$(".delete").click(function () {
var href = $(this).attr("href");
$("form").attr("action",href).submit();
return false;
})
})
</script>
</head>
<body>
<form action="" method="POST">
<input type="hidden" name="_method" value="DELETE"/>
</form>
<c:if test="${empty requestScope.employees}">
當前沒有資料
</c:if>
<c:if test="${!empty requestScope.employees}">
<table border="1" cellspacing="0" cellpadding="10">
<tr>
<th>ID</th>
<th>LastName</th>
<th>Email</th>
<th>Gender</th>
<th>Department</th>
<th>Edit</th>
<th>Delete</th>
</tr>
<c:forEach items="${requestScope.employees}" var="emp">
<tr>
<td>${emp.id}</td>
<td>${emp.lastName}</td>
<td>${emp.email}</td>
<td>${emp.gender == 0 ? "Female" : "Male"}</td>
<td>${emp.department.departmentName}</td>
<td><a href="emp/${emp.id}">Edit</a></td>
<td><a class="delete" href="emp/${emp.id}">Delete</a></td>
</tr>
</c:forEach>
</table>
</c:if>
<br><br>
<a href="emp">Add New Employee</a>
</body>
</html>
3.配置springmvc.xml使用靜態資源
但是這時依然沒有實現這個DELETE請求，因為使用js靜態資源被攔截了，需要在springmvc.xml配置
<mvc:default-servlet-handler/>
<mvc:annotation-driven></mvc:annotation-driven>
<mvc:resources mapping="/scripts/**" location="WEB-INF/scripts/"/>
ok，這時候，就實現了DELETE的請求的傳送
三、handler處理DELETE請求
編寫這個刪除方法即可，當然使用重定向redirect重定向到第一個方法/emps顯示list.jsp
@RequestMapping(value="/emp/{id}",method = RequestMethod.DELETE)
public String delete(@PathVariable("id") Integer id){
employeeDao.delete(id);
return "redirect:/emps";
}
這樣就完成了刪除按鈕的操作。