CRUD와 컨트롤러 연결2(updateForm까지)

Hwawon_2·2022년 4월 10일
0

글 하나만 조회할 수 있는 디테일 페이지인 boardDetail.jsp로 연결되는
boardDetail 주소를 get방식으로 선언해주세요.
주소 뒤에 ?bno=번호 형식으로 적힌 번호 글만 조회합니다.
BoardController

views - 우클릭 - new - jspfile - boardDetail 생성
boardDetail
부트스트랩을 써서 만듦

boardList

a태그를 이용해 boardDetail/${board.bno} 주소를 넣어줍니다.
다시
BoardController Detail로 와서
@PathVariable를 붙여줍니다.

실행하면

제목을 누를수있게 되고
들어가면 상세페이지(Detail)을 볼수 있게 된다.


insert
페이지가 2개로 나뉨
form페이지와,form을 처리한 결과

BoardController
get방식으로 /boardInsert 주소를 접속시 form페이지로 연결됩니다.
폼 페이지의 이름은 boardForm.jsp입니다.

boardForm.jsp
/boardInsert 로 보내는 post 방식 폼을 생성

(이때 실행했을때 405오류가 나는게 맞음)
(post로 받아주는 페이지를 만들어줌)

BoardController
boardForm.jsp에서 post로 보냈으니가 post로 받음

실행하면


글이 올라가는걸 확인할 수 있다.


BoardDelete
글삭제 로직은 post방식으로 진행합니다.
/boardDelete주소로 처리하고
bno를 받아서 해당 글을 삭제합니다.
글 삭제 버튼은 detail페이지 하단에 form으로 만들어서 bno를 hidden으로 전달하는 submit버튼을 생성해서 처리하게 해주세요.
BoardController

boardDetail

(글 번호를 숨겨서 줘야 하기 때문에 hidden)
실행하면


3번글이 삭제된것을 확인할 수 있습니다.


게시물 목록 페이지 하단에 글쓰기 버튼 만들기

게시물 디테일 페이지 하단에 글목록 가기 버튼 만들기


/boardUpdate

/boardUpdateForm를 post방식으로 접속하는 form연결 메서드를 만들겠습니다.
update로직은 이미 데이터가 입력이 되어 있어야 합니다.
따라서 내가 수정하고자 하는 글의 정보를 VO로 받아온다음
폼 페이지에 포워딩해서 기입해놔야 합니다.
폼페이지 이름은 boardUpdateForm.jsp 입니다.

boardDetail.jsp

boardDetail(boardUpdate) 에서 submit를 누르면 - > BoardController(boardUpdate)로

BoardController

boardUpdateForm.jsp

boardUpdate를 post방식으로 접속하는 메소드를 만들겠습니다.
update(BoardVO)를 실행해서, 폼에서 날려준 데이터를 토대로
해당 글의 내용이 수정되도록 만들어주시면 됩니다.
수정 후에는 수정요청이 들어온 글 번호의 디테일페이지로 리다이렉트 시켜주세요.

실행해보면



확인 할 수 있다.

profile
코딩 일기장

0개의 댓글