矩视智能低代码平台界面开发（无需license）

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.保存并运行

 当前界面编辑完成后需在左上角先单击保存，再点击运行，可以通过运行控制组件的单次运行或连续运行功能查看测试效果