1.创建界面开发(www.nb-ai.com)
在低代码开发创建的项目中点击左侧界面开发,选择模板(以空白模板为例)
创建后开发界面如下图所示,其中
2.组件栏工具介绍
界面左侧为组件工具栏,下文将对组件工具逐个介绍
1)图像
介绍:拖入该组件至显示区,点击图像,右侧可选择需要显示的数据所对应的算子
功能:可视化显示算子处理结果(可拖入多个)
2)运行控制
介绍:拖入至显示区,无需配置参数
功能:用于控制程序单次运行或连续运行
3)运行统计
介绍:拖入至显示区,无需配置参数
功能:展示运行统计数据
4)自定义图片
介绍:可在右侧点击上传,上传公司logo或者特殊标志,大小在1M以内,支持png/jpg/bmp
功能:上传自定义图片或者公司logo(可拖入多个)
5)自定义文本
介绍:可填写任意文字,如公司名字、项目名称等
功能:支持填写任意文本内容(可拖入多个)
6)自定义数据
介绍:在右侧选择需要展示的算子数据
功能:展示算子任意数据(可拖入多个)
7)信号灯
介绍:右侧可设置连接某个算子,监控算子运行是否正常
功能:可监控算子的运行状态是否正常(可拖入多个)
8)重置数据
介绍:拖入该组件,运行时可重置数据状态
功能:重置检测运行状态
9)OK/NG
介绍:右侧设置连接某个条件判断算子,显示判断结果,OK为绿色,NG为红色
功能:显示条件判断结果(可拖入多个)
10)统计数据
介绍:右侧设置连接某个条件判断算子,显示判断结果统计数据,在右侧选择需要展示的算子数据
功能:显示条件判断结果(可拖入多个)
11)分类统计
介绍:右侧设置连接某个分类判断算子,显示分类判断结果统计数据,在右侧选择需要展示的算子数据
功能:显示分类判断结果统计数据(可拖入多个)
12)发送数据
介绍:右侧设置发送内容,在部署包-发送数据配置中为其指定一个TCP或modbus通讯设备
功能:将数据发送给通信设备
3.界面编辑栏介绍
从上方界面编辑栏的界面库点击下拉选项的添加至界面库,可以将当前界面创建为新的模板
在主页面中点击下拉选项的新建页面,可以创建一个子页面,每个子页面都是一个运行界面,同初始的运行界面一样,可进行界面开发
4.保存并运行
当前界面编辑完成后需在左上角先单击保存,再点击运行,可以通过运行控制组件的单次运行或连续运行功能查看测试效果