如何使用Flask从MySQL获取数据集？

2024-09-29 17:17:46 发布

您现在位置：Python中文网/ 问答频道 /正文
3436 3

我使用Arduino将传感器数据发送到Raspberry pi（如温度、湿度、烟雾级别等），Raspberry pi将其存储并提交到MySQL数据库。我现在使用Flask在web服务器上显示数据集

在我的python代码中，我可以访问数据库

def getTemps():
  cursor = dbConn.cursor()
  result = cursor.execute(sql)
  if result > 0:
    tempDetails = curcor.fetchall()
  return render_template("temp.html", tempDetails=tempDetails)

现在，我可以在html的表格中显示它们，如下所示

{% for data in tempDetails %}
<tr>
  <td>{{ data[0] }}</td>
  <td>{{ data[1] }}</td>
  <td>{{ data[2] }}</td>
  <td>{{ data[3] }}</td>
</tr>
{% endfor %}

备注：数据[0]是id，数据[1]是温度，数据[2]是湿度，数据[3]是时间戳

然而，我也想将它们放在一个图表中，我尝试使用Chart.js，但我不确定如何将我的温度（和或湿度）列表放在数据集中

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {
        labels: [/* I want to display each timestamp*/],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: [/* in here should i use the {% for data in tempDetails %} for loop again?*/]
        }]
    },

    // Configuration options go here
    options: {}
});

任何帮助都将不胜感激！！！干杯


Tags： 数据in数据库fordatahtmlpiresult
1条回答
网友
1楼 · 发布于 2024-09-29 17:17:46

也许这有助于将数据从flask传递到js:How can I pass data from Flask to JavaScript in a template?

引述： “您可以在模板中的任何位置使用{{variable}}，而不仅仅是在HTML部分。因此这应该可以：

<html>
        <head>
          <script>
            var someJavaScriptVar = '{{ geocode[1] }}';
      </script>
    </head>
    <body>
      <p>Hello World</p>
      <button onclick="alert('Geocode: {{ geocode[0] }} ' + someJavaScriptVar)" />
    </body>
</html>

"

相关问题 更多 >

    编程相关推荐

    热门问题