마카로닉스

1270 No

Jsp UserBean 자바빈으로 데이터 전달 2 - 21

2017-09-23 12:19:42 By 라이트 0 4255 댓글수 4 포스트 하기

4월 2024
일	월	화	수	목	금	토
	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

MemberBean.java

package bean;

public class MemberBean {
	
	private String id;
	private String pass1;
	private String pass2;
	private String email;
	private String tel;
	private String address;
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPass1() {
		return pass1;
	}
	public void setPass1(String pass1) {
		this.pass1 = pass1;
	}
	public String getPass2() {
		return pass2;
	}
	public void setPass2(String pass2) {
		this.pass2 = pass2;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public String getTel() {
		return tel;
	}
	public void setTel(String tel) {
		this.tel = tel;
	}
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	
	@Override
	public String toString() {
		return "MemberBean [id=" + id + ", pass1=" + pass1 + ", pass2=" + pass2 + ", email=" + email + ", tel=" + tel
				+ ", address=" + address + "]";
	}
	
	
	
	
}

MemberJoin.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>	
   <jsp:include page="Header.jsp" />
 </head>    
 <body>
	 <div class="container">
	<div class="row">
	<div class="col-sm-12 text-center" >
	<div class="col-sm-3"></div>
	
	<div class="col-sm-6">
    <h2>회원가입</h2>
	<form action="MemberJoinProc.jsp" method="post">
		<table class="table table-boardered">
			<tr>
				<th>아이디</th>
				<td><input type="text" class="form-control" name="id" placeholder="id를 넣으세요"></td>		
			</tr>
			<tr>
				<th>패스워드</th>
				<td><input type="password" class="form-control" name="pass1" placeholder="비밀번호는 영문만 넣어주세요"></td>		
			</tr>
			
			<tr>
				<th>패스워드확인</th>
				<td><input type="password" class="form-control" name="pass2"></td>		
			</tr>
			
			<tr>
				<th>이메일</th>
				<td><input type="email" class="form-control" name="email"></td>		
			</tr>
			
			<tr>
				<th>전화번호</th>
				<td><input type="tel" class="form-control" name="tel"></td>		
			</tr>
			
			<tr>
				<th>주소</th>
				<td><input type="text" class="form-control" name="address"></td>		
			</tr>

			
			<tr>
				<td colspan="2">
				<input type="submit" class="btn btn-primary" value="전송">
				<input type="reset" class="btn btn-danger" value="취소">
				</td>
			</tr>
			
			
		</table>
	</form>
	</div>
	
	</div>
	</div>
</div>
</body>
</html>

MemberJoinProc.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>	
   <jsp:include page="Header.jsp" />
</head>
<body>
	 <div class="container">
	<div class="row">
	<div class="col-sm-12 text-center" >
		<div class="col-sm-3"></div>
		<div class="col-sm-6">
		 
		 <h2>회원 정보 보기</h2>
		 <%
		 	request. setCharacterEncoding("UTF-8");
		 %>
		 <!--  request 로 넘어온 데이터를 자바 빈즈랑 맵핑 시켜주는 useBean -->
		 <jsp:useBean id="mbean" class="bean.MemberBean"> <!-- 객체생성 MemberBean mbean = new MemberBean() -->
		 <!-- Jsp 내용을 자바빈 클래스 (MemberBean의미 )에 데이터를 맵핑 넣어줌) -->
		 	<%-- <jsp:setProperty name="mbean" property="id"/> --%>
		 	<jsp:setProperty name="mbean" property="*"/> <!-- 자동으로 모두 맵핑시켜주시오 -->
		 </jsp:useBean>
		 	
			<h2>당신의 아이디는 <jsp:getProperty property="id" name="mbean"/></h2>
			<h2>당신의 패스 <jsp:getProperty property="pass1" name="mbean"/></h2>
			<h2>당신의 이메일 <jsp:getProperty property="pass2" name="mbean"/></h2>
		
			<h2>당신의 전화는 <%= mbean.getTel() %></h2>
		</div>
	</div>
	</div>
</div>
</body>
</html>

동영상 강좌와 다르게 모바일 적용이 가능한 반응형 부트스트랩을 사용하였다.

여기서는 jsp 를 배우는 강좌 이기 때문에 html 적 요소에는 비중있게 생각 하지 않아도 될 것이다.

소스 : https://github.com/braverokmc79/jsp_sin

유튜브 동영상 출처 :

소프트캠퍼스

강사 : 신형섭(잭임연구원)