原文详情见:https://www.iotrouter.com
概述
本章节主要介绍VISION界面的构成以及各个板块的功能,如果你已经对此有一定了解,可以跳过此章节。
VISION主要由3个视图组成:首页(启动视图)、实验室(测试视图)、编辑器(编辑视图)。点击左下角的功能按钮,可以切换不同的视图界面,如图所示:
首页
首页
是启动视图,也是VISION主页面,用于显示设计好的组态画面。
实验室
实验室
是测试视图,支持手动修改数据点的值,来测试组态界面是否正常运行。从而实现组态画面调试无需连接真实设备,前后端完全分离。
编辑器
编辑器
是编辑视图,即组态编辑页面,接下来重点介绍编辑器
的使用方法。请根据右侧的大纲目录查看。
菜单
1. 项目
1.1. 新建项目
点击即可新建项目,但是当前项目会丢失,请谨慎操作。
1.2. 保存项目
点击即可保存当前项目。
1.3. 下载项目
点击即可下载当前项目,以Json文件存储,在需要时可以重新导入。
1.4. 打开项目
点击即可选取之前下载的项目导入。
1.5. 重命名项目
重新修改项目名称。
2. 设置
2.1. 视图
无论当前在哪个页面,点击即可跳转到编辑器主视图。
2.2. 线形图
此处设置线形图的数据源,以供控件线形图调用。详情参考:
此处为语雀内容卡片,点击链接查看:如何使用图表 · IOTRouter
2.3. 布局设置
2.3.1. 启动视图
一个项目可以创建多个视图,此处可指定启动视图。
2.3.2. 启动时显示登陆弹窗
当使用权限管理时,请打开此选项。登录窗口如图所示:
2.3.3. 缩放
禁用:当使用EV8010自带触摸屏时,请禁用缩放,且将画布设置为:1280*798以消除滚动条。
手动:当使用EG8200Pro外接HDMI显示屏时,请选择手动缩放,以消除滚动条。
自动:自动模式下无法消除滚动条。
2.3.4. 输入弹窗
当需要输入信息时,一般选择虚拟键盘。
2.3.5. 显示导航
设置是否显示导航栏(包括侧边菜单和页眉导航)。
2.3.6. 显示连接错误
设置是否在右下角以弹窗的形式显示连接错误信息。
2.3.7. 侧边菜单
设置侧边菜单的显示样式。
2.3.8. 页眉导航
设置页眉导航的显示样式。
2.4. 条形图
此处设置条形图的数据源,以供控件条形图调用。详情参考:
此处为语雀内容卡片,点击链接查看:如何使用图表 · IOTRouter
2.5. 连接
此处设置VISION数据通信的协议,详情请参考:
此处为语雀内容卡片,点击链接查看:如何创建数据标签 · IOTRouter
2.6. 用户
可以创建新的用户,并可以为用户分配角色,按照角色分类对其进行权限划分。详情请参考:
此处为语雀内容卡片,点击链接查看:如何使用权限 · IOTRouter
2.7. 设置
2.7.1. 语言
支持多种语言。
2.7.2. 端口
请勿修改。
2.7.3. 令牌
是否使用令牌进行认证,当使用权限时请启用。
2.7.4. 广播
是否向所有组态客户端广播标签值。
2.7.5. 日志
是否使用日志完整模式。
2.7.6. DAQ存储
数据库设置,支持SQlite、influxDB、TDengine。详情请参考:
此处为语雀内容卡片,点击链接查看:如何使用数据库 · IOTRouter
2.7.7. 报警
报警记录保存时间。
2.8. 日志
日志信息。
2.9. 警报
用户可以指定某些数据标签在指定范围时产生警报信息。详情请参考:
此处为语雀内容卡片,点击链接查看:如何设置报警 · IOTRouter
2.10. 脚本
用户可以自定义Javascript脚本,已实现一些个性化的需求。详情请参考:
此处为语雀内容卡片,点击链接查看:如何使用脚本 · IOTRouter
素材库
素材库第一栏为视图,用户可以自由的新建、复制、删除、导入、导出视图。
其余栏为素材库,所有资源都可以选中后在画布中使用。
调色区
选中控件后,可以快速选择调色区的颜色修改控件的颜色。
画布
画布用于摆放控件来实现组态。
工具
预览:显示当前视图。
缩放:选中后,单击画布可以放大。
网格:开启/关闭网格。
撤销:撤销。
取消撤销:取消撤销。
复制:复制选择的控件。
删除:删除选择的控件。
最下层:置于最下层。
最上层:置于最上层。
超链接:设置超链接。
项目列表选择器:显示当前所有的控件,方便管理。