티스토리 뷰

웹 공부/웹 개발 (APM)

웹 개발( 회원가입 정보 DB에 저장하기)

HACKDUN 2019. 1. 17. 16:19

<register.html>

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" type="text/css" href="main.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <style>
        body {
                background-image: url("images/bg.jpg");
        }      
      </style>
      
        <title>Duni's web page</title>
    </head>
​
    <center>
        <body>
        <span>Account Register</span>
            <form method="post" action="membersave.php">
​
            <div data-validate= "Enter NAME">
            <input type="text" name="name" placeholder="NAME">
            </div>
            
            <div data-validate= "Enter ID">
                <input type="text" name="userID" placeholder="ID">
            </div>
​
            <div data-validate= "Enter PASSWORD">
                <input type="password" name="userPw" placeholder="PASSWORD">
            </div>
​
            <div data-validate= "Enter PASSWORD2">
                <input type="password" name="userPw2" placeholder="PASSWORD CHECK">
            </div>
            
            <button class="btn btn-default" input type="submit" value="REGISTER" onclick="">
                REGISTER
            </button>
​
            <input type="button" class="btn btn-default"value="CANCEL" onclick="javascript:location.href='index.html'">
    
            </form>
​
    </body>
    </center>
</html>
​



<membersave.php>

<?php
​
include "dbConnect.php";
​
$name=$_POST['name'];
$userId=$_POST['userId'];
$userPw=$_POST['userPw'];
$userPw2=$_POST['userPw2']; 
​
​
    if($userPw == $userPw2) {
        $sql = "insert into person (name,userId, userPw)";
        $sql = $sql."values('$name','$userId', '$userPw')";
​
        if($mysqli->query($sql)){
            echo "<script>alert('Success); location.href='index.html';</script>";
​
        }else{
            echo "<script>alert('Failed');location.href='register.html';</script>";
        }
    }
    else {
        echo "<script>alert('no match');location.href='register.html';</script>";
    }
?>
​

register.html로 회원가입 폼을 만들어주고 method 방식은 post로 설정해주고 action은 membersave.php가 실행되게 해준다.

membersave.php에는 db 접속 정보가 담겨있는 dbConnect.php를 연결해준다.




$name=$_POST['name'];
$userId=$_POST['userId'];
$userPw=$_POST['userPw'];
$userPw2=$_POST['userPw2'];

앞에 $를 붙여서 변수 선언을 해주었다.

register.html에서 POST 메소드로 넘어온 값들을 각 변수들에 저장한다.




$sql = "insert into person (name,userId, userPw)";
        $sql = $sql."values('$name','$userId', '$userPw')";

값을 넣을 column명을 명시하고 위에서 명시한 column들과 대칭되도록 변수를 명시해준다.

그리고 성공, 실패, 비밀번호 다를시 뜨게 될 각각의 알림문을 설정해주었다.





회원가입 화면에 name, id, password를 입력해준다.

REGISTER 버튼을 누르면 DB에 정상적으로 저장된 것이 확인되었다.



저작자표시 비영리 변경금지

'웹 공부 > 웹 개발 (APM)' 카테고리의 다른 글

웹 개발 #게시판 글 읽기, 수정, 삭제 코드  (0) 2019.06.24
웹 개발 #게시판 글쓰기, 저장, 목록 코드  (0) 2019.06.24
웹개발 (게시판 글 수정 삭제, 글 읽기 추가)  (0) 2019.03.20
웹 개발 (게시판 목록 만들기, 배경 바둑판 오류 수정, 버튼 submit 오류 수정)  (1) 2019.02.07
웹 개발 (게시판 글 DB저장, 로그인, 로그아웃 실행)  (0) 2019.02.07
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday