게시판 만들기 실습

참고사항

project 생성할 때 web.xml 생성 체크해서 소스를 보면 welcome file이 있음

시작파일로 index.jsp가 설정되어 있어서 프로젝트를 run하면 index.jsp가 가장 먼저 실행됨.

 

게시글 만들기 실습 첫 페이지는 게시글 목록 화면임.

프로젝트 run하면 index.jsp가 뜨는데 거기서 아무작업 하지 않고 바로 페이지 이동(servlet으로)하게 설정함.

페이지 이동 법 : (jsp의 기본 태그를 사용함)

<jsp:forward page="이동할 페이지.do"></jsp:forward>

 

jsp 사이사이의 servlet을 하나로 통일해서 쓰는 방법 필요

controller로 servlet 생성 후 통제

 

 

게시글 목록 화면

테이블 행은 모름(글 등록된 개수만큼 나와야 하기 때문에)

하나도 글이 등록 안 했을 때 디폴트 값의 행은 설정할 수 있음!

 

게시글 등록 화면

글등록을 누르면 글이 등록 되고 게시판 리스트로 이동해야 됨.

글 번호는 중복이 되면 안 됨.(글이 등록될 때마다 1씩 증가시키게 만들어야 됨-변수로 줌)

게시글 정보가 저장될 수 있는 리스트도 만들어야 됨.

그 리스트에 board(게시글 정보) 저장 후 게시글 목록 페이지로 가서 그 리스트 전달해야 됨.

(리스트 전달은 게시글 목록 페이지 if문에 가서 할 것)

 

board_list로 가서 글 등록 수만큼 행이 만들어질 수 있도록 for문 만들어줘야함.

반복 돌릴 것은 boardList임

해당 열 정보들 넣기 

 

제목 클릭하면 상세 보기 화면으로 가게 해야 함

<a>태그 사용

상세 보기 화면 갈 때 a 태그로 데이터 가져가야 됨.

"이동할 곳" ? ${가져갈 데이터}

왜냐하면 상세보기에 등록한 게시글의 데이터가 보여야 되기 때문에

등록한 게시글 데이터를 받아오는 방법 :  게시글 데이터 중 고유한 값으로 된 글 번호로 받아올 수 있다

제목을 클릭한 게시글의 글번호가 게시글이 저장된 리스트의 데이터에 있는 글 번호와 동일하면

그 글번호에 해당하는 게시글 데이터를 다 뽑으면 됨 > for 문으로 

 

게시글 삭제 

글번호 사용하여 for문 돌려서 글번호와 같은 list 데이터 지워주면 됨

 

게시글 수정

게시글 수정을 할 수 있게 준비해줘야 함.

수정하기 전인 원본 데이터가 보이게 해야 됨.

수정 페이지에서는 수정하고자 하는 게시글의 모든 데이터 정보를 가지고 와야 됨.

내용 부분인 textarea는 value 속성이 없음!

눈에 보이고 싶으면 ${board.content }</textarea> 닫는 태그 앞에 넣으면 됨.

 

 

수정된 데이터를 입력 후 글 수정을 누르면 그 수정 가지고 진짜 수정이 되어야 됨.

수정 내용 중 disabled 속성 : 사용 불가 > form 태그에 감싸져있어도 데이터 안 넘어감.그래서 readonly : 읽기 전용 속성 추가해야 됨. 작성 날짜 및 작성자 수정 불가하게 수정 내용 데이터 가져가야 되고 내가 원하는 게시글에서 글번호도 같이 넘겨야 됨.

 

 

게시글 버그 ? : 새로고침 하면 계속 글이 등록됨 우리는 게시판 만들 때 아래 페이지 이동 방법을 썼음이동2는 url가 바뀌지 않기 때문에 servlet으로 가기 때문에 계속 글 등록을 하게 됨 >> 오류가 생기는 것.servlet 에서 servlet으로 다시 올 때만 이동 소스를 페이지1 버전으로 바꿔야 함.if문으로 조건 걸어둠 평소의 이동 경로는 else로 두고 변수값을 false일 때는 계속 돌게servlet > servlet 갈 때만 변수값을 true로 줌 

 

페이지 이동1

url 경로가 목적지로 바뀜.

response.sendRedirect("test.jsp");

http://localhost:8081/BasicBoard/test.jsp (최종 페이지로 이동)

 

페이지 이동2

페이지가 변경 돼도 url이 바뀌지 않음.

RequestDispatcher dispatcher = request.getRequestDispatcher("test.jsp");

dispatcher.forward(request, response);