如何创建显示动态数据的网页



我有一个微控制器,它可以监测4个不同的传感器变量(温度、压力、重量、速度(,每个变量都以不同的速率读取。微控制器还运行一个轻量级的网络服务器。我想创建一个简单的网页,这样当客户端连接到Web服务器时,它将显示4个变量的值。虽然我对HTML有些熟悉,但我不知道如何用数据填充网页
我正在寻找一些关于如何做到这一点的建议。

其次,我知道显示的页面是静态的。当读取一个新值时,页面会用该值更新,这怎么能使它成为动态的呢。

我确信有"标准"的方法可以做到这一点,但我不知道这些机制被称为什么,也不知道它们是如何工作的。非常感谢任何指导谢谢J

  1. 也许SSI(SServerSideI包含(是在HTML页面中显示动态数据所需要的。通常,用于微控制器的轻量级Web服务器已经实现了这一功能。

  2. 您需要自己实现Web 2.0功能来扩展您的轻量级Web服务器。对于客户端,您可以使用Socket.IO 中的js库

或者,您可以让socket.io服务器(通过python(播放此web 2.0功能,您的微控件只需通过JSON API将其数据更新到web服务器即可。然后socket.io服务器将接收到的数据更新到客户端。这是我在以前的MCU项目中所做的。

最新更新