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

반응형


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


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





게시글 읽기(Board_View.jsp)



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


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




 게시글 수정 (Board_Update.jsp)

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



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





 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) 게시글 열람 / 게시글 수정

반응형