onLinePoll

onLinePoll은 투표를 할 수 있는 웹 페이지를 만드는 것이다.

 

onLinePoll에 투표기능과 투표를 한 후 투표 결과를 확인할 수 있는 페이지를 만들어 실시간으로 상황을 알 수 있도록 만든다.

 

onLinePoll을 만들어 보면서 조작이 가능한 점들을 깨달을 수 있다.

 

onLinePoll부터는 기본적인 프로젝트와 .jsp, .java 파일을 만드는 법을 설명하지 않고 공부해 나갈 것이다.

(모른다면 Hello 단원을 복습해보자)

 

onLinePoll의 주제는 프로야구 우승팀이다.

 

onLinePoll을 시작하기 위해 Dynamic Web Project를 이용해 프로젝트를 만들어 보자.

 

프로야구의 팀들을 나열할 .txt파일을 만들어 보자.

 

 

 

 

 

 

 

 

poll.txt파일에 홈페이지 화면에 들어갈 내용을 친다.

 

 

 

 

1번째 줄은 제목 줄이다.

 

2~11번째 줄은 각 팀의 이름이 들어갈 줄이다.

 

11~21번째 줄은 각 팀당 득표수가 들어갈 줄이다.

 

pollRead.jsp파일을 만들어 투표할 수 있는 화면을 만들어 보자.

 

읽어들일 텍스트 파일이 실제로 위치한 경로와 파일명을 연결을 해보자.

 

연결하는 방법은 아래와 같이 두가지 방법이 있다.

 

 

 

 

out.pritln()을 사용해서 출력해보아서 아래와 같은 페이지가 나온다면 연결이 잘 된 것이다.

 

 

 

 

이제 텍스트 파일의 내용을 ArrayList에 저장하고, 텍스트에서 읽어온 내용을 출력해보자.

 

 

 

16줄에 PollRead에 빨간 밑줄이 뜨는 이유는 PollRead.java파일이 없어서 그런것이다.

 

따라서 PollRead.java 파일을 만들어 임포트 시킨후 빨간 밑줄을 없애주자.

 

또한 PollRead.java 파일에 텍스트 파일의 내용을 읽어 ArrayList에 저장해 리턴하는 메소드를 코딩해 보자

 

 

 

위와 같이 코딩을 다 했으면 텍스트 파일이 잘 출력되는지 pollRead.jsp에서 디버그 해 이와 같은 창이 나오는지 확인해 보자.

 

 

 

 

이제 투표 결과를 보기위한 파일을 만들어보자. pollResult.jsp파일을 만들어 결과를 볼수 있게 코딩하자.

 

 

우선 투표결과를 화면에 출력하기 위해 텍스트 파일을 불러온 후 전체 투표수를 구해야한다.

 

 

 

 

 

위와 같이 코딩해보고

 

디버깅할때 아래와 같은 화면이 나와야 한다.

 

 

 

 

팀명( ) 에서 ( )사이에 특수문자가 들어있는데 투표를 하면 %로 변하니 걱정하지 말자.

 

pollWrite.jsp 파일을 만들어 pollRead.jsp에서 넘어오는 투표한 내용을 받는 파일을 만들자.

 

또한 득표한 항목의 득표수를 증가시켜야 한다.

 

아래와 같이 코딩하자.

 

 

 

 

29번째 줄에 오류가 뜨는 이유는 PollWrite.java 파일이 없기 때문이다.

 

따라서 PollWrite.java파일을 생성후 임포트 시켜주자.

 

PollWrite.java 파일의 내용은 투표 내용이 저장된 ArrayList와 저장할 파일명을 넘겨받고 ArrayList의 내용을 파일에 저장하게 코딩한다.

 

 

 

 

기본적인 실행은 pollRead.jsp 에서 디버깅 하면 된다.

 

 

 

 

 

위와 같이 잘 실행된다면 onLinePoll은 성공적으로 된 것이다.