[Spring] 회원 가입 구현

code-mo 2023. 2. 5. 07:30

728x90

1. Database 회원 테이블

2. 회원가입 페이지

input 태그의 ID로 Controller로 전달하여 DTO, @RequestParam으로 전달받는다
form 태그 안의 데이터를 post 방식으로 joinAct으로 연결한다.
<form method="post" action="joinAct">

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

<form method="post" action="joinAct">
    <h3 style="">회원가입 화면</h3>
    <div class="from-group">
        <input type="text" class="form-control" placeholder="아이디"
            name="userID" maxlength="20">
    </div>
    <div class="from-group">
        <input type="password" class="form-control" placeholder="비밀번호"
            name="userPassword" maxlength="20">
    </div>
    <div class="from-group">
        <input type="text" class="form-control" placeholder="이름"
                            name="userName" maxlength="20">
    </div>
    <div class="from-group" style="text-align: center;">
        <div class="btn btn-group" data-toggle="buttons">
            <label class="btn btn-primary active"><input type="radio" name="userGender"
                autocomplete="off" value="남자" checked>남자 
            </label>
            <label class="btn btn-primary"><input type="radio" name="userGender"
                autocomplete="off" value="여자" checked>여자 
            </label>
        </div>
    </div>
    <div class="from-group">
        <input type="email" class="form-control" placeholder="이메일"
            name="userEmail" maxlength="20">
    </div>
    <input type="submit" class="btn btn-primary form-control"
        value="회원가입">
</form>

cs

3. 회원가입 Controller

DTO는 시스템 간에 데이터를 전송하는 데 사용되는 개체입니다.
getter와 setter를 이용하여 개체의 속성 값을 가져오고 설정할 수 있는 메서드를 만들면 form 태그 안의
데이터를 자동으로 가져옴니다.
Input ID와 DTO의 변수와 테이블의 컬럼명을 동일하게 작성합니다.

1
2
3
4
5
6
7

//회원가입
@RequestMapping(value = "/joinAct", method = RequestMethod.POST)
public String joinAct(HttpServletRequest request, HttpServletResponse response,
        MemberDTO memberDTO) {        
    memberSvc.insertMember(memberDTO);
    return "redirect:/login";
}

cs

4. 회원가입 Service

1
2
3
4

//회원가입
public void insertMember(MemberDTO memberDTO) {
    session.insert("insertMember", memberDTO);
}

cs

5. 회원 가입 Insert 쿼리

1
2
3
4
5

<!-- 회원가입 -->
<insert id="insertMember" parameterType="com.member.MemberDTO">
    INSERT INTO bbs.user (userID, userPassword, userName, userGender, userEmail)
    VALUES (#{userID}, #{userPassword}, #{userName}, #{userGender}, #{userEmail})
</insert>

cs