75. 댓글 삭제

detail.jsp

댓글삭제에 onclick 이벤트 추가한다.

<div class="card">
    <div class="card-header">댓글 리스트</div>
    <ul id="reply-box" class="list-group">
        <c:forEach var="reply" items="${board.replys}">
            <li id="reply-${reply.id}" class="list-group-item d-flex justify-content-between">
                <div>${reply.content}</div>
                <div class="d-flex">
                    <div class="font-italic">작성자: ${reply.user.username}</div>&nbsp;
                    <button onClick="index.replyDelete(${board.id},${reply.id})" class="badge">삭제</button>
                </div>
            </li>
        </c:forEach>
    </ul>
</div>

 

Board.js

replyDelete: function (boardId,replyId) {
    $.ajax({
        type: "DELETE",
        url: `/api/board/${boardId}/reply/${replyId}`,
        dataType: "json",
    }).done(function (resp) {
        alert("댓글 삭제 완료되었습니다.");
        location.href = `/board/${boardId}`;
    }).fail(function (error) {
        alert(JSON.stringify(error));
    });
},

 

BoardApiController

@DeleteMapping("/api/board/{boardId}/reply/{replyId}")
public ReplySaveRequestDto.ResponseDto<Integer> replyDelete(@PathVariable int replyId){
    System.out.println("replyId : "+replyId);
    boardService.댓글삭제(replyId);
    return new ReplySaveRequestDto.ResponseDto<Integer>(HttpStatus.OK.value(),1);
}

 

BoardSerivce

@Transactional
public void 댓글삭제(int replyId) {
    replyRepository.deleteById(replyId);
}