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 |