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

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

キーテイクアウト：

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

再利用可能なデータベース接続スクリプトを開発します
• フォームデータを処理してデータベースに挿入するためのPHPファイルを構築します。
一般的なエラーのためのトラブルシューティングガイダンスを提供しています
• パート1要約：
グラフライブラリを含むベースプラグインをロードしました。

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

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

1. パート2要約：
プレースホルダーショートコードを備えた空白の投稿を作成しました
4. WordPressを使用してショートコードを登録しました
データストレージ用のデータベーステーブルを作成しました。

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

（in
1. ＆gt;
）を開き、その内容を次のPHPコードに置き換えます。
2. このコードは
を使用してフォームのHTMLを出力します。 フォームは、以前に作成された「追加の腕立て伏せ」投稿に追加されています（
3. ショートコードのみを含む）。 コードを追加した後、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]

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

作成を作成し、このコードを貼り付けます：

<?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

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

要約：

この部分は、フォーム、データベース接続スクリプト、データ処理スクリプトを作成し、徹底的なテストとトラブルシューティングの指示を提供しました。次の部分では、収集されたデータを視覚化するためにグラフライブラリを統合します。

以上がWordPressの応答性のあるリアルタイムグラフ：フォーム処理の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。