🐬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. 12. 00:26

728x90

앞서서 우리가 글을 생성하는 코드를 작성했으니 이제는 글을 수정하고 삭제하는 방법을 배워 볼 것이다. 우선 기존에 a태그를 이용해서 create를 생성했던 방시과는 다르게 php를 이용해서 URL의 매개변수 id값이 지정 되었을 때 update버튼이 생성될 수 있게 만들어 볼 것이다. 해당 코드는 알래와 같다.

글 수정하기

$update_link

...

$update_link = '';
if (isset($_GET['id'])) {
  $filtered_id = mysqli_real_escape_string($conn, $_GET['id']);
  $sql = "SELECT * FROM topic WHERE id={$filtered_id}";
  $result = mysqli_query($conn, $sql);
  $row = mysqli_fetch_array($result);
  $article['title'] = htmlspecialchars($row['title']);
  $article['description'] = htmlspecialchars($row['description']);
  // <a href="update.php?id="></a>
  $update_link = '<a href="update.php?id=' . $_GET['id'] . '">update</a>';
}
?>

<!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 ?>
  <!-- 위의 update_link는 해당 if문의 t/f에 따라서 활성화의 여부가 따른다. 즉, URL에서 매개변수 id값이 주어지면 해당 update a태그가 활성화가 되는 것이다. 이후 update.php파일로 넘어가서 html코드를 살펴보자. -->
  <h2><?= $article['title'] ?></h2>
  <?= $article['description'] ?>
</body>

</html>

유심히 보아야할 코드는 if문과 HTML의 <?= $update_link ?>이다. 우선 $update_link의 변수를 if문 상단에 정의하였다. 따라 if문의 조건이 TRUE일 경우에 $update_link의 변수는 a태그 update를 웹 브라우저에 활성화를 시켜준다. 즉, HTML에 해당 변수가 자리하고는 있으나 if문이 활성화 되지 않았기에 아무것도 눈에 보이지 않는 것뿐이다.

이제 해당 태그에 맞는 update.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>";
}

$article = array(
  'title' => 'Welcome',
  'description' => 'Hello, web'
);

$update_link = '';
if (isset($_GET['id'])) {
  $filtered_id = mysqli_real_escape_string($conn, $_GET['id']);
  $sql = "SELECT * FROM topic WHERE id={$filtered_id}";
  $result = mysqli_query($conn, $sql);
  $row = mysqli_fetch_array($result);
  $article['title'] = htmlspecialchars($row['title']);
  $article['description'] = htmlspecialchars($row['description']);

  $update_link = '<a href="update.php?id=' . $_GET['id'] . '">update</a>';
}

?>

<!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_update.php" method="POST">
    <!-- 여기에는 process_update.php 파일에서 update를 처리해야한다. 띠라서 아래 hidden의 input태그가 활성화 된다. -->
    <input type="hidden" name="id" value="<?= $_GET['id'] ?>">
    <!-- 여기 update.php와 create.php파일을 비교해서 보면 각 input태그가 다르게 설정 되어 있는 것을 알 수 있다. 우선 $article 변수가  -->
    <p><input type="text" name="title" placeholder="title" value="<?= $article['title'] ?>"></p>
    <p><textarea name="description" placeholder="description"><?= $article['description'] ?></textarea></p>
    <p><input type="submit"></p>
  </form>
</body>

</html>

유의 깊게 봐야할 부분은 HTML코드 부분에서 input태그이다. 각 태그들의 속성 value를 보면 해당 URL의 매개변수 id를 가지고 오거나 $article 배열의 데이터 값들을 가지고 온다. 위에서 봤던 a태그의 $update_link변수와 같은 방식으로 if문의 조건이 TRUE일 때 해당 배열의 값들이 변동되며 가지고은 데이터들으 URL의 매개변수들이다. 즉, 선택한 id값(목록)들의 정보를 가지고 오고 그것들을 브라우저의 input창에서 새롭게 수정을 하고 update를 하는 것이다. 이후 수정한 값들을 update할 때 form태그에서 지정된 process_update.php가 활성화 되는데 해당 코드는 아래와 같다.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '****',
  'phpmysql'
);
//settype을 사용하는 이유는 $_POST의 id값을 정수로 고정하기 위한 함수이다.
settype($_POST['id'], 'integer');
// 여기 array의 역할에서 id 배열을 추가해준다. 여기서 filtered의 역할은?
$filtered = array(
  'id' => mysqli_real_escape_string($conn, $_POST['id']),
  'title' => mysqli_real_escape_string($conn, $_POST['title']),
  'description' => mysqli_real_escape_string($conn, $_POST['description'])
);

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

데이터의 값을 전달해야 하기 때문에 POST들로 이루어진 $filtered 배열 변수에서 process_create.php와 다르게 id값이 추가 되었고 해당 id값은 정수타입으로만 이루어 져야하기 때문에 settype함수를 이용했다.

settype()

settype함수는 변수의 유형을 설정하는 함수로 우리는 integer로 생성해야 하기 때문에 마지막 매개변수를 integer로 설정하였다.

$sql

해당 데이터를 update하기 위해서는 sql문법이 UPDATE topic SET title..로 되어야 한다. ~~따로 create파트에서 이야기하지 않았음~~ 이후 sql명령문이 적용되면서 데이터가 변경된다. process_update.php를 작성하지 않고 update를 했을 때는 process_create.php로 연결이 되어 있어서 생성만 이루어질 뿐이였다. 아래 TABLE을 확인 해보자.

MariaDB [phpmysql]> SELECT * FROM topic
    -> ;
+----+-------------+--------------------+---------------------+
| id | title       | description        | created             |
+----+-------------+--------------------+---------------------+
|  8 | MySQL       | MySQL is ...       | 2023-10-06 13:54:47 |
|  9 | Oracle      | Oracle is ...      | 2023-10-06 13:55:01 |
| 10 | SQL Servera | SQL Servera is ... | 2023-10-06 13:55:20 |
| 11 | MongoDB     | MongoDB is ...     | 2023-10-06 13:55:32 |
| 12 | MariaDB     | MariaDB is ...     | 2023-10-09 21:28:45 |
| 13 | Welcome     | Hello, web         | 2023-10-10 23:29:02 |
| 14 | Welcome     | Hello, web_test    | 2023-10-11 16:04:12 |
+----+-------------+--------------------+---------------------+
7 rows in set (0.000 sec)

그렇다면 process_update.php 코드를 사용한 후의 topic TABLE은 아래와 같다.

MariaDB [phpmysql]> SELECT * FROM topic
    -> ;
+----+-------------+--------------------+---------------------+
| id | title       | description        | created             |
+----+-------------+--------------------+---------------------+
|  8 | MySQL       | MySQL is ...       | 2023-10-06 13:54:47 |
|  9 | Oracle      | Oracle is ...      | 2023-10-06 13:55:01 |
| 10 | SQL Servera | SQL Servera is ... | 2023-10-06 13:55:20 |
| 11 | MongoDB     | MongoDB is ...     | 2023-10-06 13:55:32 |
| 12 | MariaDB     | MariaDB is ...     | 2023-10-09 21:28:45 |
| 13 | Welcome     | Hello, web         | 2023-10-10 23:29:02 |
| 14 | myWord      | Hello, Word        | 2023-10-11 16:04:12 |
+----+-------------+--------------------+---------------------+
7 rows in set (0.000 sec)

~~정보를 가지고 올때는 URL의 매개변수를 가져와야 하기 때문에 GET을 사용하지만 데이터를 전송할 때는 POST방식을 사용해야 한다.~~

글 삭제하기

이번에는 글을 삭제하는 코드를 작성해 볼 것이다. 해당 코든느 아래와 같다.

<?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>";
}

$article = array(
  'title' => 'Welcome',
  'description' => 'Hello, web'
);
$update_link = '';
$delete_link = '';
if (isset($_GET['id'])) {
  $filtered_id = mysqli_real_escape_string($conn, $_GET['id']);
  $sql = "SELECT * FROM topic WHERE id={$filtered_id}";
  $result = mysqli_query($conn, $sql);
  $row = mysqli_fetch_array($result);
  $article['title'] = htmlspecialchars($row['title']);
  $article['description'] = htmlspecialchars($row['description']);
  // <a href="update.php?id="></a>
  $update_link = '<a href="update.php?id=' . $_GET['id'] . '">update</a>';
  // delete방식은 해당 URL 매개변수의 값을 가져오는 것이아니다. 은밀하게 접근해서 해당 데이터값을 삭제해야하기 때문에 GET이 아닌 POST방식을 사용해야 한다. 따라서 from태그를 이용해서 삭제를 할 것이다.
  //그렇다면 아래 코드 GET을 POST로 변경하면 되는 것 아닌가?
  // $delete_link = '<a href="process_delete.php?id=' . $_GET['id'] . '">delete</a>';
  //해당 form태그를 이용해서 안에 input태그는 GET을 사용하는데.. 무슨 차이인지 모르겠다.
  // 여기서 hidden을 사용하는 이유는?
  $delete_link = '
  <form action = "process_delete.php" method="post">
  <input type="hidden" name="id" value="' . $_GET['id'] . '">
  <input type="submit" value ="delete">
  </form>
  ';
}
?>

<!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'] ?>
</body>

</html>

해당 코드에서 delete버튼을 생성하는 방식이 기존 방식과는 달리 from태그를 사용했다 form태그를 사용하는 이유는 기존에 우리가 GET으로만 데이터 값을 가지고 왔지만 삭제와 같은 경우에는 값을 가져오기 보단 전달 해야하는 POST방식을 추구해야하기 때문이다. 여기서 우리가 기존에 사용했던 input태그의 $delete_link = '<a href="process_delete.php?id=' . $_GET['id'] . '">delete</a>';이 부분의 GET방식으로 POST로 변경할 수 없다. URL의 매개변수 id값을 가져오는 매개변수이기에 POST를 하면 웹브라우저 상 오류가 검출된다. 따라서 우리는 form태그를 이용해서 해당 delete를 진행 할 때 POST로 형식으로 submit하고 내부에서 값을 가져오는 input태그 GET을 사용해야 한다. 이제 process_delete.php를 살펴보자 코드는 아래와 같다.

<?php
mysqli_report(MYSQLI_REPORT_OFF);
$conn = mysqli_connect(
  'localhost',
  'root',
  '1024',
  'phpmysql'
);
//settype을 사용하는 이유는 $_POST의 id값을 정수로 고정하기 위한 함수이다.
settype($_POST['id'], 'integer');
// 여기 array의 역할에서 id 배열을 추가해준다. 여기서 filtered의 역할은?
$filtered = array(
  'id' => mysqli_real_escape_string($conn, $_POST['id']),
);

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

$sql

UPDATE명령어와는 달리 특정 스키마를 지정하면 된다. DLETE라는 명령어를 삽입하고 특정 위치의 값을 지정하면 된다. 다른 process에 비해선 간단하게 구성이 되어 있으니 어려움은 크게 없다. 이제 브라우저에서 웹을 실행 시켰을 때 sql의 topic TABLE은 아래와 같다.

MariaDB [phpmysql]> SELECT * FROM topic;
+----+-------------+--------------------+---------------------+
| id | title       | description        | created             |
+----+-------------+--------------------+---------------------+
|  8 | MySQL       | MySQL is ...       | 2023-10-06 13:54:47 |
|  9 | Oracle      | Oracle is ...      | 2023-10-06 13:55:01 |
| 10 | SQL Servera | SQL Servera is ... | 2023-10-06 13:55:20 |
| 11 | MongoDB     | MongoDB is ...     | 2023-10-06 13:55:32 |
| 12 | MariaDB     | MariaDB is ...     | 2023-10-09 21:28:45 |
| 14 | myWord      | Hello, Word        | 2023-10-11 16:04:12 |
+----+-------------+--------------------+---------------------+
6 rows in set (0.000 sec)

728x90

저작자표시

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

🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 수정과 삭제 (0)	2023.10.16
🐬MySQL&🐘PHP : 돌고래와 코끼리의 새로운 구성과 생성 (1)	2023.10.14
🐬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' 카테고리의 다른 글

티스토리툴바