[Spring] 새로운 댓글 처리

[Spring] 새로운 댓글 처리

이전 글

2021.08.11 - [Spring] - [Spring] 댓글 목록 HTML 처리

 

 

댓글 목록 상단에 버튼을 추가해서 새로운 댓글을 추가할 수 있도록 준비합니다.

 

get.jsp

실행 결과

우측에 [ New Reply ] 버튼이 생성되었습니다.

 

댓글 추가는 모달창을 이용해서 진행합니다. 모달창의 경우 코드 위치는 크게 신경쓰지 않아도 되어, 데이터를 처리를 위한 댓글 처리 모듈 스크립트를 추가했던 <script> 태그 위에 작성합니다.

 

get.jsp

모달창을 추가하는 소스코드

모달창 버튼 부분 소스코드는 아래와 같습니다.

<div class="modal-footer">
  <button id="modalModBtn" type="button" class="btn btn-warning">Modify</button>
  <button id="modalRemoveBtn" type="button" class="btn btn-danger">Remove</button>
  <button id="modalRegisterBtn" type="button" class="btn btn-primary">Register</button>
  <button id="modalCloseBtn" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>

 

댓글 추가 버튼 이벤트 처리 - [ New Reply ] 버튼

모달 관련 객체들은 여러 함수에서 사용할 것이므로 바깥쪽으로 빼두어 매번 jQuery를 호출하지 않도록 합니다.

댓글 목록을 보여주었던 javascript 소스코드 아래에 작성합니다.

 

get.jsp

소스코드

모달창 띄우기 (댓글 새로 등록하기)

 

댓글 등록 및 목록 갱신

새로운 댓글의 추가는 필요한 댓글의 내용(Reply)과 댓글의 작성자(Replyer) 항목만으로 추가해서 모달창 아래쪽의 'Register' 버튼을 클릭해서 처리합니다.

 

get.jsp의 일부

댓글이 정상적으로 추가되면 경고창을 이용해 성공 사실을 알리고, 등록 내용을 다시 등록할 수 없게 입력항목을 비우고 모달창을 닫아줍니다.

 

새로운 댓글 등록하기

 

댓글이 정상적으로 처리되었지만 목록 자체는 갱신된 적이 없으므로 화면에서 새로 등록된 댓글이 보이지 않습니다. 이러한 문제 때문에 댓글을 추가한 후에는 다시 댓글의 목록(showList(1))을 갱신할 필요가 있습니다.

 

---

오늘은 새로운 댓글을 처리하는 방법에 대해 알아보았습니다.