跳到主要内容

总览

可视化开发工作台是物联网应用开发中的工具。无需写代码,只需在编辑器中,拖拽组件到画布上,再配置组件的显示样式、数据源及交互动作, 以可视化的方式进行Web应用开发。适用于设备状态监控面板、数据看板大屏展示、设备数据分析报表等。

可视化开发工作台,按功能划分:菜单栏、组件库、属性面板、画布。

总览界面

画布

画布即绘画区域,将组件拖拽到画布进行编辑,绘制大屏

画布界面

菜单栏

左:看板名称
中:撤回 | 恢复 | 复制 | 粘贴 | 左对齐 | 右对齐 | 上对齐 | 下对齐 | 垂直居中 | 水平居中 | 水平均分 | 垂直均分 | 全屏 | 流水线 |
右:分辨率设置 | 屏幕适应 | 保存 | 预览 | 发布 | 分享 | 版本号

菜单界面

组件库

系统提供的组件库资源,包括基础组件、控制组件、图表组件、应用组件、布局组件,请参考详细组件

组件库

图层

主要解决组件覆盖问题,组件显示优先级从上往下(拖拽组件可以改变优先级). 也可以快速定位组件位置

图层

组件操作

组合组件

可以将已经做好的组件组合在一起,避免误触、误改

下图是将 下拉框按钮 组合在一起

组合

旋转组件

可以将组件旋转 旋转

放大缩小组件

可以将组件放大缩小

缩放

属性面板

点击画布空白处,右侧边栏显示属性项 属性面板

画布属性

  • 导入模版:加载已分享的看板
  • 背景色及图片:看板背景属性 画布属性

可以直接选择已分享的看板页导入

导入模版

可以选择当前页背景颜色

背景图片

组件属性

组件主要分为样式交互组件属�性