본문 바로가기
JSP 웹프로그래밍

JSP #9 : database와 연동 (230106)

by haheehee 2023. 1. 6.

Database와 연동해보기~.~

데이터베이스와 회원정보 연동하기

 

 

 

 

DB먼저! - VO - DAO - Servlet 순서로

 

++ DB ++

t_member 테이블 생성

데이터도 생성해보았다 ㅋㅋㅋ

 

++ VO++

생성해놓은 Dynamic Web Project에 

database.test 패키지를 만들고, 

MemberVO 클래스를 생성.

package database.test;

import java.sql.Date;

public class MemberVO {
	private String id;
	private String pwd;
	private String name;
	private String email;
	private Date joinDate;
	
	public MemberVO() {
		System.out.println("MemberVO 생성자 호출");
	}
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPwd() {
		return pwd;
	}
	public void setPwd(String pwd) {
		this.pwd = pwd;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public Date getJoinDate() {
		return joinDate;
	}
	public void setJoinDate(Date joinDate) {
		this.joinDate = joinDate;
	}
}

MemberVO.java

private으로 변수들을 생성해준 후,

마우스 오른쪽 - Source - Generate Getters and Setters를 클릭해서 소스를 만들어준다.

클래스 생성자만 다시 만들어주었다.

 

++ DAO ++

package database.test;

import java.sql.Connection;
import java.sql.Date;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;

public class MemberDAO {
	private static final String driver = "org.mariadb.jdbc.Driver";
	private static final String url = "jdbc:mariadb://localhost:3306/membertable";
	private static final String user = "root";
	private static final String pwd = "1234";
	private Connection con;
	private Statement stmt;
	
	public List<MemberVO> listMembers() {
		List<MemberVO> list = new ArrayList<MemberVO>();
		try {
			connDB();
			String query = "select * from t_member";
			System.out.println(query);
			ResultSet rs = stmt.executeQuery(query);
			while(rs.next()) {
				String id = rs.getString("id");
				String pwd = rs.getString("pwd");
				String name = rs.getString("name");
				String email = rs.getString("email");
				Date joinDate = rs.getDate("joinDate");
				MemberVO vo = new MemberVO();
				vo.setId(id);
				vo.setPwd(pwd);
				vo.setName(name);
				vo.setEmail(email);
				vo.setJoinDate(joinDate);
				list.add(vo);
			}
			rs.close();
			stmt.close();
			con.close();
		} catch(Exception e) {
			e.printStackTrace();
		}
		return list;
	}
	
	private void connDB() {
		try {
			Class.forName(driver);
			System.out.println("mariadb 드라이버 로딩 성공");
			con = DriverManager.getConnection(url, user, pwd);
			System.out.println("Connection 생성 성공");
			stmt = con.createStatement();
			System.out.println("Statement 생성 성공");
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
}

database.test 패키지에,

MemberDAO 클래스 생성.

url은 "jdbc:mariadb://localhost:데이터베이스포트(3306)/생성한데이터베이스이름"으로 설정하면 된다.

 

++ Servlet ++

package database.test;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Date;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/membert")
public class MemberServlet extends HttpServlet {
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out = response.getWriter();
		MemberDAO dao = new MemberDAO();
		List<MemberVO> list = dao.listMembers();
		
		out.print("<html><body>");
		out.print("<table border=1><tr align='center' bgcolor='lightgreen'>");
		out.print("<td>아이디</td><td>비밀번호</td><td>이름</td><td>이메일</td><td>가입일</td></tr>");
		
		for(int i=0; i<list.size(); i++) {
			MemberVO memberVO = (MemberVO) list.get(i);
			String id = memberVO.getId();
			String pwd = memberVO.getPwd();
			String name = memberVO.getName();
			String email = memberVO.getEmail();
			Date joinDate = memberVO.getJoinDate();
			out.print("<tr><td>" + id + "</td><td>" + pwd + "</td><td>" 
					+ name + "</td><td>" + email + "</td><td>" + joinDate + "</td></tr>");
		}
		out.print("</table></body></html>");
	}
}

서블릿 파일 생성

 

서블릿 파일을 서버로 실행하면,

이렇게 데이터베이스에 저장된 정보가 출력되는 것을 확인할 수 있다.

 

자바 빈을 이용! Java Bean

- Java EE 프로그래밍 시 여러 객체를 거치면서 만들어지는 데이터를 저장하거나 전달하는 데 사용되는 클래스

- 자바의 DTO(Data Transfer Object,데이터 전송 객체) 클래스, VO(Value Class, 값 객체) 클래스

 

- 속성의 접근 제한자는 private

- 각 속성은 각각의 setter/getter를 갖는다.

- setter/getter 이름의 첫 글자는 소문자

- 인자 없는 생성자를 반드시 가지며 다른 생성자도 추가할 수 있음

 

자바 빈을 이용한 회원 정보 조회

회원 정보 등록

데이터베이스는 위의 예제와 동일한 것을 사용

package database.test.ex02;

import java.sql.Connection;
import java.sql.Date;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;

import com.mysql.jdbc.PreparedStatement;

public class MemberDAO {
	private static final String driver = "org.mariadb.jdbc.Driver";
	/* private static final String url = "jdbc:mariadb://localhost:8080/servletex"; */
	private static final String url = "jdbc:mariadb://localhost:3306/membertable";
	private static final String user = "root";
	private static final String pwd = "1234";
	private Connection con;
	private java.sql.PreparedStatement pstmt;	// Statement와 같은 동작을 하지만, 속도차이
	
	public List listMembers() {
		List list = new ArrayList();
		try {
			connDB();
			String query = "select * from t_member";
			System.out.println("prepareStatement: " + query);
			pstmt = con.prepareStatement(query);
			ResultSet rs = pstmt.executeQuery();
			while(rs.next()) {
				String id = rs.getString("id");
				String pwd = rs.getString("pwd");
				String name = rs.getString("name");
				String email = rs.getString("email");
				Date joinDate = rs.getDate("joinDate");
				MemberBean vo = new MemberBean();
				vo.setId(id);
				vo.setPwd(pwd);
				vo.setName(name);
				vo.setEmail(email);
				vo.setJoinDate(joinDate);
				list.add(vo);
			}
			rs.close();
			pstmt.close();
			con.close();
		} catch(Exception e) {
			e.printStackTrace();
		}
		return list;
	}
	
	private void connDB() {
		try {
			Class.forName(driver);
			System.out.println("mariadb 드라이버 로딩 성공");
			con = DriverManager.getConnection(url, user, pwd);
			System.out.println("Connection 생성 성공");
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	
	public void addMember(MemberBean memberBean) {
		try {
			connDB();
			String id = memberBean.getId();
			String pwd = memberBean.getPwd();
			String name = memberBean.getName();
			String email = memberBean.getEmail();
			String query = "insert into t_member";
			query += " (id, pwd, name, email)";
			query += " values(?, ?, ?, ?)";
			System.out.println("prepareStatemenr: " + query);
			pstmt = con.prepareStatement(query);
			pstmt.setString(1,  id);
			pstmt.setString(2,  pwd);
			pstmt.setString(3,  name);
			pstmt.setString(4,  email);
			pstmt.executeUpdate();
			pstmt.close();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
}

memberDAO 자바파일(클래스)

database.test.ex02패키지에 넣었다.

package database.test.ex02;

import java.sql.Date;

public class MemberBean {
	private String id;
	private String pwd;
	private String name;
	private String email;
	private Date joinDate;
	
	public MemberBean() {
		System.out.println("MemberBean 생성자 호출");
	}
	
	public MemberBean(String id, String pwd, String name, String email) {
		this.id = id;
		this.pwd = pwd;
		this.name = name;
		this.email = email;
	}
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPwd() {
		return pwd;
	}
	public void setPwd(String pwd) {
		this.pwd = pwd;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public Date getJoinDate() {
		return joinDate;
	}
	public void setJoinDate(Date joinDate) {
		this.joinDate = joinDate;
	}
	
}

MemberBean 자바파일(클래스)

같은패키지에!

위의 MemberVo에서 인수가 많은 생성자를 추가했다.

<<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>회원가입 창</title>
<style>
</style>
<script type="text/javascript">
function fn_sendMember() {
	var frmMember = document.frmMember;
	var id = frmMember.id.value;
	var pwd = frmMember.pwd.value;
	var name = frmMember.name.value;
	var email = frmMember.email.value;
	if(id.length==0 || id=="") { alert("아이디는 필수입니다."); } 
    else if(pwd.length==0 || pwd=="") { alert("비밀번호는 필수입니다."); } 
    else if(name.length==0 || name=="") { alert("이름은 필수입니다."); } 
    else if(email.length==0 || email=="") { alert("이메일은 필수입니다."); } 
    else {
    	frmMember.method="post";
		frmMember.action="member.jsp";
		frmMember.submit();
	}
}
</script>
</head>
<body>
	<form method="post" action="member.jsp" name="frmMember">
		<h1 style="text-align: center">회원가입창</h1>
		<table align="center">
			<tr>
				<td width="200"> <p align="right">아이디</p></td>
				<td width="400"><input type="text" name="id"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">비밀번호</p></td>
				<td width="400"><input type="password" name="pwd"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">이름</p></td>
				<td width="400"><input type="text" name="name"></td>
			</tr>
			<tr>
				<td width="200"><p align="right">이메일</p></td>
				<td width="400"><input type="text" name="email"></td>
			</tr>
			<tr>
				<td width="200"></td>
				<td width="80"><input type="submit" value="가입하기" onClick="fn_sendMember()"><input type="reset" value="다시입력"></td>
			</tr>
		</table>
		<input type="hidden" name="command" value="addMember" />
	</form>
</body>
</html>

memberForm.html

회원가입 처음 실행 시 초기화면 html파일이다. 

데이터를 입력하지 않았을 때, alert창을 통해 정보 입력이 필수라고 알려주는 구문도 있다.

<%@ page language="java" contentType="text/html; charset=utf-8" 
	import="java.util.*, database.test.ex02.*" pageEncoding="utf-8" isELIgnored="false" %>
<% 
	request.setCharacterEncoding("utf-8");
%>
<%  /* 회원가입창에 입력한 정보를 member.jsp에 가지고 오는 것 */
	String id = request.getParameter("id");
	String pwd = request.getParameter("pwd");
	String name = request.getParameter("name");
	String email = request.getParameter("email");
	
	MemberBean m = new MemberBean(id, pwd, name, email);
	MemberDAO memberDAO = new MemberDAO();
	memberDAO.addMember(m); 
	List membersList = memberDAO.listMembers();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>회원 정보 출력 창</title>
</head>
<body>
	<table border="1" align="center">
		<tr align="center" bgcolor="#99ccff">
			<td width="7%"><b>아이디</b></td>
			<td width="7%"><b>비밀번호</b></td>
			<td width="5%"><b>이름</b></td>
			<td width="11%"><b>이메일</b></td>
			<td width="5%"><b>가입일</b></td>
		</tr>
		<%
			if(membersList.size() == 0) {
		%>
			<tr align=center>
				<td colspan="5">
					<p align="center"><b><span style="font-size: 9pt;">
							등록된 회원이 없습니다. </span></b></p></td></tr>
		<%
			} else {
				for(int i=0; i<membersList.size(); i++) {
					MemberBean bean = (MemberBean) membersList.get(i);
		%>
			<tr align=center>
				<td><%=bean.getId() %></td>
				<td><%=bean.getPwd() %></td>
				<td><%=bean.getName() %></td>
				<td><%=bean.getEmail() %></td>
				<td><%=bean.getJoinDate() %></td>
			</tr>
		<%
				}
			}
		%>
			<tr height="1" bgcolor="#99ccff">
				<td colspan="5"></td></tr>
	</table>
</body>
</html>

member JSP파일.

입력한 데이터를 불러와서 화면에 출력해주는 코딩이다.

 

 

 

 

 

 

 

 

 

저작자표시 비영리 변경금지

'JSP 웹프로그래밍' 카테고리의 다른 글

JSP #11 : Model2 방식, 회원 출력, 추가, 삭제/수정(230110)  (0) 2023.01.11
JSP #10 : 커스텀 태그(230109)2_1  (0) 2023.01.09
JSP : EL 자료형, 연산자, 실습(230105)Expression Language  (0) 2023.01.05
JSP #8 : 커스텀 태그 & EL & JSTL (230105)2  (0) 2023.01.05
JSP #7 : 액션 태그 (230105)2  (0) 2023.01.05

관련글

댓글

티스토리툴바