在Web浏览器上提取数据和显示的方法

Question

请查看下面的项目架构。

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

问题：

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

我的要求：

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

到目前为止我遇到的方法

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

2. 使用 Python 来提取数据并使用HTML / Javascript / jQuery（我只知道这些中的HTML）

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

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

我希望答案可以指导我找到一个比我知道更好的解决方案或选择其中一个或只指出加号和减号<每个选项的/ em>

Answer 1

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