WordPressの応答性のあるリアルタイムグラフ：フォーム処理-＆＃＆プレス-php.cn

WordPressの応答性のあるリアルタイムグラフ：フォーム処理

Jennifer Aniston

リリース： 2025-02-20 09:19:09

オリジナル

742 人が閲覧しました

このチュートリアルは、トレーニングトラッカーを例として使用して、データ収集用のWordPressフォームを構築する方法を示しています。フォームは、腕立て伏せ、ワークアウト日、ユーザーログインの詳細を収集します。データベース接続スクリプトは、複数のファイルにわたってデータベース資格管理を改善します。 PHPファイルはデータを形成し、データベース挿入のために準備します。トラブルシューティングのヒントとリソースが提供されています

キーテイクアウト：

データ入力用のWordPressフォームを作成します（腕立て伏せ、日付、ユーザー）。

フォームデータを処理してデータベースに挿入するためのPHPファイルを構築します。
パート1要約：

FTPを介して空白のPHPファイルをアップロードしました カスタムPHPファイルを見つけるようにWordPressを構成しました。

基本的なWordPress Admin Functionsを導入しました

パート2要約：
WordPressを使用してショートコードを登録しました

このセクションでは、データ収集フォームの作成に焦点を当てています。既存のデータベースデータを使用しても、このセクションのレビューは、グラフプラグインのデータベースクエリとデータフォーマットに進む前に有益です。これは初心者にとって特に役立ちます。この例ではワークアウトトラッカーを使用していますが、原則は他のアプリケーションに適応できます。ステップ1：プッシュアップフォームの構築このステップは、腕立て伏せのトレーニングを記録するためのシンプルなフォームを構築します。

＆gt;
このコードは
ショートコードのみを含む）。コードを追加した後、WPキャッシュをクリアして変更を確認してください。

フォームを送信する（まだ機能していないが）次の処理ステップへのデータ送信を示します。スタイリングは後で追加できます。

ステップ2：データベース情報スクリプトの作成

ベストプラクティスは、データベースの資格情報をスクリプトから分離することを決定します。これにより、複数のファイルのアクセスが高速化されます。次のコードを使用してcustom-workout.phpを作成し、ブラケットの値をデータベースの資格情報に置き換えます（ホスティングプロバイダーから取得できます）：Plugins Editor このファイルを

フォルダーにアップロードします。

<?php
function pushups() {
    get_currentuserinfo();
    $current_user = wp_get_current_user();
    $wpuser = $current_user->user_login;
    $currentpage = $_SERVER['REQUEST_URI'];
    echo '[Login]('.$currentpage.') to start adding pushups!';
    echo '[Register]('.$currentpage.') if you have not already.';
    echo '<form method="get" action="add_pushups.php">';
    echo '<label>Number of Pushups: <input type="number" name="pushups_count"></label><br>';
    echo '<label>Date of Workout: <input type="date" name="pushups_date"></label><br>';
    echo '<input type="hidden" name="pushups_wpuser" value="'.$wpuser.'">';
    echo '<input type="hidden" name="current_page" value="'.$currentpage.'">';
    echo '<input type="submit" value="Submit">';
    echo '</form>';
    echo '---';
}
add_shortcode('pushups_sc', 'pushups');
?>

ログイン後にコピー

echoステップ3：php [pushups_sc]

でフォームデータを処理します

作成 Responsive, Real-Time Graphs in WordPress: Form Processing を作成し、このコードを貼り付けます：

<?php
function pushups() {
    get_currentuserinfo();
    $current_user = wp_get_current_user();
    $wpuser = $current_user->user_login;
    $currentpage = $_SERVER['REQUEST_URI'];
    echo '[Login]('.$currentpage.') to start adding pushups!';
    echo '[Register]('.$currentpage.') if you have not already.';
    echo '<form method="get" action="add_pushups.php">';
    echo '<label>Number of Pushups: <input type="number" name="pushups_count"></label><br>';
    echo '<label>Date of Workout: <input type="date" name="pushups_date"></label><br>';
    echo '<input type="hidden" name="pushups_wpuser" value="'.$wpuser.'">';
    echo '<input type="hidden" name="current_page" value="'.$currentpage.'">';
    echo '<input type="submit" value="Submit">';
    echo '</form>';
    echo '---';
}
add_shortcode('pushups_sc', 'pushups');
?>

ログイン後にコピー

このファイルは、

を使用してフォームデータを取得し、日付をUNIXタイムスタンプに変換し、データをデータベースに挿入します。コメントアウトされた$_GETステートメントは、データベース接続の問題をデバッグするのに役立ちます。このファイルをecho。plugins/flot-for-wp/flotにアップロードします

あなたの仕事をチェックしてトラブルシューティング

フォームをテストします。リダイレクトが機能しない場合は、コードを注意深く確認してください。問題を特定するには、デバッグ

ステートメントを使用します。一般的な問題には、タイプミスと誤ったデータベース接続の詳細またはヘッダーの位置構文が含まれます。データ挿入が成功した後、phpmyadminのデータを確認します echo

Responsive, Real-Time Graphs in WordPress: Form Processing 覚えておいてください、トラブルシューティングは開発の通常の部分です。オンラインリソース（Stack Overflow、Google）とコメントセクションを使用して支援を使用してください。