DAY-54 JSP - 게시글관리 / ajax

1 minute read

😺 2022-05-18 / JSP

❗ 수업을 듣고, 개인이 공부한 내용을 적은 것 이기에 오류가 많을 수도 있음

🔔 공부 코드

1️⃣ 게시판 글 수정

1) detailView.jsp

  • 수정과 삭제 버튼을 보이게 한다
  • 수정버튼을 누르면 get 방식으로 해당 seq_board(글번호)를 넘겨준다

2) BoardController

  • 수정버튼을 통해 get 방식으로 넘어온 seq_board 값을 int형으로 변환해서 받아준다
  • try안에서 받아온 seq_board를 인자값으로 하는 데이터를 출력하는 메서드를 dao에서 생성후 modify.jsp에게 보내준다

3) modify.jsp

  • BoardController에서 받아온 데이터를 input의 value값, textarea의 html값으로 작성해둔다.
  • 그 후 수정 버튼을 누르면 form태그의 action대로 get방식을 통해 변경된 데이터인 title과 content를 BoardController에게 보내준다

4) BoardController

  • modify.jsp에서 get을 통해 넘어온 seq_board와 title , content를 인자로 하는 메서드를 생성해 sql문을 실행하고 다시 모든 게시글 리스트를 보여주는 /board.bo를 보여준다

강사님의 modify.jsp (나의 3번과 비교)

❗ 강사님과 같은경우 input을 안보이게 한다음에 form으로 넘겨줬다 즉 post방식이용

❗ 나같은경우 form 태그안에 get방식으로 넘겨줬다 나는 get방식 이용

💡 수정이기 때문에 post방식으로 사용하는 것이 낫다.

2️⃣ 게시판 검색(제목으로)

1) board.jsp

  • get방식으로 searchKeyword의 값을 보낸다

2) BoardController

  • board.jsp 에서 searchKeyword를 받아와 searchByTitle의 인자로 활용한다
  • 여기서 /board.bo로 보내면 /board.bo에서는 기존의 전체 list만 받아온다 (검색해서 나온 글의 데이터가아닌)

3) board.jsp

  • 반복문을 통해 검색 키워드에 도출된 데이터(객체)를 화면에 보여준다

3️⃣ 게시글 삭제

1) detailView.jsp

  • 해당 글 번호를 get방식으로 보낸다

2) BoardController

  • detailView.jsp에서 보낸 seq_board를 인자로 하는 deleteBySeq메서드를 실행한다.

4️⃣ Ajax

ajax : 비동기 통신할때 사용하는 라이브러리 (전체 페이지의 리로드없이 부분적인 페이지만 서버와 통신하여 리로드할 수 있는 것)

  • post방식은 serialize()를 통해 data를 전송한다

2)

예시 1) 일반 데이터

test.jsp

TestController

예시 2) json사용

test.jsp

TestController

  • gson 라이브러리를 사용해야 한다

Categories:

Updated:

Leave a comment