본문 바로가기
spring/게시판

게시판만들기(댓글 리스트) ajax(12)

by coie 2021. 2. 19.

먼저 댓글 리스트를 불러내기까지는 성공을 하였다.

mapper, service, dao, bean은

전체적인 틀은 비슷하다

먼저 ReplyBean이다.

 

reply의 데이터베이스를 에서 regdate은 date형식인데

문제는 ajax에서는 이 형식을 읽을 수가 없다.

fmt형식도 불가능.

그래서 찾아본 결과

저렇게 string형태로 변환하는 것이다.

 

mapper는 전과 동일하다.

 

service와 dao도 동일하다.

 

controller부터는 다르다.

먼저 어노테이션에서 controller가 아닌 restcontroller인데

controller는 동기 restcontroller는 비동기 방식이다.

controller에서는 jsp를 request 하고 response를 한다.

하지만 restcontroller에서는 값만 받아온다.

 

댓글을 입력할 때,

한 페이지 전체를 불러오는 것이 좋을까?

아니면 댓글만 불러오는 것이 좋을까?

라고 2가지를 생각하면 후자의 경우가 조금 더 좋을 것이라고 생각을 하였고,

앞에서는 ajax에 대해서 공부 중이었기에 임의로 해두었던 것이다.

 

replywrite는 댓글 작성 부분인데 이 부분은 

아직 작성을 안 해도 된다.

 

 

 

먼저 gerreplylist를 보면

먼저 url과 게시판 코드를 받아온다.

그리고 ajax를 선언해서 작성으하는데

먼저 

url : 이동할 url (controller에서 mapping 할 value)

type : method(get 혹은 post)

dataType : text, json 등등 다양

success : 수행 성공 시, function(result){}로

error : 여기서는 적지는 않았지만 말 그대로 오류가 있을 시이다.

 그리고 $(). each는 j쿼리문으로

반복문으로 리스트를 하나하나 다 입력하고

 

마지막의 $(). html()에 comment를 넣어준다.

 

그리고 getformdate는

replybean에서 스트링으로만 받아오고 pattern 적용을 안 했을 시,

받아온 string을 yy-MM-dd형식으로 바꿔주는 메서드이다.

 

그리고 맨 마지막으로

$(document). on(function(){

getreplylist();

})

는 해당 페이지에 들어오는 순간

리스트를 보이도록 해둔 것이다.

 

그리고 replylist는 function으로 따로 값을 둔 이유는

수정, 삭제가 된 후에도 리스트가 보이도록 해두기 위해서이다.

즉 재사용을 위해서인 것이다.

 

 

ajax를 해보고 싶다고 생각만 하고

이번에 하면서 많이 어렵다는 것을 느꼈다...ㅎ

아직 만족할 정도로

만든 것이 아니라서 아쉽지만

댓글 작성, 수정, 삭제를 하면서 조금씩 고쳐야겠다.