一、編寫dao
//刪除根據ID
@Delete("delete from product where id=#{id}")
public void delete(Integer id);
二、編寫service及實現類
//刪除單個
public void delete(Integer id);
//刪除多個
public void deletes(Integer[] ids);
@Override
public void delete(Integer id) {
productDao.delete(id);
}
//根據ID刪除多條數據
public void deletes(Integer[] ids){
if (ids!=null){
for (Integer id:ids){
productDao.delete(id);
}
}
}
三、編寫controller控制器
//刪除一條數據
@RequestMapping("/delete")
public String delete(Integer id){
productService.delete(id);
return "redirect:findByProduct";
}
//刪除多條數據
@RequestMapping("/deletes")
public String deletes(Integer[] ids){
productService.deletes(ids);
return "redirect:findByProduct";(重定向刷新頁面)
}
四、編寫web文件
<button type="button" class="btn btn-default" title="刪除"
onclick='deletes()'>
<i class="fa fa-trash-o"></i> 刪除
</button>
<form id="delForm" action="${pageContext.request.contextPath}/product/deletes" method="post">
...(此處省略表單內表格的列名)
<td><input name="ids" type="checkbox" value="${product.id}"></td>(checkbox復選框必去給value值,根據value獲取的id進行多條刪除)
...(此處省略表單內表格所對應列的數據)
<button type="button" class="btn bg-olive btn-xs" onclick='delOne(${product.id})'>刪除</button>(刪除單條數據)
</from>
<script type="text/javascript">
//刪除單個
function delOne(id){
if (confirm("你確定要刪除嗎????")) {
//執行刪除
location.href="${pageContext.request.contextPath}/product/delete?id="+id;
}
}
function deletes(){
if (confirm("你確定要刪除嗎????")){
var delForm =$("#delForm");
delForm.submit();
}
}
</script>