基于web页面开发串口程序界面---效果

我们看一下基于modobus协议的读取操作，01 03表示读，10 00表示起始位，00 27 表示读取字节数，10 01 表示crc校验码。

上面输入的指令其实是读取系统参数。为了方便使用，开发一个设备系统参数功能，只需要点击按钮就可以了。由于系统参数过多，分成三部分分别读取。

下面就是体现web开发中利用js和html动态生成多组UI的优势了。

读取到传感器数量后，生成每一个传感器的配置UI面板

下文将详细介绍前端html和js实现。