code-mo
code-mo
code-mo
전체 방문자
오늘
어제
  • Recode (46)
    • Language (0)
      • Java (0)
    • Spring (4)
    • DBMS (26)
      • DataBase (5)
      • SQL (20)
      • MySQL (0)
      • MariaDB (1)
    • Server (0)
    • IDE (0)
      • Eclipse (0)
    • WEB (0)
    • ETC (5)
    • 게시판 만들기 (9)
      • JSP ➜ Spring (9)
      • Spring ✚ Ajax (0)
    • nordia (0)
    • Diablo4 (0)
      • 야만용사 (0)
    • 쿠폰 (2)

인기 글

최근 글

최근 댓글

hELLO · Designed By 정상우.
code-mo

code-mo

[Spring] 회원 가입 구현
게시판 만들기/JSP ➜ Spring

[Spring] 회원 가입 구현

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

 

'게시판 만들기 > JSP ➜ Spring' 카테고리의 다른 글

[Spring]1. 게시판 구현 CRUD - 글쓰기  (0) 2023.02.09
[Spring] 게시판 구현 페이징 처리  (0) 2023.02.08
[Spring] 메인 페이지/내비게이션 <jsp:include>  (0) 2023.02.07
[Spring] 로그인/로그아웃 구현  (0) 2023.02.06
[Spring] 게시판 JSP ➜ Spring  (0) 2023.02.04
    '게시판 만들기/JSP ➜ Spring' 카테고리의 다른 글
    • [Spring] 게시판 구현 페이징 처리
    • [Spring] 메인 페이지/내비게이션 <jsp:include>
    • [Spring] 로그인/로그아웃 구현
    • [Spring] 게시판 JSP ➜ Spring
    code-mo
    code-mo

    티스토리툴바