怎么写一个微信小程序访问到php 的mysql 数据库,获取存入的温湿度数据根据数据库表的时间展现出温湿度变化曲线
时间: 2024-04-21 18:26:04 浏览: 172
微信小程序mysql库和表数据
要实现微信小程序访问到PHP的MySQL数据库,需要按照以下步骤进行:
1. 在PHP服务器上创建一个API接口,用于从MySQL数据库中获取温湿度数据。可以使用PHP的数据库操作类库,如PDO或MySQLi来操作数据库。
2. 在小程序中编写代码,使用wx.request函数向PHP API接口发送请求,获取数据库中存储的温湿度数据。可以使用wxCharts库来绘制温湿度变化曲线。
下面是一个简单的示例代码:
PHP API接口:
```php
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
$conn = new mysqli($servername, $username, $password, $dbname);
// 查询温湿度数据
$sql = "SELECT * FROM temperature_humidity ORDER BY time DESC LIMIT 100";
$result = $conn->query($sql);
$data = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$data[] = array(
'time' => $row['time'],
'temperature' => $row['temperature'],
'humidity' => $row['humidity']
);
}
}
// 返回JSON数据
header('Content-Type: application/json');
echo json_encode($data);
?>
```
小程序代码:
```javascript
// 发送请求获取温湿度数据
wx.request({
url: 'http://example.com/api.php',
success: function(res) {
var data = res.data;
// 绘制温湿度变化曲线
var chart = new wxCharts({
canvasId: 'temperature-humidity-canvas',
type: 'line',
categories: data.map(function(item) {
return item.time;
}),
series: [{
name: '温度',
data: data.map(function(item) {
return item.temperature;
})
}, {
name: '湿度',
data: data.map(function(item) {
return item.humidity;
})
}],
yAxis: {
title: '温湿度'
},
width: 400,
height: 300
});
}
});
```
在以上示例代码中,需要替换相应的数据库连接信息和API接口地址。同时,需要在小程序的配置文件app.json中添加网络请求地址的白名单,以允许小程序访问该API接口。
以上就是一个简单的微信小程序访问PHP的MySQL数据库并展现温湿度变化曲线的实现方式。
阅读全文