1. 개요
■ JSP
JoinForm.jsp : 회원가입 화면
JoinPro.jsp : 파라미터 값을 넘겨받아 회원가입을 처리하는 JSP
■ Java
MemberBean.java : 회원정보를 전달할 자바빈
2. 소스코드
■ JoinForm.jsp
□ 수정사항
생일 부분의 <input> 태그 name 값 수정
- birth_yy → birthyy
- birth_mm → birthmm
- birth_dd → birthdd
이메일 부분의 <input> 태그 name 값 수정
- email_1 → mail1
- email_2 → mail2
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 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 | <%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <html> <head> <title>회원가입 화면</title> <style> #wrap{ width:530px; margin-left:auto; margin-right:auto; text-align:center; } table{ margin-left:auto; margin-right:auto; border:3px solid skyblue } td{ border:1px solid skyblue } #title{ background-color:skyblue } </style> </head> <body> <!-- div 왼쪽, 오른쪽 바깥여백을 auto로 주면 중앙정렬된다. --> <div id="wrap"> <br><br> <b><font size="6" color="gray">회원가입</font></b> <br><br><br> <!-- 입력한 값을 전송하기 위해 form 태그를 사용한다 --> <!-- 값(파라미터) 전송은 POST 방식, 전송할 페이지는 JoinPro.jsp --> <form method="post" action="../pro/JoinPro.jsp"> <table> <tr> <td id="title">아이디</td> <td> <input type="text" name="id" maxlength="20"> <input type="button" value="중복확인" > </td> </tr> <tr> <td id="title">비밀번호</td> <td> <input type="password" name="password" maxlength="15"> </td> </tr> <tr> <td id="title">비밀번호 확인</td> <td> <input type="password" name="passwordcheck" maxlength="15"> </td> </tr> <tr> <td id="title">이름</td> <td> <input type="text" name="name" maxlength="40"> </td> </tr> <tr> <td id="title">성별</td> <td> <input type="radio" name="gender" value="남" checked>남 <input type="radio" name="gender" value="여" checked>여 </td> </tr> <tr> <td id="title">생일</td> <td> <input type="text" name="birthyy" maxlength="4" placeholder="년(4자)" size="6" > <select name="birthmm"> <option value="">월</option> <option value="01" >1</option> <option value="02" >2</option> <option value="03" >3</option> <option value="04" >4</option> <option value="05" >5</option> <option value="06" >6</option> <option value="07" >7</option> <option value="08" >8</option> <option value="09" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> <input type="text" name="birthdd" maxlength="2" placeholder="일" size="4" > </td> </tr> <tr> <td id="title">이메일</td> <td> <input type="text" name="mail1" maxlength="30">@ <select name="mail2"> <option>naver.com</option> <option>daum.net</option> <option>gmail.com</option> <option>nate.com</option> </select> </td> </tr> <tr> <td id="title">휴대전화</td> <td> <input type="text" name="phone" /> </td> </tr> <tr> <td id="title">주소</td> <td> <input type="text" size="50" name="address"/> </td> </tr> </table> <br> <input type="submit" value="가입"/> <input type="button" value="취소"> </form> </div> </body> </html> | cs |
■ JoinPro.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 91 92 93 94 95 96 97 98 99 100 101 102 103 104 | <%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <%-- 자바빈 클래스 import --%> <%@ page import="jsp.member.model.MemberBean" %> <html> <head> <title>회원가입 처리 JSP</title> <style> #wrap{ margin-left:auto; margin-right:auto; text-align:center; } table{ margin-left:auto; margin-right:auto; border:3px solid skyblue } td{ border:1px solid skyblue } #title{ background-color:skyblue } </style> </head> <body> <%-- JoinForm.jsp에서 입력한 정보를 넘겨 받아 처리한다. --%> <% // 한글 깨짐을 방지하기 위한 인코딩 처리 request.setCharacterEncoding("euc-kr"); %> <%-- 자바빈 관련 액션태그 사용 --%> <jsp:useBean id="memberBean" class="jsp.member.model.MemberBean" /> <jsp:setProperty property="*" name="memberBean"/> <div id="wrap"> <br><br> <b><font size="5" color="gray">회원가입 정보를 확인하세요.</font></b> <br><br> <font color="blue"><%=memberBean.getName() %></font>님 가입을 축하드립니다. <br><br> <%-- 자바빈에서 입력된 값을 추출한다. --%> <table> <tr> <td id="title">아이디</td> <td><%=memberBean.getId() %></td> </tr> <tr> <td id="title">비밀번호</td> <td><%=memberBean.getPassword() %></td> </tr> <tr> <td id="title">이름</td> <td><%=memberBean.getName() %></td> </tr> <tr> <td id="title">성별</td> <td><%=memberBean.getGender()%></td> </tr> <tr> <td id="title">생일</td> <td> <%=memberBean.getBirthyy() %>년 <%=memberBean.getBirthmm() %>월 <%=memberBean.getBirthdd() %>일 </td> </tr> <tr> <td id="title">이메일</td> <td> <%=memberBean.getMail1() %>@<%=memberBean.getMail2() %> </td> </tr> <tr> <td id="title">휴대전화</td> <td><%=memberBean.getPhone() %></td> </tr> <tr> <td id="title">주소</td> <td> <%=memberBean.getAddress() %> </td> </tr> </table> <br> <input type="button" value="확인"> </div> </body> </html> | cs |
■ MemberBean.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 | package jsp.member.model; import java.sql.Timestamp; // 데이터의 전달을 담당하는 클래스 - DTO public class MemberBean { private String id; // 아이디 private String password; // 비밀번호 private String name; // 이름 private String gender; // 성별 private String birthyy; // 생일 - 년 private String birthmm; // 생일 - 월 private String birthdd; // 생일 - 일 private String mail1; // 이메일 - @ 앞부분 private String mail2; // 이메일 - @ 뒷부분 private String phone; // 전화 private String address; // 주소 private Timestamp reg; // 가입일 public String getId() {return id;} public void setId(String id) {this.id = id;} public String getPassword() {return password;} public void setPassword(String password) {this.password = password;} public String getName() {return name;} public void setName(String name) {this.name = name;} public String getGender() {return gender;} public void setGender(String gender) {this.gender = gender;} public String getBirthyy() {return birthyy;} public void setBirthyy(String birthyy) {this.birthyy = birthyy;} public String getBirthmm() {return birthmm;} public void setBirthmm(String birthmm) {this.birthmm = birthmm;} public String getBirthdd() {return birthdd;} public void setBirthdd(String birthdd) {this.birthdd = birthdd;} public String getMail1() {return mail1;} public void setMail1(String mail1) {this.mail1 = mail1;} public String getMail2() {return mail2;} public void setMail2(String mail2) {this.mail2 = mail2;} public String getPhone() {return phone;} public void setPhone(String phone) {this.phone = phone;} public String getAddress() {return address;} public void setAddress(String address) {this.address = address;} public Timestamp getReg() {return reg;} public void setReg(Timestamp reg) {this.reg = reg;} } | cs |
3. 실행결과
■ JoinForm.jsp
■ JoinPro.jsp
