CRUD를 사용해 게시판 만들기(3) 글 상세보기 만들기

이번엔 게시글 상세보기를 만들어보자

게시글 상세보기는 보고싶은 해당 게시판의

로우를 클릭하면 글의 상세내용을 볼수 있도록 하는기능이다.

먼저 로우 클릭을위해 리스트를 보여주는 jsp화면단에서

tr태그를 만들어주고 그안에 rowClick클래스를 넣어주자.

다음 스크립트단을 아래와 같이 만들어주자.

rowClick를 클릭할때 function이 실행되며

제이쿼리를 이용해 this타겟을(tr) 잡고 children을(td) 이용해 바로밑의

자식노드의 값을 가져와 boardno에 저장한다.

이제 실행을 한다음 게시판 리스트에서 

상세보기를 하려는 글의 로우를 클릭하면

위와 같이 alert이 뜨며 위에서 제이쿼리 타겟으로 잡은값인

boardno 의 값이 alert창으로 출력된다.

이제 BoardVO를 만들어주자.

VO안에는 DB에서 만든 모든 컬럼명을 적어준다.

다음 위와 같은방식으로 게터와 세터를 만들어준다

컨트롤러에서 상세보기를 위한 새로운 RequestMapping을 만들어준다.

다음 아래와 같이 한다.

getParameter로 jsp화면에서 만든 boardno 을 가져와

String 형태의 boardno에 저장한다.

getParameter로 가져온 값은 String 형태로 가져오기 때문에

Int형으로 다시 parseInt 시켜준다.

다음 BoardVO 객체를 생성후 try문안에서

boardnoInt 값을 파리미터로 넣어 DB에서 값들을 뽑아와

boardVO에 저장해준다. 

위의 소스로인해 로우클릭을 한 해당 번호를 가진 즉, 1번을 눌렀으면

1번에 해당하는 게시글에 해당하는 글제목, 글내용 글쓴이 작성날짜 등이

boardVO에 저장되는 것이다.

2번글을 눌렀을 경우 2번에 해당되는 제목, 내용 작성자 등이

boardVO에 저장될것이다.

다음 이VO 를 model.addAttribute를 이용해

화면에 뿌려준다.

위 이미지에서 빨간 밑줄 detailBoard는 mvc 해주자.

/*서비스*/

/*임플*/

/*맵퍼*/

VO를 만들어줫으니 sql-mapper-config.xml에서

만든 VO를 Alias 해주자

다음 쿼리문이다. 셀렉문을 이용해

글번호, 제목, 내용, 작성자, 작성날짜 를 가져오고

WHERE 에 #파라미터값을 이용해 파라미터값인 boardno를 줬다.

#{_parameter}에는 컨트롤러에서 파라미터값으로준

boardnoInt가 들어가지게 된다.

이제 글 내용 상세보기 jsp에서 아래처럼

작성자, 작성일, 글제목, 글 내용을 뽑아오자.

아래는 정상적으로 글 상세보기 페이지에서

DB에서 값을 잘 가져온 것이다.

작성일은 처음 DB 에 값을 넣을때 createdate에 값을

넣지않아서 아무것도 출력되지 않는다.