Bagaimana untuk menggambarkan data JSON menggunakan PHP dan MySQL?-tutorial php-php.cn

Bagaimana untuk menggambarkan data JSON menggunakan PHP dan MySQL?

王林

Lepaskan： 2023-07-12 18:10:01

asal

1399 orang telah melayarinya

Bagaimana untuk menggambarkan data JSON menggunakan PHP dan MySQL?

Ikhtisar:
Dalam dunia dipacu data hari ini, visualisasi data telah menjadi bahagian yang sangat penting. Melalui visualisasi data, kita boleh memahami dan menganalisis data dengan lebih intuitif. Sebagai format pertukaran data yang ringan, JSON digunakan secara meluas dalam penghantaran dan penyimpanan data. Artikel ini akan memperkenalkan cara menggunakan PHP dan MySQL untuk menukar data JSON kepada carta visual untuk lebih memahami dan memaparkan data tersebut.

1. Persediaan
Sebelum bermula, kita perlu memastikan bahawa kita telah memasang PHP dan MySQL dan mempunyai persekitaran pembangunan asas.

2 Buat pangkalan data dan jadual
Pertama, kita perlu mencipta pangkalan data dan jadual untuk menyimpan data JSON. Dalam baris arahan MySQL, laksanakan pernyataan berikut:

CREATE DATABASE json_visualization;
USE json_visualization;
CREATE TABLE data (
    id INT AUTO_INCREMENT PRIMARY KEY,
    json_data JSON
);

Salin selepas log masuk

Di sini kami mencipta pangkalan data bernama json_visualization, yang mengandungi jadual bernama data, yang digunakan untuk menyimpan data JSON. json_visualization的数据库，其中包含了一张名为data的表，用来存储JSON数据。

三、插入JSON数据
接下来，我们向data表中插入一些JSON数据，以便后续可视化时使用。执行以下语句插入数据：

INSERT INTO data (json_data) VALUES
    ('{"name": "John Smith", "age": 30, "city": "New York"}'),
    ('{"name": "Jane Doe", "age": 25, "city": "London"}'),
    ('{"name": "Tommy Lee", "age": 40, "city": "Los Angeles"}');

Salin selepas log masuk

四、使用PHP读取并处理JSON数据
接下来，我们使用PHP从MySQL数据库中读取JSON数据，并对其进行处理。创建一个名为index.php的文件，并添加以下代码：

<?php

$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = 'password';
$dbname = 'json_visualization';

$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname);

if (mysqli_connect_errno()) {
    die("Failed to connect to MySQL: " . mysqli_connect_error());
}

$query = "SELECT json_data FROM data";
$result = mysqli_query($conn, $query);

$data = array();
while ($row = mysqli_fetch_assoc($result)) {
    $data[] = json_decode($row['json_data'], true);
}

mysqli_close($conn);

?>

Salin selepas log masuk

在这段代码中，我们首先建立了与MySQL数据库的连接。然后，执行查询语句，获取到data表中的JSON数据。之后，通过json_decode函数将JSON字符串解析为PHP数组，并将其存储到$data数组中。

五、使用数据可视化工具展示数据
现在，我们已经成功地将JSON数据读取并保存到了$data数组中。接下来，我们可以使用数据可视化工具来展示这些数据。这里我们将使用Chart.js来创建图表。在index.php文件中添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>JSON Visualization</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <canvas id="chart"></canvas>
    <script>
        var ctx = document.getElementById('chart').getContext('2d');
        var chart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: <?php echo json_encode(array_column($data, 'name')); ?>,
                datasets: [{
                    label: 'Age',
                    data: <?php echo json_encode(array_column($data, 'age')); ?>
                }]
            },
            options: {
                scales: {
                    y: {
                        beginAtZero: true
                    }
                }
            }
        });
    </script>
</body>
</html>

Salin selepas log masuk

在这段代码中，我们首先引入了Chart.js的库文件，然后在页面中创建了一个canvas元素，用于展示图表。

接下来，在<script>标签中，使用new Chart创建了一个柱状图。通过调用json_encode函数，将存储在$data数组中的数据转换为JSON格式，并将其作为图表的标签和数据。

最后，我们通过options属性来配置图表的选项，例如Y轴从0开始。

六、运行和访问结果
将index.php文件保存到PHP服务器的根目录下，并运行服务器。在浏览器中访问http://localhost/index.php

3 Sisipkan data JSON

Seterusnya, kami memasukkan beberapa data JSON ke dalam jadual data untuk kegunaan seterusnya dalam visualisasi. Jalankan pernyataan berikut untuk memasukkan data:
rrreee

4. Gunakan PHP untuk membaca dan memproses data JSON 🎜 Seterusnya, kami menggunakan PHP untuk membaca data JSON daripada pangkalan data MySQL dan memprosesnya. Cipta fail bernama index.php dan tambah kod berikut: 🎜rrreee🎜Dalam kod ini, kami mula-mula mewujudkan sambungan ke pangkalan data MySQL. Kemudian, laksanakan pernyataan pertanyaan untuk mendapatkan data JSON dalam jadual data. Selepas itu, rentetan JSON dihuraikan ke dalam tatasusunan PHP melalui fungsi json_decode dan disimpan dalam tatasusunan $data. 🎜🎜5 Gunakan alat visualisasi data untuk memaparkan data🎜Kini, kami telah berjaya membaca dan menyimpan data JSON ke dalam tatasusunan $data. Seterusnya, kita boleh menggunakan alat visualisasi data untuk memaparkan data ini. Di sini kita akan menggunakan Chart.js untuk mencipta carta. Tambahkan kod berikut pada fail index.php: 🎜rrreee🎜Dalam kod ini, kami mula-mula memperkenalkan fail perpustakaan Chart.js, dan kemudian mencipta

kanvas dalam kod halaman> elemen, digunakan untuk memaparkan carta. 🎜🎜Seterusnya, dalam teg <script>, gunakan Carta baharu untuk mencipta histogram. Dengan memanggil fungsi json_encode, data yang disimpan dalam tatasusunan $data ditukar kepada format JSON dan digunakan sebagai label dan data carta. 🎜🎜Akhir sekali, kami mengkonfigurasi pilihan carta melalui atribut options, contohnya, paksi Y bermula dari 0. 🎜🎜6 Menjalankan dan mengakses hasil🎜Simpan fail index.php ke direktori akar pelayan PHP dan jalankan pelayan. Lawati http://localhost/index.php dalam penyemak imbas, dan anda boleh melihat histogram yang menunjukkan data JSON. 🎜🎜7 Ringkasan🎜Artikel ini memperkenalkan cara menggunakan PHP dan MySQL untuk menukar data JSON kepada paparan carta visual untuk memahami dan memaparkan data dengan lebih baik. Dengan mencipta pangkalan data dan jadual, memasukkan data JSON, menggunakan PHP untuk membaca data, dan kemudian menggunakan alat seperti Chart.js untuk visualisasi, kami boleh mencapai paparan visual data dengan mudah. Ini membantu kami memahami dan menganalisis data dengan lebih baik untuk membuat keputusan yang lebih termaklum. Semoga artikel ini bermanfaat kepada anda. 🎜

Atas ialah kandungan terperinci Bagaimana untuk menggambarkan data JSON menggunakan PHP dan MySQL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!