PHP フォーム処理: フォーム データ グラフの表示と統計

PHP フォーム処理: フォーム データ グラフの表示と統計

Web 開発では、フォームはデータ対話の一般的な方法です。ユーザーがフォームに記入して送信した後、ユーザーの行動をより深く理解し、意思決定を行うために、通常はフォーム データを処理および分析する必要があります。この記事では、PHPを使用してフォームデータを処理し、グラフを使用してデータを表示および統計する方法を紹介します。

1. フォーム データの受信
まず、フォームを含む HTML ページを作成し、フォームの送信時に呼び出される PHP スクリプトを設定する必要があります。 PHP スクリプトでは、フォームのメソッド属性に応じて、$_POST または $_GET を使用してフォーム データを受信します。たとえば、POST メソッドで送信されたフォームの場合、次のコードを使用してデータを受信できます。

$name = $_POST['name'];
$email = $_POST['email'];

2. データの保存
フォーム データを受信した後、データを保存することを選択できます。データベース内のデータ。ここでは、MySQL データベースを例として、mysqli 関数を使用して接続し、データを保存します。以下はサンプル コードです:

// 连接数据库
$host = 'localhost';
$user = 'username';
$password = 'password';
$database = 'dbname';
$conn = mysqli_connect($host, $user, $password, $database);

// 插入数据
$query = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
mysqli_query($conn, $query);
mysqli_close($conn);

3. グラフの表示と統計
データをデータベースに保存した後、データベースにクエリを実行してデータを分析することでグラフを生成できます。ここでは、一般的に使用される PHP グラフ ライブラリである Chart.js を紹介します。

まず、Chart.js スクリプト ファイルを HTML ページに導入する必要があります。最新バージョンは、Chart.js 公式 Web サイト (https://www.chartjs.org) からダウンロードできます。次に、次のコードを使用してヒストグラムを生成します。

<canvas id="myChart"></canvas>
<script>
    // 获取数据
    <?php
        $query = "SELECT * FROM users";
        $result = mysqli_query($conn, $query);
        $data = array();
        while ($row = mysqli_fetch_assoc($result)) {
            $data[] = $row;
        }
        mysqli_close($conn);
        echo "var data = " . json_encode($data) . ";";
    ?>

    // 绘制图表
    var ctx = document.getElementById('myChart').getContext('2d');
    var chart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: data.map(function(item) {
                return item.name;
            }),
            datasets: [{
                label: '表单数据统计',
                data: data.map(function(item) {
                    return item.email;
                }),
                backgroundColor: 'rgba(75, 192, 192, 0.2)',
                borderColor: 'rgba(75, 192, 192, 1)',
                borderWidth: 1
            }]
        },
        options: {
            scales: {
                y: {
                    beginAtZero: true
                }
            }
        }
    });
</script>

上記のコードでは、まず PHP を通じてデータベースにクエリを実行し、データを取得します。次に、クエリ結果を JSON 形式に変換し、データを JavaScript に渡します。最後に、Chart.js API を使用してヒストグラムを生成し、データをグラフにバインドします。

概要
この記事では、PHP を通じてフォーム データを処理し、Chart.js ライブラリを使用してグラフ表示と統計を生成する方法を紹介します。これらのテクノロジーを合理的に活用することで、ユーザーの行動をより適切に分析および理解し、意思決定を強力にサポートすることができます。この記事があなたの Web 開発作業に役立つことを願っています。

以上がPHP フォーム処理: フォーム データ グラフの表示と統計の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。