上一篇写了批量删除,现在写只删除一条信息的代码!
我的代码是运用ajax实现完成的交互~
在控制器中的代码如下:
/**
* 删除一条信息
* @param id
* @return
*/
@RequestMapping("deleteById")
@ResponseBody
public String deleteById(Integer id) {
//判断取值id是否为null,为null则表明删除失败!
if(id==null) {
return "error";
}else {
cImgService.deleteById(id);
return "ok";
}
}
在Service中的代码如下:
//删除一条
void deleteById(Integer id);
在Service实现类中的代码如下:
@Autowired
private CoverImgDao cDao;
public CoverImgDao getcDao() {
return cDao;
}
public void setcDao(CoverImgDao cDao) {
this.cDao = cDao;
}
public void deleteById(Integer id) {
//删除一条
cDao.deleteById(id);
}
在Dao层的代码如下:
//删除一条
void deleteById(Integer id);
在mapper文件中的sql查询语句代码如下:
<!-- 删除一条信息 -->
<delete id="deleteById">
delete from cover where cv_id = #{id}
</delete>
在jsp页面中的部分代码如下:
<a title="删除" href="javascript:;" onclick="cImg_del(this,'${item.cv_id}')" class="ml-5" style="text-decoration:none">删除</a>
这行代码是主要点击执行的删除;位置:
<table class="table table-border table-sort table-bordered table-bg" id="tableId">
<thead>
<tr>
<th scope="col" colspan="9">封面图列表</th>
</tr>
<tr class="text-c">
<th width="25"><input type="checkbox" id="all" value=""></th>
<th width="40">ID</th>
<th width="150">封面图名称</th>
<th width="90">封面图路径</th>
<th width="130">加入时间</th>
<th width="130">管理员</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${cList}" var="item">
<tr class="text-c">
<td><input type="checkbox" value="${item.cv_id}" name="id"></td>
<td>${item.cv_id}</td>
<td><img src="${item.cv_url}" style="width:200px;height: 50px;"/></td>
<td>${item.cv_text}</td>
<fmt:formatDate value="${item.cv_time}" var="day" pattern="yyyy-MM-dd"/>
<td>${day}</td>
<td>${item.ad_id}</td>
<td class="td-manage"> <a title="编辑" href="javascript:;" onclick="cImg_edit('编辑封面图','coverImg_add.jsp','1','800','500')" class="ml-5" style="text-decoration:none">编辑</a>
<a title="删除" href="javascript:;" onclick="cImg_del(this,'${item.cv_id}')" class="ml-5" style="text-decoration:none">删除</a></td>
</tr>
</c:forEach>
</tbody>
</table>
在js中的代码如下:
解释一下:c_id为jsp页面中取到的该行id的值,该值为点击得到的值
/*封面图-删除*/
function cImg_del(obj,c_id){//id为取到的行id
var r=confirm("是否确认删除?");
if(r==true){
//确定执行删除
var id = c_id;
$.get("cover/deleteById?id="+id,function(data){
if(data=="ok"){
alert("删除成功!");
//删除成功后,刷新页面信息
location.reload();
}else{
alert("删除失败!!");
}
});
return true;
}else{
//反之取消删除
return false;
}
}