拉取数据并在网络浏览器上显示的方法

Question

请看下面我的项目架构。

我打算使用 Arduino 作为 Web 服务器并将数据拉入我的 PC 的 SQL 数据库。我已经安装了 XAMPP，所以我的电脑上运行着 apache 服务器和 MySQL。我已经验证来自 Arduino 的数据正在更新 SQL DB 中的表。

问题：

我不是网络开发人员，我一直在探索从 SQL 数据库中提取数据并将其显示在网页上的不同方法。

我的要求：

1. 从 SQL 数据库中提取实时数据（在更新时）并将其显示在网页上
2. 在需要时绘制来自数据库的记录参数图表。我知道Flot 是一个可以做到这一点的工具。
3. 制作如上图所示的绘图并使用动态值（数字）或更改对象的颜色（例如绿色/红色）填充它

到目前为止我遇到的方法

1. 使用 PHP 拉取数据并显示在网页上。使用 HTML/Javascript/jQuery 创建此类绘图并填充图像和值

2. 使用Python拉取数据并使用HTML/Javascript/jQuery（我只知道其中的HTML）

3. 使用 Visual Basic 直接从 Arduino 中提取数据并以表格形式显示。对于这个选项，我不确定是否可以绘制数据。

这当然是一个广泛的问题，正如我所说，我不是网络开发人员。但我并不着急。我有几个月的时间来投资和学习所涉及的不同语言。

我希望这些答案能引导我找到比我知道的更好的解决方案或选择其中一个或只是指出正负 每个选项

Answer 1

您可以在 JavaScript 中使用 EventSource 从 PHP 或 Python 流式传输 HTML 文档中的数据。