Springboot 게시판 만들기 (6) - 게시글 상세 페이지

- View 생성

게시글을 선택하였을때 DB에 있는 제목과 내용을 보여주는 상세 페이지를 만들어주어야 한다.

 

게시글 상세 페이지

 

게시글 상세 페이지를 타임리프를 이용해 가져와줍니다.

-Service 와 Controller

BoardService.boardView

이후 BoardService로 이동하여 findById를 통해 게시글을 불러올 수 있도록 설정해준다.

id 값은 Entity에서 PK로 설정해둔 Integer타입으로 설정하여 매개변수 처리해줍니다.

이러한 Service 처리로 id 값에 맞는 title과 content 을 불러올 수 있습니다.

 

BoardController.boardView

 

이후 Controller를 통해서 Getmapping을 통해서 boardview탬플릿과 boardView를 연결해줍니다.

위에 Service에서 매개변수로 integer 값 id를 필요로 했기 때문에 boardService.boardView(id)로 설정을 해줍니다.

이후 View를 보여주기 때문에 Model을 매개변수로 받아줍니다. 매개변수에서 integer id를 추가하여

주소창에 board/view?id= * 을 입력하여 원하는 게시글 번호에 맞는 내용이 출력되게 됩니다.

*은 Integer타입 변수

 

주소창 확인

위와 같이 주소창에 id=2 를 추가해서 DB에 있는 두번째 값을 출력하는 것을 확인할 수 있습니다.

 

현재는 주소창을 통해서만 상세 페이지에 접근할 수 있기 때문에 View에서 링크를 연결하여 상세페이지에 접근을 해야합니다.

boardList.html

href= 태그를 이용해서 board/view/id=${board.id}값에 맞게 주소에 전달 할 수 잇도록 해줍니다.

위와같은 과정을 통해서 List에서 받아오는 id값을 통해 id= * 즉 boardService.boardView의 매개변수를 완성해 줄 수 있습니다.

 

링크를 통한 상세페이지 접근

위와 같이 링크를 통해 클릭으로 원하는 상세 페이지에 접근할 수 있는것을 확인할 수 있습니다.