· 유즈빈의 사용형식
1
|
<jsp:useBean id="빈 이름" class="패키지 이름을 포함한 자바 빈 클래스 [scope="접근범위"]/>
|
cs |
id는 JSP 페이지에서 자바 빈 객체에 접근할 때 사용할 이름을 의미합니다.
class는 패키지 이름을 포함한 자바 빈 이름을 의미합니다.
scope는 자바 빈에 대한 접근 범위를 지정하는 역할을 합니다. (page, reqeust, session, application을 가지며 기본값은 page)
① 테이블 생성
1
2
3
4
5
6
7
|
create table t_member(
id varchar2(10) primary key,
pwd varchar2(10),
name varchar2(50),
email varchar2(50),
joinDate date default sysdate
);
|
cs |
※ 커넥션 풀 연결방법을 알고싶다면?
② memberForm.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
<!DOCTYPE html>
<html>
<head>
<style>
h1{
text-align: center;
}
table{
text-align: center;
}
.td1{
width: 200px;
}
.td2{
width: 400px;
}
p{
text-align: right;
}
</style>
<meta charset="UTF-8">
<title>회원 가입창</title>
</head>
<body>
<form method="post" action="member.jsp">
<h1>회원 가입창</h1>
<table>
<tr>
<td class="td1">
<p>아이디</p>
</td>
<td class="td2">
<input type="text" name="id">
</td>
</tr>
<tr>
<td class="td1">
<p>비밀번호</p>
</td>
<td class="td2">
<input type="password" name="pwd">
</td>
</tr>
<tr>
<td class="td1">
<p>이름</p>
</td>
<td class="td2">
<input type="text" name="name">
</td>
</tr>
<tr>
<td class="td1">
<p>이메일</p>
</td>
<td class="td2">
<input type="text" name="email">
</td>
</tr>
<tr>
<td class="td1">
<p> </p>
</td>
<td class="td2">
<input type="submit" value="가입하기">
<input type="reset" value="다시입력">
</td>
</tr>
</table>
</form>
</body>
</html>
|
cs |
아이디, 비밀번호, 이름, 이메일을 입력하고 가입하기 버튼을 클릭하면 member.jsp로 파라미터를 전송합니다.
③ member.jsp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
import="java.util.*, sec01.ex01.*" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<jsp:useBean id="m" class="sec01.ex01.MemberBean" scope="page" />
<%
String id = request.getParameter("id");
String pwd = request.getParameter("pwd");
String name = request.getParameter("name");
String email = request.getParameter("email");
m.setId(id);
m.setPwd(pwd);
m.setName(name);
m.setEmail(email);
MemberDAO memberDAO = new MemberDAO();
memberDAO.addMember(m);
List memberList = memberDAO.listMembers();
%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table{
border : 1px solid black;
text-align: center;
}
tr{
text-align: center;
padding: 2px;
}
.tr1{
background-color: yellow;
}
td{
width: 100px;
}
p{
text-align: center;
}
</style>
<meta charset="UTF-8">
<title>회원 목록창</title>
</head>
<body>
<table border="1">
<tr class="tr1">
<td>아이디</td>
<td>비밀번호</td>
<td>이름</td>
<td>이메일</td>
<td>가입일</td>
</tr>
<%
if(memberList.size()==0){
%>
<tr>
<td colspan="5">등록된 회원이 없습니다.</td>
</tr>
<%
}else{
for(int i=0; i<memberList.size(); i++){
MemberBean bean = (MemberBean) memberList.get(i);
%>
<tr>
<td><%=bean.getId() %></td>
<td><%=bean.getPwd() %></td>
<td><%=bean.getName() %></td>
<td><%=bean.getEmail() %></td>
<td><%=bean.getJoinDate() %></td>
</tr>
<%
}
}
%>
</table>
</body>
</html>
|
cs |
useBean의 아이디를 m으로 설정하고 sec01 > ex01 > MemberBean 경로에 있다고 class를 지정해줍니다.
파라미터를 변수에 세팅하고 useBean에도 세팅해줍니다.
그리고 memberDAO.addmember로 이동합니다.
④ memberDAO.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
package sec01.ex01;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import javax.naming.Context;
import javax.naming.InitialContext;
import javax.sql.DataSource;
public class MemberDAO {
private Connection con;
private PreparedStatement pstmt;
private DataSource dataFactory;
public MemberDAO() {
try {
Context ctx = new InitialContext();
Context envContext = (Context) ctx.lookup("java:/comp/env");
dataFactory = (DataSource) envContext.lookup("jdbc/oracle");
}catch (Exception e) {
e.printStackTrace();
}
}
public List listMembers() {
List list = new ArrayList();
try {
con = dataFactory.getConnection();
String query = "select * from t_member order by joinDate desc ";
System.out.println("prepareStatment: " + 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;
}
public void addMember(MemberBean memberBean) {
try {
Connection con = dataFactory.getConnection();
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("prepareStatment : " + 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();
}
}
}
|
cs |
addmember 메소드를 통해 DB에 정보를 추가합니다.
다시 member.jsp로 돌아가 다시 dao의 listMembers 메소드를 통해 학생의 정보들을 조회하여 list로 return 합니다.
최종적으로 member.jsp에서 학생 list를 출력합니다.
만약 학생이 한명도 없다면 다음과 같은 문구가 뜨게 됩니다.
'코딩 기록 > JSP' 카테고리의 다른 글
[JSP] 포매팅 태그 라이브러리 (0) | 2021.05.17 |
---|---|
[JSP] 코어 태그(Core Tag) 라이브러리 사용하기 (0) | 2021.05.14 |
[JSP] 포워드 액션 태그(Forward Action Tag) - 로그인 예제 (0) | 2021.05.13 |
[JSP] 인클루드 액션 태그(Include Action Tag) 사용하기 (0) | 2021.05.13 |
[JSP] 특정 회원 정보 조회하기(스크립트 요소 이용, 오라클 연동) (0) | 2021.05.11 |