게시판〃(2-3) 글쓰기 / 글삭제/ 답변 살펴보기

HTML과 자바스크립트로 초기 작업을 한 게시판 글쓰기와 글삭제, 답변 파일을 마지막으로 알아보고 기능을 추가하도록 하겠습니다.

혹시 제 글을 보시면서 jsp파일이나 텍스트 문서가 필요하시면 스크롤 내려서 마지막 부분에 (2) 화면 설계 링크 글에서 받으시면 되겠어요. 일단 이 카테고리의 모든글은 제 공부 목적으로 쓰기 때문에 흐름이 꼬이더라도 링크를 타시면서 이해부탁드려요^^

■ 게시판 글쓰기

- 글쓰기 화면 (Board_Write.jsp) -

- 등록을 누르면 바뀌는 화면 (Board_Write_action.jsp) -

게시판 만들기 카테고리를 통해 처음부터 보신분들이라면 이 글쓰기는 글수정하기와 HTML 코드는 완전 비슷하다고 느끼셨을거에요. 차이점이 있다면 등록버튼을 누르면 데이타 전송으로 페이지가 Board_Write_action.jsp로 넘어가게 했다는 것이죠.

작성한 코드는 이렇습니다. CSS는 나눔고딕체를 body 영역에 뿌려준것 밖에 쓰지 않았고, 자바 스크립트는 게시판 목록과 읽기/수정에도 사용했던 부분입니다.  등록버튼을 눌러주게 되면 <form>의 액션태그에 있는 파일로 전송되고 [뒤로]버튼을 누르게 되면 Board_List.jsp로 돌아가게 해줬습니다. 

■ 게시판 글삭제 

- 글삭제 화면 (Board_Delete.jsp) -

- 삭제완료 버튼을 누르면 바뀌는 화면 (Board_Delete_action.jsp) -

총 9개의 jsp 파일을 코딩하면서 글삭제 하는 부분이 HTML로 짜기 가장 쉬웠던것 같습니다. 그냥 이 화면에는 글을 삭제 할라면 비밀번호를 입력해야 되니 딱 그것만 넣었어요. <input type>은 당연히 password값을 넣어 ****로 표시되게 해야겠죠.

이 부분에서 눈여겨 봐야될것은 53번째 줄에 onclick을 "history.go(-1)"의 값으로 주었다는 겁니다. 값을 저렇게 넣어주면 한 단계전으로 (←) 가겠다는 말이고, 만약에 처음부터 delete페이지를 열어 뒤로 버튼을 누르면 작동이 안됩니다. 왜 이부분을 넣어줬냐면 글삭제를 하려면 무조건 해당되는 글을 먼저 눌러야 하기 때문입니다. 

■ 답변하기

- 답변하기 화면 (Board_Reply.jsp) -

- 답변등록을 누르면 바뀌는 화면 (Board_Reply_action.jsp) -

드디어 마지막으로 답변을 살펴볼 차례네요. 이것 또한 글쓰기, 글수정과 마찬가지로 HTML소스는 똑같습니다. 다른점은 [답변 등록]버튼을 누르게 되면 Board_action.jsp 로 넘어간다는 것이겠죠.

Board_Reply 답변하기 코드는 이렇습니다. 답변하기도 일단 글을 먼저 클릭하던지 목록에서 클릭을 하던지 처음부터 답변으로 들어갈일이 없으니 [뒤로가기]버튼에 history태그를 넣었는데요. 아까와 명령어가 다르죠?

●  이 두개의 명령어가 똑같다고 보시면 됩니다. 그냥 편하신거 골라 쓰시면 되는데, 제 개인적인 입장으론 역시 간단한 두번째 명령어를 많이 씁니다 .

■ 관련글

● 게시판〃(2) 화면 설계 ( 텍스트파일+jsp파일 포함 )

● 게시판〃(2-1) 게시판 목록 [Board_List] 살펴보기

● 게시판〃(2-2) 게시글 읽기 / 게시글 수정