web组态--新一代全流程低代码物联网平台

先上图,实际完成效果:

1.添加应用图纸

86603dc63229b75041ad63db0610b896_ebfde8c6a24b454fbb8e6f8fdd754357.png

点击组态管理-画面管理,先新建一个组态画面,填写画面名称,保存,进入组态画面。

178935d0462731a8375f28cc01b242f5_313cb1c8f46145a78524a3f9acb9c301.png

选择画面管理,点击图示位置编辑画面,来构建组态。

00ab6fd675979388c04c05e78172420d_5a5c2f904e314edb990437204d459689.png

开始画组态图。

9674940546e3e6c90a6cee0cd370fed1_f5ee210c7d9544a68f8480bb0341bb0b.png

2.组态绘制基础部分

4470c65bf18b14088486701956cc1a6a_96d89531bdfb4b908169230087ab47b1.png

由上面划分,我们可以在设计中设计自己需要的组件。在左侧菜单栏中选择图标使用现成的组件

可以点击我的图库,上传截图的图片资源。

ffa25fda5effe6216fc229d6511854ce_fb0bf5ce26034a5e9691b9e52b89d293.png

在常用功能栏进行所需组件的绘制,例如添加图形、添加文本、图形之间的对齐等。

9b21ba21356dc64715ada2dc76fa4b8d_7220d68738bc458595328da18f4222aa.png

在编辑操作区主要是对图形边框、背影、是否立体进行操作。

5c1d01e009bed4e03b129593c7f05dda_b54e221b6a5f4063981fa9d88e2262ae.png

3 .绑定云平台数据

点击数据按钮,在弹出的标签页中选择数据点及配置虚拟变量,点击确定,进行绑定。

4c5629c939eb80eb7ca549eac845a660_df3dafe437ad429cbe8bbd7b812d66d7.png

7d267616b9770bf9dc1f1f8cfa518c79_a0bb0fc8563b4ab8bf85b63e3e9baefd.png

全部完成后点击保存,然后点击右上角的预览,即可查看组态画面动态效果。

e5653812d7b58d6d499e975f97115df1_2d88a40d4b224bbbb8319b62c3043a68.png

是不是很简单!!!

技术文档

官网网站:www.hcy-soft.com

体验地址:www.byzt.net:60/sm/

  • 9
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值