로그인 기능에 이어 회원가입 기능을 추가 해봅니다.
로그인 페이지에서 회원가입 페이지로 넘어가면..아래와 같은 화면이 출력...
위 화면의 html은
[signup.html]
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
|
<script type="text/javascript">
//jQuery 문법
$(document).ready(function(){
$('#box2').submit(function(e){
e.preventDefault();
//Ajax 문법
$.ajax({
type : 'POST',
url : 'http://ip주소:80/php/join',
data : $(this).serialize(),
success : function(result){
if(result=="IDcheck"){
alert("입력하신 아이디가 이미 존재 합니다. 다른 아이디로 입력하세요.");
}else if(result=="Success save"){
alert("회원 가입을 축하합니다. 로그인을 해주세요.");
location.replace('http://192.168.0.2:80/php/login')
}else if(result=="Fail save"){
alert("회원 가입에 실패 했습니다. 다시 시도해 주세요.");
}else if(result=="Empty ID"){
alert("아이디를 입력하지 않았습니다. 아이디를 입력하세요.");
}else if(result=="Empty PWD"){
alert("비밀번호를 입력하지 않았습니다. 비밀번호를 입력하세요.");
}else if(result=="Empty NAME"){
alert("이름을 입력하지 않았습니다. 이름을 입력하세요.");
}else if(result=="Empty PHONE"){
alert("전화번호를 입력하지 않았습니다. 전화번호를 입력하세요.");
}
},
error : function(xtr,status,error){
alert(xtr +":"+status+":"+error);
}
});
});
});
</script>
<body>
<div id = "box1">
<form id = "box2" method="POST">
<fieldset >
<legend>입력 사항</legent>
<table>
<tr>
<td>아이디</td>
<td><input type ="text" name = "UID" placeholder="Enter Your Email"></td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type ="text" name = "UPWD" placeholder="Enter Your Password"></td>
</tr>
<tr>
<td>이름</td>
<td><input type ="text" name = "UNAME" placeholder="Enter Your Name"></td>
</tr>
<tr>
<td>전화번호</td>
<td><input type ="text" name = "UPHONE" placeholder="Enter Your Phone"></td>
</tr>
</table>
<input type ="submit" value="가입하기">
</fieldset>
</form>
</div>
</body>
|
[join.php]
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
|
<?php
//signup.html form에서 POST로 보내온 회원 정보
$ID = $_POST['UID'];
$PWD = $_POST['UPWD'];
$NAME = $_POST['UNAME'];
$PHONE = $_POST['UPHONE'];
//MYSQL 접속 정보
$db = mysqli_connect("127.0.0.1:3306","DB사용자","DB비번","DB");
if(!$db){
die("Error ".mysqli_connect_error());
}
//입력 항목 중 빈공간으로 입력 할 경우 체크
if($ID == NULL){
echo "Empty ID";
}else if($PWD == NULL){
echo "Empty PWD";
}else if($NAME == NULL){
echo "Empty NAME";
}else if($PHONE == NULL){
echo "Empty PHONE";
}else{
//회원 가입하고자 하는 아이디가 이미 존재하는지 확인
$compare_sql = "SELECT userID FROM member WHERE userID = '$ID'";
$compare_result = $db->query($compare_sql);
//DB에서 가져온 결과값이 1개 이상이고, 그 결과값이 입력한 ID와 같다면 DB에 존재하므로 다른 아이디로 시도...매세지 출력
if($compare_result->num_rows == 1){
//DB에서 가져온 결과값을 행렬로 변환 하여 DATA 접근
$row=$compare_result->fetch_array(MYSQLI_ASSOC);
if($row['userID']==$ID){
echo "IDcheck";
}
}else{ //DB에 입력한 아이디와 동일한 아이디가 없다면 DB에 저장
$sql = "INSERT INTO member (userID, userPWD ,userNAME, userPHONE) VALUES ('$ID','$PWD','$NAME','$PHONE')";
$result = $db->query($sql);
//저장 되었다면 성공, 아님 실패
if($result){
echo "Success save";
}else{
echo "Fail save";
}
}
}
mysqli_close($db);
?>
|
'WAMP > php' 카테고리의 다른 글
wamp [회원 정보 수정] 기능만들기 (0) | 2019.05.30 |
---|---|
wamp [회원정보 아이디/비번 찾기] 만들기 (0) | 2019.05.30 |
게시판 만들기 3. 본인 글 수정/삭제 하기 (0) | 2019.05.28 |
게시판 만들기 2. 게시글 읽기/쓰기 (0) | 2019.05.28 |
WAMP server -Login 기능(feat. Ajax) (0) | 2019.05.23 |