PHP表單處理：表單資料圖表展示與統計

PHP表單處理：表單資料圖表展示與統計

在網路開發中，表單是常見的資料互動方式。當使用者填寫表單並提交後，我們通常需要對表單資料進行處理和分析，以便更好地理解使用者行為和做出決策。本文將介紹如何使用PHP處理表單數據，並以圖表顯示和統計數據。

一、接收表單資料
首先，我們需要建立一個包含表單的HTML頁面，並設定提交表單時呼叫的PHP腳本。在PHP腳本中，我們使用$_POST或$_GET來接收表單數據，具體根據表單的method屬性決定。例如，如果是POST方法提交的表單，可以使用以下程式碼來接收資料：

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

二、儲存資料
接收到表單資料後，我們可以選擇將資料儲存在資料庫中。這裡以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);

三、圖表展示與統計
在將資料儲存到資料庫後，我們可以透過查詢資料庫並對資料進行分析來產生圖表。這裡我們介紹一個常用的PHP圖表庫—Chart.js。

首先，我們需要在HTML頁面中引入Chart.js的腳本檔案。最新版本可從Chart.js官方網站（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庫來產生圖表展示與統計。透過合理利用這些技術，我們能夠更好地分析和理解使用者行為，為決策提供強大的支援。希望本文對你的網頁開發工作有幫助！

以上是PHP表單處理：表單資料圖表展示與統計的詳細內容。更多資訊請關注PHP中文網其他相關文章！