零代码搭建PLC系统的Web HMI(plc平台搭建)

这是花了5分钟做出来的网页端控制PLC案例。

·首先展示一下模拟量的监视和控制。现在PLC的目标位置值是0,把它改成10,确定,PLC的值马上就变成了10。多输入几次可以查看刚才输入值的历史趋势。

·先建一个时间序列的空间,把刚才的值,把PLC的变量复制进来,黏贴,这个值就是刚才输入的值,0、10、20、30、40、50,可以查看过去15分钟,过去一小时的历史趋势。

·假如现在要控制参考位置,同样的把变量的值复制起来,放到这里来,输入90,值就瞬间就更新过来了。这里是PLC的控制入口,这里是PLC的实际值,同样的把刚才的变量复制过来,粘贴进来就是实际的值了。

零代码搭建PLC系统的Web HMI(plc平台搭建)

·也可以控制布尔亮,现在把这个功能改成按钮,纯按钮。假如现在要控制启动,把启动的值先改成0,复制PLC变量到这个位置,按一下马上就变成"1"了。再把它改成0,置0,按一下马上就变成0了。改成按1松0的功能,按住是1,松开是0。

·现在这是按钮的初始状态,把停止变量复制过来粘贴,它马上就变成了灰色。同样的这是一个按钮,就是可以给PLC发送指令。把PLC的变量复制到按钮对应的位置上去,按一下它的值马上变成"1"了,紧接着它的状态也会跟着改变。

·控件的底部还能显示echarts图表,echarts表现在是一个按钮,添加两组数据,刷新一下,把目位置和目标速度放到这个位置,现在给两个数据改变一下,它就跟着改变了。

零代码搭建PLC系统的Web HMI(plc平台搭建)

·如果不喜欢这种图样,同样可以修改成像这种仪表盘的样式,搜索echarts图表,点开。比如现在想要显示的是这种柱状图,把这个代码全选,复制到控件中来,复制到相对应的位置,就变成了柱状图。这里柱状图显示的是5个,可以删除几个。

·现在继续添加几组,假如。把变量复制给它就跟着改变了,也可以显示这种雷达图。

·像这样的控件是怎么实现的?只有全显示,就像刚才一样,添加一个控件,找到echarts图表,添加几组数据,现在都是0,随便复制几个进来。本身已经自带了很多控件,如果不满足的时候再使用这种echarts控件,它可以做的很花,像这样的也能做。

零代码搭建PLC系统的Web HMI(plc平台搭建)

·把PLC的变量复制进来,22.它就马上就变化了,这种格式需要在echarts里面自己慢慢去调。像这样的效果是怎么做出来的?添加控件,找到这个star,现在把PLC这个变量复制进来,它显示的是1,可以做一个值映射,1它就显示on,修改颜色,0就OFF,修改颜色,可以添加几组值,可以映射,同样的文字说明也可以映射。

零代码搭建PLC系统的Web HMI(plc平台搭建)

·比如第一个就让它显示启动两个字,改变了。像刚才所说的控制按钮最多可以添加16个,这里选择纯控制,像这样的可以添加16组,刷新一下,可以改变它颜色,可以改变它在一行是分布一个还是两个或者4个。

今天就先介绍到这里。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年2月18日 上午10:17
下一篇 2024年2月18日 上午10:29

相关推荐