余弦玩BPI M2 Berry 余弦物联网网关——7基于node-red的UI开发

UI 通过node-red中node-red-dashboard 插件可以快速实现按钮 图表 文本等数据展示和交互等功能
安装插件:
image

按j箭头步奏进行查找安装

然后拖动控件可以开始布局

添加必要的tab 和 group
image

最后将节点放到group
image

对于不同的应用场景,需要不同的传感器执行器,自动控制规则通过node-red编写流程完成,那么界面一般情况下需要一些数字量、模拟量传感器、工业上还会有一些电流信号的传感器,最后就是执行器

最终参考布局

手机浏览器自适应界面效果: