WEB/JSP
[JSP] 자바 useBean 액션태그 간단한 회원가입
다콩잉
2022. 9. 21. 15:58
joinForm.jsp
<%--
Created by IntelliJ IDEA.
User: UserK
Date: 2022-09-21
Time: 오후 2:38
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table, th, td {
border: 0.5px solid skyblue;
}
</style>
</head>
<body>
<form action="check1.jsp">
<table align ="center">
<tr align ="center" bgcolor="skyblue">
<td colspan = "3"><b>회원 기본 정보</b></td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">아이디:</td>
<td><input name="id" type="text" minlength="4" maxlength="12"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">비밀번호:</td>
<td><input name="pw" type="password" minlength="4" maxlength="12"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">비밀번호확인:</td>
<td><input name="password2" type="password" minlength="4" maxlength="12"></td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">메일주소:</td>
<td><input name="email" type="email"> 예) id@domain.com</td>
</tr>
<tr align ="center" bgcolor="skyblue">
<td colspan = "3"><b>개인 신상 정보</b></td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">생일:</td>
<td>
<input type="text" name="year" minlength="4" maxlength="4">년
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
월
<select name="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
일
</td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">관심분야:</td>
<td>
<input type="checkbox" name="fav" value="컴퓨터">컴퓨터
<input type="checkbox" name="fav" value="인터넷">인터넷
<input type="checkbox" name="fav" value="여행">여행
<input type="checkbox" name="fav" value="영화감상">영화감상
<input type="checkbox" name="fav" value="음악감상">음악감상
</td>
</tr>
<tr>
<td align ="center" bgcolor="Silver">자기소개:</td>
<td><textarea name="my" id="area" cols="60" rows="7"></textarea></td>
</tr>
</table>
<br>
<div align="center">
<input type="submit" value="회원가입" onclick="sub(this)">
<input type="reset" value="다시입력">
</div>
</form>
<script src="index.js"></script>
</body>
</html>
join.java
package test;
public class join {
private String id;
private String pw;
private String email;
private String year;
private String month;
private String day;
private String[] fav;
private String my;
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 getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public String getYear() {
return year;
}
public void setYear(String year) {
this.year = year;
}
public String getMonth() {
return month;
}
public void setMonth(String month) {
this.month = month;
}
public String getDay() {
return day;
}
public void setDay(String day) {
this.day = day;
}
public String[] getFav() {
return fav;
}
public void setFav(String[] fav) {
this.fav = fav;
}
public String getMy() {
return my;
}
public void setMy(String my) {
this.my = my;
}
}
check.jsp
<%--
Created by IntelliJ IDEA.
User: UserK
Date: 2022-09-21
Time: 오후 2:39
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="join" class="test.join" scope="page"/>
<html>
<head>
<title>Title</title>
</head>
<body>
<jsp:setProperty name="join" property="*"/>
<%--<h3><%=join.getId()%></h3>--%>
<%--<h3><%=join.getPw()%></h3>--%>
<table>
<tr>
<td>아이디</td>
<td><jsp:getProperty name="join" property="id"/></td>
</tr>
<tr>
<td>비밀번호</td>
<td><jsp:getProperty name="join" property="pw"/></td>
</tr>
<tr>
<td>메일주소</td>
<td><jsp:getProperty name="join" property="email"/></td>
</tr>
<tr>
<td>생일</td>
<td>
<jsp:getProperty name="join" property="year"/>년
<jsp:getProperty name="join" property="month"/>월
<jsp:getProperty name="join" property="day"/>일
</td>
</tr>
<tr>
<td>관심분야</td>
<td>
<%-- userBean은 데이터베이스와 같은 형태로,
데이터베이스에서는 배열형태로 저장할 수 없기 때문에 get 액션태그로 배열을 받아올 수 없음 --%>
<%
String[] arr = join.getFav();
for(String s : arr){
out.write(s + " ");
}
%>
</td>
</tr>
<tr>
<td>자기소개</td>
<td><jsp:getProperty name="join" property="my"/></td>
</tr>
</table>
</body>
</html>728x90