总览
可视化开发工作台是物联网应用开发中的工具。无需写代码,只需在编辑器中,拖拽组件到画布上,再配置组件的显示样式、数据源及交互动作, 以可 视化的方式进行Web应用开发。适用于设备状态监控面板、数据看板大屏展示、设备数据分析报表等。
可视化开发工作台,按功能划分:菜单栏、组件库、属性面板、画布。
画布
画布即绘画区域,将组件拖拽到画布进行编辑,绘制大屏
菜单栏
左:看板名称
中:撤回 | 恢复 | 复制 | 粘贴 | 左对齐 | 右对齐 | 上对齐 | 下对齐 | 垂直居中 | 水平居中 | 水平均分 | 垂直均分 | 全屏 | 流水线 |
右:分辨率设置 | 屏幕适应 | 保存 | 预览 | 发布 | 分享 | 版本号
组件库
系统提供的组件库资源,包括基础组件、控制组件、图表组件、应用组件、布局组件,请参考详细组件。
图层
主要解决组件覆盖问题,组件显示优先级从上往下(拖拽组件可以改变优先级). 也可以快速定位组件位置
组件操作
组合组件
可以将已经做好的组件组合在一起,避免误触、误改
下图是将 下拉框
和 按钮
组合在一起
旋转组件
可以将组件旋转
放大缩小组件
可以将组件放大缩 小
属性面板
点击画布空白处,右侧边栏显示属性项
画布属性
- 导入模版:加载已分享的看板
- 背景色及图片:看板背景属性
可以直接选择已分享的看板页导入
可以选择当前页背景颜色