전체 방문자
오늘
어제
21종
종이의 코딩 공부방
21종
  • 분류 전체보기 (171)
    • JAVA (64)
    • Springboot (46)
      • 블로그만들기 (45)
    • Database (60)
      • Oracle (60)
    • 프로젝트 3 (CELOVER) (0)
    • 개발서버 구축 (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

인기 글

최근 글

최근 댓글

hELLO · Designed By 정상우.
21종

종이의 코딩 공부방

Springboot/블로그만들기

[Springboot] 블로그 만들기 (41)_ 댓글 삭제

2023. 12. 8. 22:37

detail.jsp

<!-- 댓글 리스트 영역 -->
<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 } &nbsp;</div>
                    <c:if test="${reply.user.id == principal.user.id}">
                        <button onClick="index.replyDelete(${board.id}, ${ reply.id })" class="badge">삭제</button>
                    </c:if>
                </div>
            </li>
        </c:forEach>
    </ul>
</div>

board.js

let index = {
	init: function() {

	}

	, 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));
		});
	}
}
index.init();

BoardApiController

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

BoardService

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

참고 유튜브 (메타코딩님 강의)

https://youtu.be/pT2cYoQiImY?si=IqLj3NHbH_p1drQV

    'Springboot/블로그만들기' 카테고리의 다른 글
    • [Springboot] 블로그 만들기 (40)_ 회원가입, 게시글 삭제 문제 해결
    • [Springboot] 블로그 만들기 (39)_댓글 작성하기 (네이티브 쿼리 사용)
    • [Springboot] 블로그 만들기 (38)_댓글 작성하기 (Dto사용)
    • [Springboot] 블로그 만들기 (37)_댓글 작성하기
    21종
    21종
    코딩 공부한 것 정리하려고 만든 블로그

    티스토리툴바