[JSP] 자바빈을 이용한 회원 가입 폼 작성

▶ 자바빈을 이용한 회원 가입 폼 작성

1. 자바빈의 작성

JoinBean.java

package join;

public class JoinBean {
	private String id;
	private String pass;
	private String name;
	private int sex;
	private int age;
	private String email;

	public String getId() {
		return id;
	}

	public void setId(String id) {
		this.id = id;
	}

	public String getPass() {
		return pass;
	}

	public void setPass(String pass) {
		this.pass = pass;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public int getSex() {
		return sex;
	}

	public void setSex(int sex) {
		this.sex = sex;
	}

	public int getAge() {
		return age;
	}

	public void setAge(int age) {
		this.age = age;
	}

	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

}

-여기서 자바빈의 역할은 회원 가입할 때 입력했던 내용을 멤버 변수에 저장하는 역할을 한다.

2. 입력폼 페이지의 작성

joinForm.jsp (실행 페이지)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 가입 폼</title>
<style>
	#formArea {
		margin:auto;
		width:400px;
		border:1px solid gray;
		text-align:center;
	}
	h1 {
		text-align:center;
	}
	table {
		width:380px;
		margin:auto;
		text-align:center;
	}
</style>
</head>
<body>
<section id="formArea">
<h1>회원정보 입력</h1>
<form action="joinChk.jsp" method="post">
<table>
	<tr>
		<td><label for="id">아이디 : </label></td>
		<td><input type="text" name="id" id="id"></td>
	</tr>
	<tr>
		<td><label for="pass">비밀번호 : </label></td>
		<td><input type="password" name="pass" id="pass"></td>
	</tr>
	<tr>
		<td><label for="name">이름 : </label></td>
		<td><input type="text" name="name" id="name"></td>
	</tr>
	<tr>
		<td><label for="sex">성별 : </label></td>
		<td><input type="radio" name="sex" value="1" id="sex" checked>남
		<input type="radio" name="sex" value="2">여</td>
	</tr>
	<tr>
		<td><label for="age">나이 : </label></td>
		<td><input type="text" name="age" id="age"></td>
	</tr>
	<tr>
		<td><label for="email">이메일주소 : </label></td>
		<td><input type="text" name="email" id="email"></td>
	</tr>
	<tr>
		<td colspan="2">
			<input type="submit" value="가입">
			<input type="reset" value="다시 작성">
		</td>
	</tr>
</table>
</form>
</section>
</body>
</html>

-이 페이지는 아이디, 비밀번호 등 회원 가입 시 필요한 정보들을 입력 받고 <가입> 버튼을 누르면 입력 정보 확인 페이지로 이동한다.

3. 입력 정보 확인 페이지의 작성

joinChk.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%request.setCharacterEncoding("UTF-8"); %>

<jsp:useBean id="join" class="join.JoinBean"/>
<jsp:setProperty name="join" property="*"/>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 가입 입력 정보 확인 페이지</title>
<style type="text/css">
    table {
		width: 400px;
	}
	h1 {
		text-align: center;
	}
</style>
</head>
<body>
<table>
	<tr>
		<td><b>아이디 : </b></td>
		<td><jsp:getProperty name="join" property="id"/></td>
	</tr>
	<tr>
		<td><b>비밀번호 : </b></td>
		<td><jsp:getProperty name="join" property="pass"/></td>
	</tr>
	<tr>
		<td><b>이름 : </b></td>
		<td><jsp:getProperty name="join" property="name"/></td>
	</tr>
	<tr>
		<td><b>성별 : </b></td>
		<td><jsp:getProperty name="join" property="sex"/></td>
	</tr>
	<tr>
		<td><b>나이 : </b></td>
		<td><jsp:getProperty name="join" property="age"/></td>
	</tr>
	<tr>
		<td><b>이메일주소 : </b></td>
		<td><jsp:getProperty name="join" property="email"/></td>
	</tr>	
</table>
</body>
</html>

-입력 정보 확인 페이지에서는 회원 가입 정보를 <jsp:setProperty/> 태그를 이용하여 자바빈 객체에 저장하고, 저장한 내용을 <jsp:getProperty/> 태그를 이용하여 표시하는 코드를 작성한다.

<실행 결과>

-위에서처럼 회원 가입 폼에서 입력 받은 자료들을 <jsp:setProperty/> 태그를 이용하여 하나씩 할당하지 않더라도 한 줄의 코드로 모든 데이터를 한 번에 입력시킬 수 있다.

저작자표시

'JSP' 카테고리의 다른 글

[JSP] 실습 (Session scope를 자바빈에서 사용하기) (0)	2021.02.25
[JSP] 실습 (Request scope를 자바빈에서 사용하기) (0)	2021.02.24
[JSP] JSP에서 자바빈 사용하기 (0)	2021.02.24
[JSP] 자바빈 (0)	2021.02.24
[JSP] 액션 태그를 활용한 템플릿 페이지 작성 (0)	2021.02.10

🐠붕어의 코딩 공부 기록🐠

[JSP] 자바빈을 이용한 회원 가입 폼 작성

▶ 자바빈을 이용한 회원 가입 폼 작성

'JSP' 카테고리의 다른 글

댓글

티스토리툴바

[JSP] 자바빈을 이용한 회원 가입 폼 작성

▶ 자바빈을 이용한 회원 가입 폼 작성

'JSP' 카테고리의 다른 글

관련글

댓글

티스토리툴바