🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 구성과 생성

Notice

Recent Posts

Recent Comments

Link

« 2024/07 »
일	월	화	수	목	금	토
	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

Tags more

Archives

Today

Total

관리 메뉴

C-log

🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 구성과 생성 본문

Server/🐬MySQL&🐘PHP

🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 구성과 생성

4:Bee 2023. 10. 14. 00:16

728x90

우리가 만들어 놓은 topic TABLE과 author TABLE을 서로 연결해 줄 것이다. 연결하는 방법은 다음 아래와 같다.

author TABLE을 생성할 것이다. 해당 MySQL 코드는 아래와 같다.

MariaDB [phpmysql]> CREATE TABLE author(
    -> id INT(11) NOT NULL AUTO_INCREMENT,
    -> name VARCHAR(30) NOT NUL,
    -> profile VARCHAR(200) NULL,
    -> PRIMARY KEY(id)
    -> );

이제 topic TABLE에서 해당 author_id값이 들어갈 수 있는 COLUM를 추가 해줘야한다.

MariaDB [phpmysql]> ALTER TABLE topic ADD COLUMN author_id INT(11);

MariaDB [phpmysql]> SELECT * FROM author;
+----+------------+-------------------+
| id | name       | profile           |
+----+------------+-------------------+
|  1 | egoing     | developer         |
|  2 | duru       | DBA               |
|  3 | taeho      | Data scientist    |
|  4 | leezche    | leezche is ...    |
|  5 | graphittie | graphittie is ... |
+----+------------+-------------------+
5 rows in set (0.001 sec)

이렇게 author TABLE 준비가 완료되었다. 이제 이 둘을 관계형 데이터를 이루기 위해 특정 sql명령어를 만들어야한다. index.php파일을 살펴보면 $sql 변수를 바꿔줘야한다. 아래 병동된 코드를 살펴보자.

<?php
...
$update_link = '';
$delete_link = '';
$author = '';
if (isset($_GET['id'])) {
  $filtered_id = mysqli_real_escape_string($conn, $_GET['id']);
  $sql = "SELECT * FROM topic LEFT JOIN author ON topic.author_id = author.id WHERE topic.id={$filtered_id}";
  $result = mysqli_query($conn, $sql);
  $row = mysqli_fetch_array($result);
  $article['title'] = htmlspecialchars($row['title']);
  $article['description'] = htmlspecialchars($row['description']);
  $article['name'] = htmlspecialchars($row['name']);

  $update_link = '<a href="update.php?id=' . $_GET['id'] . '">update</a>';
  $delete_link = '
  <form action = "process_delete.php" method="post">
  <input type="hidden" name="id" value="' . $_GET['id'] . '">
  <input type="submit" value ="delete">
  </form>
  ';
  $author = "<p>by" . $article['name'] . "</p>";
}
?>

$sql 변수를 살펴보면 LEFT JOIN이라는 sql명령어를 사용해서 topic과 author TABLE을 합쳤다. 이렇게 연동했으니 우리가 보고 있는 웹브라우저의 형태와 구상도 바껴야한다. 아래 코드는 나머지 HTML코드이다.

index.php

<!DOCTYPE html>
<html lang="eng">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WEB</title>
</head>

<body>
  <h1><a href="index.php">WEB</a></h1>
  <ol>
    <?= $list ?>
  </ol>

  <a href="create.php">create</a>
  <?= $update_link ?>
  <?= $delete_link ?>
  <h2><?= $article['title'] ?></h2>
  <?= $article['description'] ?>
  <?= $author ?>
</body>

</html>

누가 작성했는지 표기 하기 위해서 HTML코드에서 확인 할 수 있게 제작을 하였다. 새로운 구성을 만들어 내기 전에 create부분을 잠시 복습하자.

앞시간에 우리가 다루었던 create를 다시 살펴보자. create라는 a태그를 가지고 create.php에서 새로 생성되는 데이터들을 생성해 줄 것이다. create.php코드는 아래와 같다.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '*****',
  'phpmysql'
);

$sql = "SELECT * FROM topic";
$result = mysqli_query($conn, $sql);
$list = "";

while ($row = mysqli_fetch_array($result)) {
  $escaped_title = htmlspecialchars($row['title']);
  $list = $list . "<li><a href=\"index.php?id={$row['id']}\">{$escaped_title}</a></li>";
}

?>

<!DOCTYPE html>
<html lang="eng">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WEB</title>
</head>

<body>
  <h1><a href="index.php">WEB</a></h1>
  <ol>
    <?= $list ?>
  </ol>
  <form action="process_create.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 a태그를 선택하면 해당 create.php로 들어오게 되고 우리가 새로운 리시트를 작성하고 생성하게되면 process_create.php로 넘어가서 데이터를 처리하게 되는 것이다. 여기까지는 우리가 모두 계속 작업해왔던 방식이라 그렇게 어렵지는 않을 것이다. 오히려 확인해야하는 것은 우리가 $sql값이 어떻게 어디에 들어가 있고 사용되고 있는지를 눈여겨서 봐야한다는 것이다. 아래는 process_create.php코드이다.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '*****',
  'phpmysql'
);

$filtered = array(
  'title' => mysqli_real_escape_string($conn, $_POST['title']),
  'description' => mysqli_real_escape_string($conn, $_POST['description'])
);

$sql = "
  INSERT INTO topic(title, description, created)
  VALUES(
    '{$filtered['title']}',
    '{$filtered['description']}',
    NOW()
  )
";
$result = mysqli_query($conn, $sql);
if ($result === false) {
  echo '저장하는 과정에서 문제가 생겼습니다. 관리자에게 문의해주세요.';
  error_log(mysqli_error($conn));
} else {
  echo '성공했습니다.<a href="index.php">돌아가기</a>';
}

역시나 앞서 말했듯 $sql변수에 어떤 값이 들어가는지 봐야한다. 우리가 MySQL에서 TABLE 값을 삽입할 때 사용했던 명령어가 들어가 있다. 미리 만들어 놓은 array형태의 $filtered의 값을 대입해서 유동적으로 값을 MySQL server로 전달하고 있다. 여기까지 우리가 앞서 배웠던 '생성'파트이지만 이제 우리가 author라는 TABLE을 연결해서 author 테이블로 넘아가서 작성자의 값들을 변경하는 것을 시도해 볼 것이다.

우선 author라는 페이지를 새로 연결할 수 있는 태그를 만들어야하고 그 태그안에 들어가면 해당 author의 표가 나오는 것이 우리의 목적이다. 코드는 아래와 같다.

<!DOCTYPE html>
<html lang="eng">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WEB</title>
</head>

<body>
  <h1><a href="index.php">WEB</a></h1>
  <a href="author.php">author</a>
  <ol>
    <?= $list ?>
  </ol>

  <p><a href="create.php">create</a></p>
  <?= $update_link ?>
  <?= $delete_link ?>
  <h2><?= $article['title'] ?></h2>
  <?= $article['description'] ?>
  <?= $author ?>
</body>

</html>

우리가 index.php에서 만들었던 코드에서 a태그를 추가해서 author.php로 넘어갈 수 있는 a태그를 생성하면 그만이다. 아직 갈길이 머니 빨리 author.php를 살펴보자.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '*****',
  'phpmysql'
);
?>

<!DOCTYPE html>
<html lang="eng">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WEB</title>
</head>

<body>
  <h1><a href="index.php">WEB</a></h1>
  <p><a href="index.php">topic</a></p>
  <table border="1">
    <tr>
      <td>id</td>
      <td>name</td>
      <td>profile</td>
      <?php
      $sql = "SELECT * FROM author";
      $result = mysqli_query($conn, $sql);
      while ($row = mysqli_fetch_array($result)) {
        $filtered = array(
          'id' => htmlspecialchars($row['id']),
          'name' => htmlspecialchars($row['name']),
          'profile' => htmlspecialchars($row['profile']),
        )
      ?>

    <tr>
      <td><?= $filtered['id'] ?></td>
      <td><?= $filtered['name'] ?></td>
      <td><?= $filtered['profile'] ?></td>
    </tr>
  <?php
      }
  ?>
  </tr>
  </table>
  <form action="process_create_author.php" method='POST'>
    <p><input type="text" name="name" placeholder="name"></p>
    <p><textarea name="profile" placeholder="profile"></textarea></p>
    <p><input type="submit" value="Create author"></p>
  </form>
</body>

</html>

우리가 author는 표로 직접 보여주고 싶기때문에 table태그와 tr태를 이용해서 웹브라우저로 작성자들의 표를 만들었다. 이 공간은 author의 create페이지를 따로 생성하지 않고 통합화 한 것이다. 작성자를 create했을 때는 porcess_create_author.php로 넘어가며 해당 코드는 아래와 같다.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '******',
  'phpmysql'
);

$filtered = array(
  'name' => mysqli_real_escape_string($conn, $_POST['name']),
  'profile' => mysqli_real_escape_string($conn, $_POST['profile']),
);
$sql = "
  INSERT INTO author(name, profile)
  VALUES(
    '{$filtered['name']}',
    '{$filtered['profile']}'
  )
";

$result = mysqli_query($conn, $sql);
if ($result === false) {
  echo '저장하는 과정에서 문제가 생겼습니다. 관리자에게 문의해주세요.';
  echo mysqli_error($conn);
  error_log(mysqli_error($conn));
} else {
  // echo '성공했습니다.<a href="author.php">돌아가기</a>';
  header('Location: author.php'); //리다이렉션 방법
}

해당 php는 다른 process.php파일들과 다를게 없다. 역시나 우리가 유의 깊게 봐야한는 것은 $sql변수이다. 여기까지 author의 페이지를 새로 구성한 부분이다. 이제 create부분에서 새로운 리스트를 작성할 때마다 어떤 작성자가 해당 리스트를 작성했는 선택할 수 있는 select태그를 이용한 코드를 한번 작성해보자. 아래 코드를 살펴보자.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '******',
  'phpmysql'
);

$sql = "SELECT * FROM topic";
$result = mysqli_query($conn, $sql);
$list = "";

while ($row = mysqli_fetch_array($result)) {
  $escaped_title = htmlspecialchars($row['title']);
  $list = $list . "<li><a href=\"index.php?id={$row['id']}\">{$escaped_title}</a></li>";
}

$sql = "SELECT * FROM author";
$result = mysqli_query($conn, $sql);
$select_form = '<select name="author_id">';
while ($row = mysqli_fetch_array($result)) { //
  $select_form .= '<option value="' . $row['id'] . '">' . $row['name'] . '</option>';
} //여기서 $select_form변수는 value값을 process_create.php로 전달 받아야한다. 만약 value의 값을 설정하지 않고 POST로 전달하게 된다면 row['name']값이 process_create.php로 전달이 되고 그 곳에선 'author_id' => mysqli_real_escape_string($conn, $_POST['author_id'])라는 array 부분에서 $filtered['author_id']로 string문이 전달되며 이후 sql에서 해당 author_id의 colum값(INT)와 type이 맞지 않아 저장함에 문제가 발생할 수 밖에 없다.
//.= 는 이전에 가지고 있던 변수의 값을 더해서 새로 대입한는 값을 이어붙히라는 문법이다.
$select_form .= '</select>';
?>

<!DOCTYPE html>
<html lang="eng">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WEB</title>
</head>

<body>
  <h1><a href="index.php">WEB</a></h1>
  <ol>
    <?= $list ?>
  </ol>
  <form action="process_create.php" method="POST">
    <p><input type="text" name="title" placeholder="title"></p>
    <p><textarea name="description" placeholder="description"></textarea></p>
    <?= $select_form ?>
    <p><input type="submit"></p>
  </form>
</body>

</html>

여기서 우리가 주의 깊게 봐야할 코드는 아래와 같다.

<php

...

$sql = "SELECT * FROM author";
$result = mysqli_query($conn, $sql);
$select_form = '<select name="author_id">';
while ($row = mysqli_fetch_array($result)) { //
  $select_form .= '<option value="' . $row['id'] . '">' . $row['name'] . '</option>';
} //여기서 $select_form변수는 value값을 process_create.php로 전달 받아야한다. 만약 value의 값을 설정하지 않고 POST로 전달하게 된다면 row['name']값이 process_create.php로 전달이 되고 그 곳에선 'author_id' => mysqli_real_escape_string($conn, $_POST['author_id'])라는 array 부분에서 $filtered['author_id']로 string문이 전달되며 이후 sql에서 해당 author_id의 colum값(INT)와 type이 맞지 않아 저장함에 문제가 발생할 수 밖에 없다.
//.= 는 이전에 가지고 있던 변수의 값을 더해서 새로 대입한는 값을 이어붙히라는 문법이다.
$select_form .= '</select>';
?>

$sql변수는 author TABLE을 선택했고 해당 TABLE의 형식을 select태그를 이용해서 선택할 수 있게 했다. 더 나아가서 select태그의 option들의 속성을 유심히 보면 value가 $row['id']를 지정하고 있고 클라이언트가 해당 select를 선택하고 생성을 하게 되면 form태그에서 POST로 process_create.php에 전달하고 이를 처리하는 것이다. 여기서 변경되는 코드는 $sql문이니 이전 변경하기 전의 process_create.php와 비교하면서 살펴보자.

변경하기 전 process_create.php는 아래와 같다.

$filtered = array(
  'title' => mysqli_real_escape_string($conn, $_POST['title']),
  'description' => mysqli_real_escape_string($conn, $_POST['description'])
);

$sql = "
  INSERT INTO topic(title, description, created)
  VALUES(
    '{$filtered['title']}',
    '{$filtered['description']}',
    NOW()
  )
";

변경된 process_create.php는 아래와 같다.

$filtered = array(
  'title' => mysqli_real_escape_string($conn, $_POST['title']),
  'description' => mysqli_real_escape_string($conn, $_POST['description']),
  'author_id' => mysqli_real_escape_string($conn, $_POST['author_id'])
);
$sql = "
  INSERT INTO topic(title, description, created, author_id)
  VALUES(
    '{$filtered['title']}',
    '{$filtered['description']}',
    NOW(),
    {$filtered['author_id']}
  )
";

우리가 이전 index.php 에서 form태그를 통해서 POST받은 데이터 값인 author의 row['id']가 author_id로 전달되어 $sql 변수의 INSERT가 되면서 MySQL monitor로 값이 잘 전달 되었는지 확인할 수 있다. (웹상에서 by ~id로 작성한 것으로도 확인이 가능하다.) 아래 코드는 MySQL monitor로 확인한 코드이다.

MariaDB [phpmysql]> SELECT * FROM topic
    -> ;
+----+-------------+--------------------+---------------------+-----------+
| id | title       | description        | created             | author_id |
+----+-------------+--------------------+---------------------+-----------+
|  8 | MySQL       | MySQL is ...       | 2023-10-06 13:54:47 |         1 |
|  9 | Oracle      | Oracle is ...      | 2023-10-06 13:55:01 |         1 |
| 10 | SQL Servera | SQL Servera is ... | 2023-10-06 13:55:20 |         2 |
| 22 | test        | test is ..         | 2023-10-15 19:32:43 |         1 |
+----+-------------+--------------------+---------------------+-----------+
4 rows in set (0.001 sec)

오늘 포스트는 이전 포스트에 비해서 많이 혼동 스러울 것이다. 실제로 작성자도 어떻게 포스트 해야 독자들이 쉽게 이해할지 고민하며 작성해 보았다. 우선 우리가 주의 깊게 보아야하는 것은 $sql변수가 각 스트립트 마다 어떤 역할을 하는지에 따럿 변동이 되고 이것들을 MySQL server 로 데이터를 주고 받는지를 주의 깊게 보아야하는 것이다. 이에 더해서 form태그에 어떻게 데이터 값들이 정리가 되고 if문을 통해서 활성화가 되는지 태그들의 속성값들을 면밀하게 봐야 한다. 결과 적으로 php에서 MySQL을 사용하는 것은 내가 얼마나 다양한 MySQL문의 명령어를 아느냐에 따라서 다양한 형태와 스크립트로 다양한 형식으로 데이터를 주고 받을 수 있다는 것이다. 조금 난잡하고 난해해 보여도 천천히 스크립트를 잘 읽어보고 변화되는 스크립트 속 $sql변수를 전과 후를 비교하며 학습하면 큰 도움이 될 것이다. 이 다음 포스트는 author페이지에서 수정을 하는 포스팅을 진행 할 것이다. 이전 포스트들과 크게 다를 것이 없을 것이다. 내가 말했던 점들을 유의하면서 따라오면 크게 어려움이 없을 것이다.

728x90

저작자표시

'Server > 🐬MySQL&🐘PHP' 카테고리의 다른 글

🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 수정과 삭제 (0)	2023.10.16
🐬MySQL&🐘PHP : 돌고래와 코끼리의 소통 쓰기와 삭제 (1)	2023.10.12
🐬MySQL&🐘PHP : 돌고래와 코끼리의 울타리 보안 (0)	2023.10.09
🐬MySQL&🐘PHP : 돌고래와 코끼리의 마음 읽기 (0)	2023.10.06
🐬MySQL&🐘PHP : 돌고래와 코끼리의 생성 (0)	2023.10.06

'Server/🐬MySQL&🐘PHP' Related Articles

Comments

C-log

🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 구성과 생성 본문

🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 구성과 생성

'Server > 🐬MySQL&🐘PHP' 카테고리의 다른 글

티스토리툴바