WEB/Server

PHP 내용정리 - 4

kite707 2021. 1. 15.

https://opentutorials.org/course/3130/19385

PHP에서 FORM과 POST - 생활코딩

수업소개 서버로 데이터를 전송할 때 사용하는 HTML의 기능인 form을 살펴봅니다. 또, URL을 통하지 않고 은밀하게 데이터를 전송하는 방법인 POST 방식도 알아보겠습니다. form.html form.php

form과 post에 대해 다루는 수업이다.

<!--form.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="form.php">
        <p><input type="text" name="title" placeholder="Title"></p>
        <p><textarea name="description"></textarea></p>
        <p><input type="submit"></p>
    </form>
</body>
</html>

//form.php
<?php
echo $_GET['title']."<br>";
echo $_GET['description']."<br>";
?>

위 코드를 실행하고

이렇게 입력한 뒤 엔터를 누르면

출력화면을 보아 데이터가 잘 전달되었음을 알 수 있다.

file_put_contents함수

사용방법

file_put_contents("파일 경로","넣을 내용");

사용예시

아래와 같이 코드를 입력하고

<!--form.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="form.php" method="post">
        <p><input type="text" name="title" placeholder="Title"></p>
        <p><textarea name="description"></textarea></p>
        <p><input type="submit"></p>
    </form>
</body>
</html>

//form.html
<?php
file_put_contents('data/'.$_POST['title'], $_POST['description']);
echo "description : ".file_get_contents('data/'.$_POST['title']);
?>

이렇게 입력하면

위와 같은 화면이 나오는 것을 볼 수 있다. 첫번째 방법과 다른 점은 링크가 변하지 않는것이다. URL파라미터를 사용하지 않기 때문이다.

첫번째 방법은 url파라미터를 이용해 값을 가져왔고, 두번째 방법은 file_put_contents함수를 이용해서 입력받은 값을 파일에 저장한 뒤 그 값을 file_put_contents함수로 가져온 것이다.

PHP로 글 생성하기

코드는 이전과 동일하고 header함수가 새로 등장한다.

header함수

header("HTTP/1.0 404 Not Found");

header('Location: 해당 주소 링크');
//이전의 3xx상태 코드를 설정하지 않았다면 REDIRECT(302)상태 코드를 브라우저에 반환

첫번째와 같이 "HTTP/"로 시작하는 모든 헤더를 사용하거나, 두번째와 같이 직접 주소를 넣기도 한다.

첫번째 방법의 경우 주로 송신하는 HTTP status코드를 표시하기 위해 사용한다.

두번째 방법의 경우 브라우저를 리다이렉트하며 브라우저에게 REDIRECT (302)status를 리턴한다.

강의에서는 두번째 방법을 사용한다.

리다이렉트란?
re(다시) + 지시하다(direct)
예를들어 브라우저가 웹서버에 www.A를 요청했을 때 서버가 HTTP응답 메시지를 통해 www.B로 요청하라고 다시 지시할 수 있다. 이를 리다이렉트라고 한다.
예를 들어 로그인을 하지 않고 결제를 하려고 하면 아래와 같은 일이 일어난다.
결제시도 -> 서버가 로그인하지 않음을 확인 ->로그인창으로 돌려보냄(리다이렉트) -> 로그인완료 ->결제

결과 코드는 아래와 같다.

<?php
function print_title(){
  if(isset($_GET['id'])){
    echo $_GET['id'];
  } else {
    echo "Welcome";
  }
}
function print_description(){
  if(isset($_GET['id'])){
    echo file_get_contents("data/".$_GET['id']);
  } else {
    echo "Hello, PHP";
  }
}
function print_list(){
  $list = scandir('./data');
  $i = 0;
  while($i < count($list)){
    if($list[$i] != '.') {
      if($list[$i] != '..') {
        echo "<li><a href=\"index.php?id=$list[$i]\">$list[$i]</a></li>\n";
      }
    }
    $i = $i + 1;
  }
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      <?php
      print_title();
      ?>
    </title>
  </head>
  <body>
    <h1><a href="index.php">WEB</a></h1>
    <ol>
      <?php
      print_list();
      ?>
    </ol>
    <a href="create.php">Create</a>
    <form action="create_process.php" method="post">
        <p>
            <input type="text" name="title" placeholder="Title">
        </p>
        <p>
            <textarea name="description" placeholder="Description"></textarea>
        </p>
        <p>
            <input type="submit">
        </p>
    </form>
    <?php
        print_description(); //설명을 출력하는 함수
        ?>
  </body>
</html>

<?php
file_put_contents("data/".$_POST['title'],$_POST['description']);
header("Location: /index.php?id=".$_POST['title']); //사용자를 해당 링크로 이동하도록 함
?>

이렇게 입력하고 결과창을 보면

제출버튼을 누르면

이렇게 목록 11번에 try3가 생기고(파일이 제대로 생성되었음을 확인 가능) 제출버튼 아래에 try3의 description이 잘 출력 되었다. 그리고 위의 링크를 보면 id=try3인곳으로 잘 이동되었음을 알 수 있다.(header함수가 정상적으로 동작함)

PHP로 글 수정하기

우선 create밑에 상자와 제출버튼을 지우고, create옆에 제출버튼을 만들 것이다. 또 WEB을 눌렀을 때는 기본 페이지니까 update버튼이 보이지 않도록 할 것이다. 코드로 구현하면 아래와 같다.

<?php
function print_title(){
  if(isset($_GET['id'])){
    echo $_GET['id'];
  } else {
    echo "Welcome";
  }
}
function print_description(){
  if(isset($_GET['id'])){
    echo file_get_contents("data/".$_GET['id']);
  } else {
    echo "Hello, PHP";
  }
}
function print_list(){
  $list = scandir('./data');
  $i = 0;
  while($i < count($list)){
    if($list[$i] != '.') {
      if($list[$i] != '..') {
        echo "<li><a href=\"index.php?id=$list[$i]\">$list[$i]</a></li>\n";
      }
    }
    $i = $i + 1;
  }
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      <?php
      print_title();
      ?>
    </title>
  </head>
  <body>
    <h1><a href="index.php">WEB</a></h1>
    <ol>
      <?php
      print_list();
      ?>
    </ol>
    <a href="create.php">Create</a>
    <?php if(isset($_GET['id'])){ ?>
        <a href="update.php">Update</a> <!--update링크 생성 위한 부분-->
    <?php } ?>
    
    <h2>
    <?php
        print_description(); //설명을 출력하는 함수
        ?>
    </h2>
  </body>
</html>

이제 수정 기능을 구현해 보도록 하자. 코드는 아래와 같다.

<!--index.php-->
<?php
function print_title(){
  if(isset($_GET['id'])){
    echo $_GET['id'];
  } else {
    echo "Welcome";
  }
}
function print_description(){
  if(isset($_GET['id'])){
    echo file_get_contents("data/".$_GET['id']);
  } else {
    echo "Hello, PHP";
  }
}
function print_list(){
  $list = scandir('./data');
  $i = 0;
  while($i < count($list)){
    if($list[$i] != '.') {
      if($list[$i] != '..') {
        echo "<li><a href=\"index.php?id=$list[$i]\">$list[$i]</a></li>\n";
      }
    }
    $i = $i + 1;
  }
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      <?php
      print_title();
      ?>
    </title>
  </head>
  <body>
    <h1><a href="index.php">WEB</a></h1>
    <ol>
      <?php
      print_list();
      ?>
    </ol>
    <a href="create.php">Create</a>
    <?php if(isset($_GET['id'])){ ?>
        <a href="update.php?id=<?php echo $_GET['id']; ?>">Update</a> <!--update링크 생성 위한 부분-->
        <!-- <a href="update.php?id=<?=$_GET['id']?>">Update</a>  같은 코드-->
    <?php } ?>
    
    <h2>
    <?php
        print_description(); //설명을 출력하는 함수
        ?>
    </h2>
  </body>
</html>

<!--create.php-->
<?php
function print_title(){
  if(isset($_GET['id'])){
    echo $_GET['id'];
  } else {
    echo "Welcome";
  }
}
function print_description(){
  if(isset($_GET['id'])){
    echo file_get_contents("data/".$_GET['id']);
  } else {
    echo "Hello, PHP";
  }
}
function print_list(){
  $list = scandir('./data');
  $i = 0;
  while($i < count($list)){
    if($list[$i] != '.') {
      if($list[$i] != '..') {
        echo "<li><a href=\"index.php?id=$list[$i]\">$list[$i]</a></li>\n";
      }
    }
    $i = $i + 1;
  }
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      <?php
      print_title();
      ?>
    </title>
  </head>
  <body>
    <h1><a href="index.php">WEB</a></h1>
    <ol>
      <?php
      print_list();
      ?>
    </ol>
    <a href="create.php">Create</a>
    <form action="create_process.php" method="post">
        <p>
            <input type="text" name="title" placeholder="Title">
        </p>
        <p>
            <textarea name="description" placeholder="Description"></textarea>
        </p>
        <p>
            <input type="submit">
        </p>
    </form>
  </body>
</html>

//create_process.php
<?php
file_put_contents("data/".$_POST['title'],$_POST['description']);
header("Location: /index.php?id=".$_POST['title']); //사용자를 해당 링크로 이동하도록 함
?>

<!--update.php-->
<?php
function print_title(){
  if(isset($_GET['id'])){
    echo $_GET['id'];
  } else {
    echo "Welcome";
  }
}
function print_description(){
  if(isset($_GET['id'])){
    echo file_get_contents("data/".$_GET['id']);
  } else {
    echo "Hello, PHP";
  }
}
function print_list(){
  $list = scandir('./data');
  $i = 0;
  while($i < count($list)){
    if($list[$i] != '.') {
      if($list[$i] != '..') {
        echo "<li><a href=\"index.php?id=$list[$i]\">$list[$i]</a></li>\n";
      }
    }
    $i = $i + 1;
  }
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      <?php
      print_title();
      ?>
    </title>
  </head>
  <body>
    <h1><a href="index.php">WEB</a></h1>
    <ol>
      <?php
      print_list();
      ?>
    </ol>
    <a href="create.php">Create</a>
    <?php if(isset($_GET['id'])){ ?>
        <a href="update.php?id=<?php echo $_GET['id']; ?>">Update</a> <!--update링크 생성 위한 부분-->
        <!-- <a href="update.php?id=<?=$_GET['id']?>">Update</a>  같은 코드-->
    <?php } ?>
    
    <h2>
    <?php
        print_description(); //설명을 출력하는 함수
        ?>
        <form action="update_process.php" method="post">
            <input type="hidden" name="old_title" value="<?=$_GET['id'] ?>">
        <p>
            <input type="text" name="title" placeholder="Title" value="<?php print_title(); ?>"> 
        </p>
        <p>
            <textarea name="description" placeholder="Description"><?php print_description(); ?></textarea>
        </p>
        <p>
            <input type="submit">
        </p>
    </form>
    </h2>
  </body>
</html>

//update_process.php
<?php
rename('data/'.$_POST['old_title'], 'data/'.$_POST['title']);
file_put_contents('data/'.$_POST['title'],$_POST['description']);
?>

제출 후 새로고침을 하면 제목과 설명이 입력한대로 바뀐 것을 확인할 수 있다.

PHP로 글 삭제하기

index.php를 아래와 같이 수정하고 delete_process.php를 생성한다.

<!--index.php-->
<?php
function print_title(){
  if(isset($_GET['id'])){
    echo $_GET['id'];
  } else {
    echo "Welcome";
  }
}
function print_description(){
  if(isset($_GET['id'])){
    echo file_get_contents("data/".$_GET['id']);
  } else {
    echo "Hello, PHP";
  }
}
function print_list(){
  $list = scandir('./data');
  $i = 0;
  while($i < count($list)){
    if($list[$i] != '.') {
      if($list[$i] != '..') {
        echo "<li><a href=\"index.php?id=$list[$i]\">$list[$i]</a></li>\n";
      }
    }
    $i = $i + 1;
  }
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>
      <?php
      print_title();
      ?>
    </title>
  </head>
  <body>
    <h1><a href="index.php">WEB</a></h1>
    <ol>
      <?php
      print_list();
      ?>
    </ol>
    <a href="create.php">Create</a>
    <?php if(isset($_GET['id'])){ ?>
        <a href="update.php?id=<?php echo $_GET['id']; ?>">Update</a> <!--update링크 생성 위한 부분-->
        <!-- <a href="update.php?id=<?=$_GET['id']?>">Update</a>  같은 코드-->
        <a href="delete_process.php?id=<?=$_GET['id']?>">delete</a>
    <?php } ?>
    
    <h2>
    <?php
        print_description(); //설명을 출력하는 함수
        ?>
    </h2>
  </body>
</html>

//delete_process.php
<?php
unlink('data/'.$_GET['id']);
header('Location: /index.php'); //삭제 후 홈화면으로 이동
?>

테스트를 해보자.

'WEB > Server' 카테고리의 다른 글

AWS EC2로 서버 구축하기 - 2 [Jupyter Notebook설치 및 연결] (6)	2021.01.15
AWS EC2로 서버 구축하기 - 1 [회원가입 + 명령프롬프트로 서버접속] (0)	2021.01.15
PHP 내용정리 - 3 (0)	2021.01.14
PHP 내용정리 - 2 (0)	2021.01.14
PHP 내용정리 - 1 (0)	2021.01.14