APM 로그인 페이지 개발 (feat. php)

Play To Game/WEB_LAPM

APM 로그인 페이지 개발 (feat. php)

klus! 2022. 10. 19. 21:55

챕터 1. mysql을 접속하여 DB 및 table 작성

챕터2. php로그인 페이지 만들기

지난 시간에 이어서 PHP로그인 폼 작성 및 로그인 해보도록 하겠습니다.

[공부하게 된 내용]

1. <div align= "left OR center OR right"></div>을 통한 내용 정렬 방식

2. <p style="text-align:left OR center OR right 내용 </p> 정렬 방식

3. POST방식을 사용하여 DB에 접근 -> DB로그인 및 DML(select) 쿼리문 실행 후 결과값 반환하여 로그인 및 실패 유무 확인

1. index.php 로그인 폼 작성

# sudo vi /var/www/html/index.php 파일을 로그인하는 페이지로 일단 만들어 보려고 합니다.

php작성은 아래와 같이 작성하였습니다.

<!DOCTYPE html>
<html lang="kr">
<head>
<style>
	h3{text-align:right;}
</style>

 <div style = "padding: 0px 60px 0px 0px;"> <h3>상태:</h3></div>

<span style="float:right;width:10%;">
<div align="right" style="border:2px solid #48BAE4; height: 50px;">

    <meta charset="utf-8">
    <title>WEB_DEV</title>
<?php

if(isset($_POST['uid'])&&isset($_POST['pwd'])){
$username=$_POST['uid'];
$userpw=$_POST['pwd'];

$conn= mysqli_connect('localhost', 'root', 'student', 'student');

$sql="SELECT * FROM user_info where login_id='$username'&&login_pw='$userpw'";
if($result=mysqli_fetch_array(mysqli_query($conn,$sql))){
echo "ID: $username";
echo "</br>로그인 성공</br>";
}
else{
echo "ID와 패스워드를 확인해주세요.";
}
}
?>
</span>
  </head>
</div>

 <body>
    <form  method="post">
<div style = "padding: 0px 60px 0px 0px;"><h3>로그인</h3></div>
<span style="float:right;width:220%;">
<div align="right" style="border:2px solid #48BAE4; height: 120px;padding:20px;" >
      아이디(ID):<input type="text" name="uid" /></br>
      비밀번호(PW):<input type="password" name="pwd" /></br>
      <input type="submit" value="로그인" />
      <input type="submit" value="회원가입" />
    </form>
</body>
</div>
</span>
</html>

추후 회원가입 페이지 및 게시판까지 작성할 예정입니다.

그러면서 로그인페이지도 조금씩 수정하여 최종본으로 배포까지 해보도록하겠습니다.

이제부터 mysql은 CLI가 아닌 phpmyadmin으로 php작성은 atom으로 진행할 예정입니다.