15주차 - jsp (11) Action Tag - 2

2022. 10. 14. 20:51jsp/jsp

이번의 목표

01. Action Tag를 사용하여 회원가입 폼을 만들어보자.

 


01. Action Tag를 사용하여 회원가입 폼을 만들어보자.

지난 시간에는 <jsp:useBean>, <jsp:setProperty>, <jsp:getProperty>에 대해 공부했습니다.

위의 세가지 태그를 사용하여 사용자가 입력한 값을 출력하는 코드를 만들었습니다.

이번에는 회원가입 폼을 만들어 사용자에게 다양한 값을 입력받아 출력하는 코드를 작성해보겠습니다.

 

01. 데이터 입력 페이지 코드
02. 데이터 출력 페이지 코드
03. 사용된 클래스 파일
04. 실행 화면

 

01. 데이터 입력 페이지 코드

	<form action="beans_ex02.jsp" method="post"><br>
		<input type="text" name="id" placeholder="아이디"><br>
		<input type="password" name="pw" placeholder="비밀번호"><br>
		<input type="password" name="confirmPw" placeholder="비밀번호 확인"><br>
		<input type="text" name="name" placeholder="이름"><br>
		<input type="text" name="email" placeholder="이메일"><br>
		<input type="submit" value="회원 가입">
		<input type="reset" value="취소">
	</form>

02. 데이터 출력 페이지 코드

	<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
	
	<fmt:requestEncoding value="utf-8"/>
	
	<jsp:useBean id="ex02" class="actionTag.ex02" />
	
	<jsp:setProperty property="id" name="ex02"/>
	<jsp:setProperty property="pw" name="ex02"/>
	<jsp:setProperty property="confirmPw" name="ex02"/>
	<jsp:setProperty property="name" name="ex02"/>
	<jsp:setProperty property="email" name="ex02"/>
	
	아이디 : <jsp:getProperty property="id" name="ex02"/>
	비밀번호 : <jsp:getProperty property="pw" name="ex02"/>
	비밀번호 확인 : <jsp:getProperty property="confirmPw" name="ex02"/>
	이름 : <jsp:getProperty property="name" name="ex02"/>
	이메일 : <jsp:getProperty property="email" name="ex02"/>

03. 사용된 클래스 파일

package actionTag;

public class ex02 {
	private String id;
	private String pw;
	private String confirmPw;
	private String name;
	private String email;

	public String getId() {
		return id;
	}

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

	public String getPw() {
		return pw;
	}

	public void setPw(String pw) {
		this.pw = pw;
	}

	public String getConfirmPw() {
		return confirmPw;
	}

	public void setConfirmPw(String confirmPw) {
		this.confirmPw = confirmPw;
	}

	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;
	}
	
}

04. 실행 화면