7. 댓글 수정, 삭제 구현

지난 시간에 이어 이번에는 댓글 수정 및 삭제 기능을 구현하려고 한다.

 

 

 

먼저 쿼리문을 이렇게 작성. 수정하기에는 댓글의 내용과, 평점(곧 다룰 예정)을 바꾸고, 수정 날짜도 현재로 바꾼다.

삭제 쿼리문은 그냥 고유 번호에 해당하는 댓글을 지우면 된다.

 

 

 

둘 다 카테고리 방식으로 해당 댓글을 가져온다. 수정은 PutMapping, 삭제는 DeleteMapping을 사용한다.

수정은 불러온 카테고리의 값(no)를 수정한 값으로 불러온 commentVO의 no로 set한다.(setter) 그 후, 수정 메소드 실행.

삭제는 간단하다. 불러온 no 값을 그냥 삭제 메소드의 파라미터로 이용하여 해당 댓글을 삭제한다.

 

 

 

자바스크립트에서 create_comment 함수에서 html을 추가했을 때, 이 문장이 있다. 각각 수정, 수정확인, 삭제 버튼인데, 일단 수정 버튼은 textarea와 평점 부분 태그에 걸려있는 disabled를 푸는 역할을 하여 수정이 가능하도록 한다. 그리고 수정 버튼을 누르면 수정 버튼은 사라지고 수정확인 버튼이 나타나게 하였는데, 수정 확인 버튼은 최종적으로 수정한 값들을 컨트롤러로 보내 댓글이 수정되도록 한다.

 

삭제버튼은 그냥 해당 넘버값을 불러와서 댓글을 삭제하는 역할을 할 것이다.

 

 

 

다음과 같이 수정 버튼을 누르면 textarea부분과 평점 select부분을 활성화 시켜준다. 그리고 toggle을 이용하여 수정 버튼은 사라지게 하고 수정 확인 버튼은 나타나게 한다.

 

 

 

수정 버튼을 눌렀을 시 수정되게 하였다. 먼저 confirm문으로 확인 버튼을 눌러야만 확인이 가능하도록 하였고, 정규표현식을 이용하여 공백만 입력했을 시 댓글 수정이 불가능하도록 하였다. 이건 댓글 작성 부분에도 똑같이 적용하였다.

 

 

 

삭제는 다음과 같이 작성

 

 

 

수정과 삭제 모두 되는걸 확인하였다.