PHPでクリックして変更編集機能を実装する方法
Web 開発テクノロジーの継続的な発展に伴い、フロントエンド ユーザーにデータを直接編集する機能を提供する必要のある Web アプリケーションがますます増えています。この目標を達成するには、開発者は PHP を使用して関連するリクエストをサーバーに送信し、データを更新、挿入、または削除する方法を学ぶ必要があります。この記事で紹介する方法は、ページを更新するためにジャンプしたり更新したりすることなく、編集ボタンをクリックしてブラウザ内で直接データを変更する方法です。
ディレクトリ
- データ変更の準備作業
- クリック編集の実現
- データ変更の処理
- 完成コード
データ変更の準備
#開始する前に、サーバー上で編集する必要があるデータの場所を決定する必要があります。たとえば、users という名前のテーブル内のレコードを編集する必要がある場合、次のコードを使用してデータベースに接続し、データをクエリできます。
// 连接数据库 $pdo = new PDO('mysql:host=localhost;dbname=test', 'username', 'password'); // 查询指定 ID 的用户数据 $id = $_GET['id']; $stmt = $pdo->prepare('SELECT * FROM users WHERE id = ?'); $stmt->execute([$id]); $user = $stmt->fetch();
データを取得した後、それを次の場所に追加する必要があります。ユーザー編集用にレンダリングされたページ。ここで注意する必要があるのは、編集する必要があるフィールドごとに入力要素を追加する必要があり、その値が現在のフィールドの値である必要があるということです。同時に、各入力要素の後に「確認」ボタンを追加して、ユーザーが変更を送信できるようにします。
<form action="update.php" method="post"> <input type="hidden" name="id" value="<?php echo $user['id']; ?>"> <label>用户名:</label> <input type="text" name="username" value="<?php echo $user['username']; ?>"> <button type="submit">确认</button> </form>
クリック編集の実装
ユーザーが編集ボタンをクリックできるようにするには、「変更」リンクを追加し、クリック時に編集フォームを開く必要があります。ここでは、この機能を実装するために JavaScript が使用されています。
まず、「変更」リンクのクリック イベント リスナーを追加し、ユーザーがクリックしたときに showEditor 関数を呼び出す必要があります。
<a href="#" onclick="showEditor()">修改</a>
次に、showEditor 関数を定義して、ユーザーがデータを編集するためのフォーム要素:
function showEditor() { var form = document.createElement('form'); form.method = 'post'; form.action = 'update.php'; form.innerHTML = ` <input type="hidden" name="id" value="<?php echo $user['id']; ?>"> <label>用户名:</label> <input type="text" name="username" value="<?php echo $user['username']; ?>"> <button type="submit">确认</button> `; document.body.appendChild(form); }
ここで注意する必要があるのは、フォーム要素を作成した後、それをページ (ここでは body 要素) に追加する必要があることです。ユーザーがコンテンツを表示および編集できるようにします。
変更されたデータの処理
ユーザーが「確認」ボタンをクリックすると、データ更新操作のためにフォーム データがサーバーの update.php ファイルに送信されます。ここでは、最初にフォーム データを取得し、PDO を使用して更新ステートメントを実行する必要があります。
// 连接数据库 $pdo = new PDO('mysql:host=localhost;dbname=test', 'username', 'password'); // 获取表单数据 $id = $_POST['id']; $username = $_POST['username']; // 更新用户数据 $stmt = $pdo->prepare('UPDATE users SET username = ? WHERE id = ?'); $stmt->execute([$username, $id]);
データ更新が完了したら、必要に応じてユーザーを他のページにリダイレクトしたり、「変更成功」を表示したりできます。現在のページのヒント。
echo '修改成功!';
完全なコード
サンプル コードは次のとおりです:
prepare('SELECT * FROM users WHERE id = ?'); $stmt->execute([$id]); $user = $stmt->fetch(); ?> <a href="#" onclick="showEditor()">修改</a> <script> // showEditor 函数 function showEditor() { var form = document.createElement('form'); form.method = 'post'; form.action = 'update.php'; form.innerHTML = ` <input type="hidden" name="id" value="<?php echo $user[&#39;id&#39;]; ?>"> <label>用户名:</label> <input type="text" name="username" value="<?php echo $user[&#39;username&#39;]; ?>"> <button type="submit">确认</button> `; document.body.appendChild(form); } </script>
<!-- update.php --> <?php // 连接数据库 $pdo = new PDO('mysql:host=localhost;dbname=test', 'username', 'password'); // 获取表单数据 $id = $_POST['id']; $username = $_POST['username']; // 更新用户数据 $stmt = $pdo->prepare('UPDATE users SET username = ? WHERE id = ?'); $stmt->execute([$username, $id]); // 显示成功消息 echo '修改成功!'; ?>
この記事では、編集ボタンをクリックしてブラウザでデータを直接変更する方法を学びました。データのセキュリティを確保するには、不必要なセキュリティ リスクを回避するために、必要な検証ロジックをコードに追加する必要があることに注意してください。最後に、この記事が PHP Web 開発者に役立つことを願っています。
以上がPHPでクリックして変更編集機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、PHPおよび緩和戦略におけるOWASPトップ10の脆弱性について説明します。重要な問題には、PHPアプリケーションを監視および保護するための推奨ツールを備えたインジェクション、認証の壊れ、XSSが含まれます。

PHP 8のJITコンピレーションは、頻繁に実行されるコードをマシンコードにコンパイルし、重い計算でアプリケーションに利益をもたらし、実行時間を短縮することにより、パフォーマンスを向上させます。

この記事では、コードインジェクションのような脆弱性を防ぐために、PHPファイルのアップロードを確保することについて説明します。ファイルタイプの検証、セキュアストレージ、およびアプリケーションセキュリティを強化するエラー処理に焦点を当てています。

この記事では、PHPの対称的および非対称暗号化について説明し、適合性、パフォーマンス、セキュリティの違いを比較しています。対称暗号化はより速く、バルクデータに適していますが、非対称は安全なキー交換に使用されます。

この記事では、不正アクセスを防ぎ、ベストプラクティスの詳細、セキュリティ強化ツールの推奨を防ぐために、PHPで堅牢な認証と承認の実装について説明します。

この記事では、Token BucketやLeaky BucketなどのアルゴリズムやSymfony/Rate-Limiterなどのライブラリを使用するなど、PHPでAPIレート制限を実装するための戦略について説明します。また、監視、動的に調整されたレートの制限、および手をカバーします

この記事では、CSRFトークン、同じサイトCookie、適切なセッション管理など、PHPでのCSRF攻撃を防ぐための戦略について説明します。

記事では、組み込み関数、ホワイトリストアプローチ、サーバー側の検証などの手法に焦点を当てたセキュリティを強化するためのPHP入力検証のベストプラクティスについて説明します。
