ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JSP] 자바 useBean 액션태그 간단한 회원가입
    WEB/JSP 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

    'WEB > JSP' 카테고리의 다른 글

    [JSP] 회원가입 실습  (0) 2022.10.11
    JDBC&JSP 실습  (1) 2022.10.07
    [JSP] 간단한 쇼핑몰 장바구니  (2) 2022.09.20
    [JSP] JSP forward  (0) 2022.09.19
    [JSP] 구구단  (0) 2022.09.19
Designed by Tistory.