云笔记——笔记本模块(4)

笔记本删除


笔记本删除

描述:点击删除按钮触发Ajax发送请求,同时必须清除该笔记本的笔记列表

  1. 前端发送Ajax请求
function deleteNoteBook(){
	// 抓取li
	var e = $("#first_side_right .checked").parent();
	var notebook = e.data("notebook");
	$.ajax({
		url:"/notebook/deleteNotebook",
		type:"post",
		data:{"notebookId":notebook.notebookId},
		success:function (result) {
			if(result.success){
				e.remove();
                // 模拟点击模态框关闭
                $("#first_side_right ul li:first").children('a').addClass('checked');
                // 删除完笔记本之后默认点击第一个li
                $("#first_side_right ul li:first-child").trigger('click');
                $('.close,.cancle').trigger('click');

			}
        }
	})
}
  1. controller
@RequestMapping("/deleteNotebook")
    public Result deleteNotebook(String notebookId) {
        Result result = new Result();
        notebookService.deleteByNotebookId(notebookId);
        return result;
    }
  1. service
 @Override
    public void deleteByNotebookId(String notebookId) {
        // 在删除笔记本的同时先删除笔记
        // 笔记模块在写
       // noteDao.deleteNoteByNotebookId(notebookId);
        notebookDao.deleteByNotebookId(notebookId);
    }
  1. dao
	//写笔记模块时补充
	//public void deleteNoteByNoteId(String noteId);
	public void deleteNoteByNotebookId(String notebookId);
  1. xml的配置
  <delete id="deleteByNotebookId" parameterType="string">
        delete from t_notebook where t_notebook_id = #{notebookId}
    </delete>

笔记本的删除完成 。

笔记本模块完成

猜你喜欢

转载自blog.csdn.net/weixin_42765270/article/details/84974381