https://blog.naver.com/ho ho88/22242622612 게시판의 글을 입력한 후에는 입력한 글을 확인하는 자세한 내용을 보는 페…blog.naver.com 게시판 게시판 세부 내용을 볼 수 있어서 이제 다시 수정하거나 삭제해야 하는데 오늘은 게시판 내용을 수정하는 페이지를 만들려고 한다.
게시글 상세보기 화면에서 수정/삭제 버튼을 일단 만든다.
버튼추가를 위해 태그를 추가합니다.
onclick 이벤트에서 location.href를 정의하고, 이동하는 페이지(신규 JSP페이지 작성)를 링크시킵니다.
update.jsp는 상세보기 페이지인 “detail.jsp”와 입력 페이지인 “insert.jsp” 두 페이지를 적절히 합친 페이지로 볼 수 있다.
왜냐하면 단건 게시문의 상세 표시를 실행하여 입력 양식에 입력한 상태에서 입력 페이지를 출력하고 해당 내용을 update 처리하면 되기 때문이다.
-001_(3).jpg?type=w800 "장외주식시세 및 공모주 일정을 간단히 확인하는 방법")
순서대로 다시 그림으로 보다 보면
우선, 달콤한 기입의 상세를 볼 필요가 있다.
●이제 익숙해지는 기본 환경 설정
세부사항 쿼리를 수행하여 h ash map에 넣습니다.
insert.jsp와 거의 같은 패턴의 입력태그인데 그 입력태그에 value값을 붙인 건에 상세보기 조회결과 map값으로 셋팅이 됩니다.
- 이동해야 할 페이지를 접속한 formaction에는 updateProcess.jsp로 이동시키는데 bbs_id 파라미터를 세팅합니다.
그 결과 변경 버튼을 누르면 입력 양식에 데이터가 세팅되어 출력됩니다.
패스워드는 세팅하지 않고 다시 입력됩니다.
updateProcess.jsp를 만듭니다.
그리고 update처리는 1. 비밀번호 검증 쿼리 2. 업데이트 처리 쿼리를 수행하는 페이지로 구성합니다.
updateProcess.jspupdateP rocess.jsp에서 입력부데이터를 세팅합니다.
기본DB환경설정
비밀번호를 검증하고 비밀번호를 잘못 입력했다면 alert에 비밀번호가 잘못 표기된 후 history.back()으로 되돌아가기를 합니다.
패스워드가 정확하지 않다면 아래의 로직을 실행을 시키지 않기 위해서 return;을 생성을 하시고 아래의 로직을 타지 않고 jsp가 종료되도록 하겠습니다.
업데이트 쿼리를 진행합니다.
업데이트 쿼리문에서 확인할 수 있도록 제목 내용명을 수정할 수 있습니다.
여섯 번째 문장을 접속합니다.
http : // localhost : 8080 jsp _ test / bbs / detail . jsp ? bbs _ id = 6
수정 버튼을 클릭합니다.
데이터를 수정합니다.
게시글을 수정했어요. 라고 하는 알롯찬이 빈다.
다시 연결하면 정상 수정되었음을 확인할 수 있습니다.
비밀번호를 입력하지 않고 변경 버튼을 클릭하면?
비밀번호가 틀렸습니다라는 게시판이 정상적으로 떠 있다.
수정 화면을 모두 생성했습니다.
다음은삭제처리해봅시다.
끝!