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

반응형

etc-image-0


이번에는 게시판 글을 클릭하면 읽는 화면인 글 읽기와 글을 수정하는 화면에 대해서 살펴보도록 하겠습니다. 역시 이 부분도 HTML로 화면을 꾸며야 되서 한참동안 멍때렸어요. 


혹시 텍스트 파일과 jsp파일이 필요하신분은 제일 아래 (2)번 화면설계 글에서 다운받으시면 되겠습니다.





게시글 읽기(Board_View.jsp)


etc-image-1


게시판 목록보다는 덜 힘들었지만 디자인 부분은 취약하다보니 이정도에 만족합니다. 게시글 열람에 필수요소인 작성자와 작성일, 제목과 텍스트 공간을 넣었고 조회수도 추가했습니다. 여기서 버튼이 4개가 들어가 있는데 목록으로 돌아가는 기능과 수정기능, 답변기능, 삭제기능을 넣었습니다. 


etc-image-2

etc-image-3

게시글 열람을 작성한 코드입니다. 저번글에서 나눔고딕 적용과 자바스크립트 function에 대해 언급했으니 패스하도록 하겠습니다.




 게시글 수정 (Board_Update.jsp)

etc-image-4

다음 글에서 정리할 글쓰기와 글수정의 HTML 코드는 똑같습니다. 단지 밑에 버튼이 다른것 뿐인데요. 글수정에서는 수정완료 / 다시 수정[reset기능] / 뒤로[목록으로 돌아가기]의 버튼을 만들었죠.



etc-image-5

etc-image-6

게시글 수정의 코드입니다. 이 코드에서는 30~31줄에 새로 action과 onsubmit이 보이니 아래에서 정리해보도록 하겠습니다.





etc-image-7

 document.BoardUpdateForm은 <form name="BoardUpdateForm" … >을 체크하겠다는 의미를 가지고 있습니다. 또한 <onsubmit="return BoardUpdateCheck();">로 function과 연동합니다. 


 <input type>을 submit으로 하고, <form action="Board_Write_action.jsp"> 여기서 action으로 전송되는 페이지를 넣어주는 명령어를 넣으면?? value의 수정완료 버튼을 누를 때 Board_Write_action.jsp로 화면이 바뀌게 됩니다.




 관련글



● 게시판〃(2-1) 게시판 목록 [Board_List] 살펴보기 ( 텍스트파일 + jsp파일 포함)


● 게시판〃(2-2) 게시글 열람 / 게시글 수정

반응형