PHP+MySQLで家計簿システム開発#9【選択項目の更新と削除】

<button onclick="onClickUpdate();"><i class="fa-solid fa-pen"></i></button> <!--onclick属性のみ表示-->

const onClickUpdate = () => {
  const itemAddElement = document.getElementById('itemAddElement'); //追加formを取得
  const itemEditElement = document.getElementById('itemEditElement'); //更新formを取得
  itemAddElement.classList.add('hide'); //追加formにhideクラスを付与
  itemEditElement.classList.add('show'); //更新formにshowクラスを付与
}

  const updateId = document.getElementById('updateId'); //type=hiddenのidをセットするinputを取得する
  const updateName = document.getElementById('updateName'); //更新項目入力要素を取得する
  updateId.value = id; //idをセットするinputのvalueに引数idを挿入する
  updateName.value = name; //更新入力inputに引数nameを挿入する

const onClickUpdate = (id, name) => {
//処理内容省略
}

 <button onclick="onClickUpdate('<?php echo h($id); ?>', '<?php echo h($name); ?>');"> <!--onclick属性のみ表示-->

<!--124行目付近-->
<input type="hidden" name="id" id="updateId" value="">
<input type="hidden" name="editItem" value="<?php echo $editItem; ?>"> <!--valueに値を追加-->

<?php
require_once('./dbconnect.php');
include_once('./functions.php');

<form class="p-form p-form--cat-edit" id="itemEditElement" action="./item-update.php" method="POST">

$table_list = ['spending_category', 'income_category', 'payment_method', 'creditcard', 'qr'];

$id = filter_input(INPUT_POST, 'id', FILTER_SANITIZE_SPECIAL_CHARS);
$editItem = filter_input(INPUT_POST, 'editItem', FILTER_SANITIZE_NUMBER_INT);
$name = filter_input(INPUT_POST, 'name', FILTER_SANITIZE_SPECIAL_CHARS);

$table_name = $table_list[$editItem];

$sql = "UPDATE {$table_name} SET name=? WHERE id=?";
$stmt = $db->prepare($sql);
$stmt->bind_param('si', $name, $id);

if (!$stmt) :
  header('Location: ./item-edit.php?editItem=' . $editItem . '&dataOperation=error');
  exit();
endif;

$success = $stmt->execute();

if (!$success) :
  header('Location: ./item-edit.php?editItem=' . $editItem . '&dataOperation=error');
  exit();
endif;

header('Location: ./item-edit.php?editItem=' . $editItem . '&dataOperation=update');
exit();

<!-- 操作完了コンテンツ -->
<?php if ($_GET['dataOperation'] && ($_GET['dataOperation'] === 'delete' || $_GET['dataOperation'] === 'update' || $_GET['dataOperation'] === 'error')) : ?>
  <section class="p-section p-section__full-screen" id="doneOperateBox">
    <div class="p-message-box <?php echo ($_GET['dataOperation'] === 'error') ? 'line-red' : 'line-blue'; ?>">
      <p id="doneText">
        <?php
        if ($_GET['dataOperation'] === 'error') :
          echo '正しく処理されませんでした';
        elseif ($_GET['dataOperation'] === 'delete') :
          echo '削除しました';
        elseif ($_GET['dataOperation'] === 'update') :
          echo '更新しました';
        endif;
        ?>
      </p>
      <button class="c-button <?php echo ($_GET['dataOperation'] === 'error') ? 'c-button--bg-darkred' : 'c-button--bg-blue'; ?>" onclick="onClickOkButton();">OK</button>
    </div>
  </section>
<?php endif; ?>
<!-- //操作完了コンテンツ -->

const onClickOkButton = (param) => { //引数追加
  const url = new URL(window.location.href);
  url.searchParams.delete('dateOperation');
  history.pushState('', '', url.pathname + param); //第三引数をパラメータ前までのURLに引数（パラメータ）を足したものに指定
  location.reload(); 
}

<!--index.php 54行目付近-->
<button class="c-button <?php echo ($_GET['dataOperation'] === 'error') ? 'c-button--bg-darkred' : 'c-button--bg-blue'; ?>" onclick="onClickOkButton('');">OK</button>

<!--item-edit.php 74行目付近-->
<button class="c-button <?php echo ($_GET['dataOperation'] === 'error') ? 'c-button--bg-darkred' : 'c-button--bg-blue'; ?>" onclick="onClickOkButton('?editItem=<?php echo $editItem; ?>');">OK</button>

<!--115行目付近-->
<a id="<?php echo 'item' . h($id); ?>" onclick="deleteConfirm('<?php echo h($name); ?>','<?php echo 'item' . h($id); ?>');">

<!--index.phpの削除ボタン 300行目付近と410行目付近(スマホ表示用)-->
<a href='./delete.php?id=<?php echo h($id); ?>&from=index'>

<!--item-edit.phpの削除ボタン 115行目付近-->
<a href='./delete.php?id=<?php echo h($id); ?>&from=item-edit'>

//書き換え前
if (isset($_GET['id'])) :
  $id = $_GET['id'];

//修正後
if (isset($_GET['id']) && isset($_GET['from'])) :
  $id = $_GET['id'];

//index.phpの削除ボタンが押されたときの処理

//書き換え前
  $sql = 'DELETE FROM records WHERE id = ?';
  $stmt = $db->prepare($sql);
  $stmt->bind_param('i', $id);

//書き換え後
if ($_GET['from'] === 'index') :
  $backpage = $_GET['from'] . '.php?';
  $sql = 'DELETE FROM records WHERE id = ?';
  $stmt = $db->prepare($sql);
  $stmt->bind_param('i', $id);

<!--115行目付近-->
<a href='./delete.php?id=<?php echo h($id); ?>&from=item-edit&table_number=<?php echo h($editItem); ?>'>

elseif ($_GET['from'] === 'item-edit' && isset($_GET['table_number'])) :
  $table_number = $_GET['table_number'];
  $table_list = ['spending_category', 'income_category', 'payment_method', 'creditcard', 'qr'];
  $table_name = $table_list[$table_number];
  $backpage = $_GET['from'] . '.php?editItem=' . $table_number . '&';
  //SQLの発行
  $sql = "DELETE FROM {$table_name} WHERE id = ?";
  $stmt = $db->prepare($sql);
  $stmt->bind_param('i', $id);

endif;

//書き換え前
header('Location: ./index.php?dataOperation=delete');

//書き換え後
header('Location: ./' . $backpage . 'dataOperation=delete');

//書き換え前
header('Location: ./index.php?dataOperation=error');

//書き換え後
header('Location: ./' . $backpage . 'dataOperation=error');