[정보처리산업기사 과정평가형 실기] 지역구의원투표 - 데이터 입/출력

구현 순서 ( 데이터베이스 👉🏻 서버 👉🏻 프론트 👉🏻 백엔드 )

 

1) [정보처리산업기사 과정평가형] 실기시험 문제 - 지역구의원투표

2) [정보처리산업기사 과정평가형] 실기 MVC 패턴 구조 / 흐름

3) [정보처리산업기사 과정평가형] 지역구의원투표 - DB 생성하기
4) [정보처리산업기사 과정평가형] 지역구의원투표 - Java / Servlet 생성
5) [정보처리산업기사 과정평가형] 지역구의원투표 - View 화면 만들기
6) [정보처리산업기사 과정평가형] 지역구의원투표 - 데이터 입/출력

✨데이터 입력 ( INSERT ) 

투표하기 화면에서 넘어온 데이터를 DB 에 저장하도록 하겠습니다.

유효성 체크 및 데이터저장후 메인화면으로 이동하기

투표하기 화면에서 데이터를 입력후 투표하기버튼을 클릭하면 script.js 에서 유효성검사를 마친뒤,

form태그의 action 경로 vote.do 로 이동합니다.

 

1. VoteController.java (VoteDAO.java 클래스의 insertVote 메소드로 데이터를 가지고 이동)

case "/vote.do" : 
	int result = vote.insertVote(request, response);
	
	break;
}

2. VoteDAO.java 데이터를 받아서 DB에 입력/저장 합니다. (실패시 0, 성공시 1 반환)

public int insertVote(HttpServletRequest request, HttpServletResponse response) {
		
	int result = 0;
	try {
		conn = getConnection();
		String v_jumin = request.getParameter("v_jumin");
		String v_name = request.getParameter("v_name");
		String m_no = request.getParameter("m_no");
		String v_time = request.getParameter("v_time");
		String v_area = request.getParameter("v_area");
		String v_confirm = request.getParameter("v_confirm");
        
		String sql = "INSERT INTO tbl_vote_202005 VALUES(?,?,?,?,?,?)";
		ps = conn.prepareStatement(sql);
		ps.setString(1, v_jumin);
		ps.setString(2, v_name);
		ps.setString(3, m_no);
		ps.setString(4, v_time);
		ps.setString(5, v_area);
		ps.setString(6, v_confirm);
			
		result = ps.executeUpdate(); // 0실패, 1성공
		System.out.println(result);	
		conn.close();
		ps.close();
			
	} catch (Exception e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}	
	return result;
}

3. VoteController.java 로 돌아와서 알림창을 화면에 출력해준뒤 확인 버튼을 누르면 메인화면으로 이동합니다.

*context (메인화면으로 이동하기 위한 경로)

case "/vote.do" : 
	int result = vote.insertVote(request, response);
	response.setContentType("text/html; charset=UTF-8");
	PrintWriter out=response.getWriter();
	if(result == 1) {
		out.println("<script>");
		out.println("alert('투표하기 정보가 정상적으로 등록 되었습니다!'); location.href='"+context+"'; ");
		out.println("</script>");
		out.flush();
	}else {
		out.println("<script>");
		out.println("alert('등록실패!'); location.href='"+context+"'; ");
		out.println("</script>");
		out.flush();
	}		
	break;
}

---

✨데이터 출력( SELECT ) 

후보조회, 투표검수조회, 후보자등수 에 넘겨줄 데이터를 DB 에서 불러오도록 하겠습니다.

 

후보조회

1. VoteController.java ( VoteDAO.java 클래스의 selectMember() 메소드로 이동)

case "/memberList.do" : 			
	site = vote.selectMember(request, response);
	break;

2. VoteDAO.java DB에서 데이터를 불러온뒤 list 에 담아줍니다.

*DECODE (if 문과 같다), *|| (오라클에서 || 이 기호는 문자열을 붙여준다. CONCAT 과 같음), *substr(해당 위치의 문자를 가져온다.)

public String selectMember(HttpServletRequest request, HttpServletResponse response) {
		  	
	ArrayList<Member> list = new ArrayList<Member>();
		
	try {
		conn = getConnection();
		
		//후보 조회 화면 쿼리
		String sql = "SELECT ";
		       sql+= " M.m_no, ";
		       sql+= " M.m_name, ";
		       sql+= " P.p_name, ";
		       sql+= " DECODE(M.p_school,'1','고졸','2','학사','3','석사','박사') p_school, ";
		       sql+= " substr(M.m_jumin,1,6)|| ";
		       sql+= " '-'||substr(M.m_jumin,7) m_jumin, ";
		       sql+= " M.m_city, ";
		       sql+= " substr(P.p_tel1,1,2)||'-'||P.p_tel2||'-'||";
		       sql+= " (substr(P.p_tel3,4)||";
		       sql+= "  substr(P.p_tel3,4)||";
		       sql+= "  substr(P.p_tel3,4)||";
		       sql+= "  substr(P.p_tel3,4)) p_tel ";
		       sql+= " FROM tbl_member_202005 M, tbl_party_202005 P ";
		       sql+= " WHERE M.p_code = P.p_code";
			 ps = conn.prepareStatement(sql);
			 rs = ps.executeQuery();
			 
		while(rs.next()) {
			Member member = new Member();
			member.setM_no(rs.getString(1));
			member.setM_name(rs.getString(2));
			member.setP_name(rs.getString(3));
			member.setP_school(rs.getString(4));
			member.setM_jumin(rs.getString(5));
			member.setM_city(rs.getString(6));
			member.setP_tel(rs.getString(7));
				 
			list.add(member);
		}
		request.setAttribute("list",list);
			conn.close();
			ps.close();
			rs.close();
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
	}	
	return "memberList.jsp";
}

3. memberList.jsp View화면에 불러온 데이터를 출력해줍니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="VoteBean.Member" %>

<%
request.setCharacterEncoding("UTF-8");
//list 불러오기
ArrayList<Member> list = new ArrayList<Member>();
list = (ArrayList<Member>)request.getAttribute("list");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>memberList</title>
</head>
<body>
<%@ include file="topmenu.jsp" %>
<section>
<h2>∙ 후보조회 ∙</h2>
<div class="table">
	<table style="width:700px;">
		<tr>
			<th>후보번호</th>
			<th>성명</th>
			<th>소속정당</th>
			<th>학력</th>
			<th>주민번호</th>
			<th>지역구</th>
			<th>대표전화</th>
		</tr>
		<%
		for(int i=0; i<list.size(); i++){
		%>
		<tr>
			<td><%=list.get(i).getM_no()%></td>
			<td><%=list.get(i).getM_name()%></td>
			<td><%=list.get(i).getP_name()%></td>
			<td><%=list.get(i).getP_school()%></td>
			<td><%=list.get(i).getM_jumin()%></td>
			<td><%=list.get(i).getM_city()%></td>
			<td><%=list.get(i).getP_tel()%></td>
		</tr>
		<%
		}
		%>
	</table>
</div>
</section>
<%@ include file="footer.jsp" %>
</body>
</html>

---

투표검수조회

1. VoteController.java ( VoteDAO.java 클래스의 selectAll() 메소드로 이동)

case "/voteList.do" : 		
	site = vote.selectAll(request, response);
	break;

2. VoteDAO.java DB에서 데이터를 불러온뒤 list 에 담아줍니다.

public String selectAll(HttpServletRequest request, HttpServletResponse response){
		 	
	ArrayList<Vote> list = new ArrayList<Vote>();	
	try {
	conn = getConnection();
			
		//투표검수조회 화면 쿼리
	String sql = "SELECT v_name,";
	       sql+= " '19'||substr(v_jumin,1,2)||";
	       sql+= " '년'||substr(v_jumin,3,2)||";
	       sql+= " '월'||substr(v_jumin,5,2)||";
	       sql+= " '일생' v_jumin,";
	       sql+= " '만 '||(to_number(to_char(sysdate,'yyyy'))";
	       sql+= " - to_number('19'||substr(v_jumin,1,2)))||'세' v_age,";
	       sql+= " DECODE(substr(v_jumin,7,1),'1','남','여') v_gender, ";		   
	       sql+= " m_no, ";
	       sql+= " substr(v_time,1,2)||':'||substr(v_time,3,2) v_time, ";
	       sql+= " DECODE(v_confirm,'Y','확인','미확인') v_confirm ";
	       sql+= " FROM tbl_vote_202005 ";
	       sql+= " WHERE v_area='제1투표장'";
	ps = conn.prepareStatement(sql); // 명령어를 보낸다.
	rs = ps.executeQuery();
		
	while(rs.next()) {
		Vote vote = new Vote();
			
		vote.setV_name(rs.getString(1));
		vote.setV_jumin(rs.getString(2));
		vote.setV_age(rs.getString(3));
		vote.setV_gender(rs.getString(4));
		vote.setM_no(rs.getString(5));
		vote.setV_time(rs.getString(6));
		vote.setV_confirm(rs.getString(7));
		
		list.add(vote);
	}
	request.setAttribute("list",list);
	conn.close();
	ps.close();
	rs.close();
		
	} catch (Exception e) {
		
		e.printStackTrace();
	}	
	return "voteList.jsp";
}

 

3. voteList.jsp View화면에 불러온 데이터를 출력해줍니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="VoteBean.Vote" %>

<%
request.setCharacterEncoding("UTF-8");
//list 불러오기
ArrayList<Vote> list = new ArrayList<Vote>();
list = (ArrayList<Vote>)request.getAttribute("list");
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>voteList</title>
</head>
<body>
<%@ include file="topmenu.jsp" %>
<section>
<h2>∙ 투표검수조회 ∙</h2>
<div class="table">
	<table style="width:700px;">
		<tr>
			<th>성명</th>
			<th>생년월일</th>
			<th>나이</th>
			<th>성별</th>
			<th>후보번호</th>
			<th>투표시간</th>
			<th>유권자확인</th>
		</tr>
		<%
		for(int i=0; i<list.size(); i++){
		%>
		<tr>
			<td><%=list.get(i).getV_name() %></td>
			<td><%=list.get(i).getV_jumin() %></td>
			<td><%=list.get(i).getV_age() %></td>
			<td><%=list.get(i).getV_gender() %></td>
			<td><%=list.get(i).getM_no() %></td>
			<td><%=list.get(i).getV_time() %></td>
			<td><%=list.get(i).getV_confirm() %></td>
		</tr>
		<%
		}
		%>
	</table>
</div>
</section>
<%@ include file="footer.jsp" %>
</body>
</html>

---

후보자등수

1. VoteController.java ( VoteDAO.java 클래스의 selectResult() 메소드로 이동)

case "/voteResult.do" : 			
	site = vote.selectResult(request, response);
	break;

2. VoteDAO.java DB에서 데이터를 불러온뒤 list 에 담아줍니다.

* v_total DESC (총투표수가 많은 순으로 데이터를 정렬합니다. DESC: 내림차순, ASC: 올림차순, default: ASC)

public String selectResult(HttpServletRequest request, HttpServletResponse response) {
		   	
	ArrayList<Result> list = new ArrayList<Result>();
		
	try {
		conn = getConnection();
		//후보자 등수 화면 쿼리
		String sql = "SELECT ";
		       sql+= " M.m_no, M.m_name, count(*) AS v_total";
		       sql+= " FROM tbl_member_202005 M, tbl_vote_202005 V";
		       sql+= " WHERE M.m_no = V.m_no AND V.v_confirm = 'Y' ";
		       sql+= " GROUP BY M.m_no, M.m_name";
		       sql+= " ORDER BY v_total DESC";
		ps = conn.prepareStatement(sql);
		rs = ps.executeQuery();
	
		while(rs.next()) {
			Result result = new Result();
			
			result.setM_no(rs.getString(1));
			result.setM_name(rs.getString(2));
			result.setV_total(rs.getString(3));
			list.add(result);
		}
		request.setAttribute("list",list);
		conn.close();
		ps.close();
		rs.close();		
		
	} catch (Exception e) {
			
		e.printStackTrace();
	}		
	return "voteResult.jsp";
}

3. voteResult.jsp View화면에 불러온 데이터를 출력해줍니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="VoteBean.Result" %>

<%
request.setCharacterEncoding("UTF-8");
//list 불러오기
ArrayList<Result> list = new ArrayList<Result>();
list = (ArrayList<Result>)request.getAttribute("list");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>voteResult</title>
</head>
<body>
<%@ include file="topmenu.jsp" %>
<section>
<h2>∙ 후보자등수 ∙</h2>
<div class="table">
	<table>
		<tr>
			<th>후보번호</th>
			<th>성명</th>
			<th>총투표건수</th>
		</tr>
		<%
		for(int i=0; i<list.size(); i++){
		%>
		<tr>
			<td><%=list.get(i).getM_no()%></td>
			<td><%=list.get(i).getM_name()%></td>
			<td><%=list.get(i).getV_total() %></td>
		</tr>
		<%
		}
		%>
	</table>
</div>
</section>
<%@ include file="footer.jsp" %>
</body>
</html>

완성 !

( 데이터베이스 👉🏻 서버 👉🏻 프론트 👉🏻 백엔드 ) MVC 패턴으로 순서대로 프로그램을 구현해보았습니다 :D

본인은 현재 SQLD 시험도 함께 준비하고 있어서 sql쿼리문을 최대한 활용하여 데이터를 불러왔는데요

이 외에도 데이터를 불러와서 적용하는 많은 방법이 있으니 편한방법으로 작업하시면 좋을것같습니다 :D

전체 소스파일은 다음글에 포스팅하도록 하겠습니다 😊감사합니다 ~!