Maison > Article > développement back-end > Comment visualiser des données JSON en utilisant PHP et MySQL ?
Comment visualiser des données JSON en utilisant PHP et MySQL ?
- 王林original
- 2023-07-12 18:09:071322parcourir
Comment visualiser des données JSON en utilisant PHP et MySQL ?
Vue d'ensemble :
Dans le monde actuel axé sur les données, la visualisation des données est devenue un élément très important. Grâce à la visualisation des données, nous pouvons comprendre et analyser les données de manière plus intuitive. En tant que format d'échange de données léger, JSON est largement utilisé dans la transmission et le stockage de données. Cet article explique comment utiliser PHP et MySQL pour convertir les données JSON en graphiques visuels afin de mieux comprendre et afficher les données.
1. Préparation
Avant de commencer, nous devons nous assurer que nous avons installé PHP et MySQL et que nous disposons d'un environnement de développement de base.
2. Créer une base de données et une table
Tout d'abord, nous devons créer une base de données et une table pour stocker les données JSON. Dans la ligne de commande MySQL, exécutez l'instruction suivante :
CREATE DATABASE json_visualization;
USE json_visualization;
CREATE TABLE data (
id INT AUTO_INCREMENT PRIMARY KEY,
json_data JSON
);Ici, nous créons une base de données nommée json_visualization, qui contient une table nommée data, utilisée pour stocker les données 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"}');四、使用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);
?>在这段代码中，我们首先建立了与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>在这段代码中，我们首先引入了Chart.js的库文件，然后在页面中创建了一个canvas元素，用于展示图表。
接下来，在3f1c4e4b6b16bbbd69b2ee476dc4f83a标签中，使用new Chart创建了一个柱状图。通过调用json_encode函数，将存储在$data数组中的数据转换为JSON格式，并将其作为图表的标签和数据。
最后，我们通过options属性来配置图表的选项，例如Y轴从0开始。
六、运行和访问结果
将index.php文件保存到PHP服务器的根目录下，并运行服务器。在浏览器中访问http://localhost/index.php
Ensuite, nous insérons des données JSON dans la table data pour une utilisation ultérieure dans la visualisation. Exécutez l'instruction suivante pour insérer des données :
rrreee
index.php et ajoutez le code suivant : 🎜rrreee🎜Dans ce code, nous établissons d'abord une connexion à la base de données MySQL. Ensuite, exécutez l'instruction de requête pour obtenir les données JSON dans la table data. Ensuite, la chaîne JSON est analysée dans un tableau PHP via la fonction json_decode et stockée dans le tableau $data. 🎜🎜5. Utilisez des outils de visualisation de données pour afficher les données🎜Maintenant, nous avons réussi à lire et à enregistrer les données JSON dans le tableau $data. Ensuite, nous pouvons utiliser des outils de visualisation de données pour afficher ces données. Ici, nous utiliserons Chart.js pour créer des graphiques. Ajoutez le code suivant au fichier index.php : 🎜rrreee🎜Dans ce code, nous avons d'abord introduit le fichier de bibliothèque Chart.js, puis avons créé un canvas dans le code de la page> élément, utilisé pour afficher des graphiques. 🎜🎜Ensuite, dans la balise <code>3f1c4e4b6b16bbbd69b2ee476dc4f83a, utilisez new Chart pour créer un histogramme. En appelant la fonction json_encode, les données stockées dans le tableau $data sont converties au format JSON et utilisées comme étiquette et données du graphique. 🎜🎜Enfin, nous configurons les options du graphique via l'attribut options, par exemple, l'axe Y commence à 0. 🎜🎜6. Exécuter et accéder aux résultats🎜Enregistrez le fichier index.php dans le répertoire racine du serveur PHP et exécutez le serveur. Visitez http://localhost/index.php dans le navigateur et vous pourrez voir un histogramme montrant les données JSON. 🎜🎜7. Résumé🎜Cet article explique comment utiliser PHP et MySQL pour convertir les données JSON en affichage graphique afin de mieux comprendre et afficher les données. En créant des bases de données et des tables, en insérant des données JSON, en utilisant PHP pour lire les données, puis en utilisant des outils tels que Chart.js pour la visualisation, nous pouvons facilement obtenir un affichage visuel des données. Cela nous aide à mieux comprendre et analyser les données pour prendre des décisions plus éclairées. J'espère que cet article vous sera utile. 🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!