html组态插件_BY组态 插件 web组态 插件 物联网组态 插件

插件简介

1、插件可用于,电力,水利,工厂,物联网等行业。插件演示见 http://94.191.39.192:8080/jyzt-1.0/example.html (请使用谷歌浏览器或非ie浏览器 360 浏览器要切换到极速模式)

2、可嵌入任意BS系统、Web系统,插件嵌入简单,方便,快捷(快3天以内,最慢一周足够)大大的缩短了项目的开发周期,节约开发成本。 使用说明书见 https://www.cnblogs.com/qwwz/p/13854582.html

3、可任意对现场的实际场景进行模拟组态。

4、组态场景保存后是json格式的数据,可落地到数据库或磁盘文件。

5、保存后的场景可进行再次编辑。

6、组件配置灵活易于扩展(可支持svg ,png,gif)。

7、交互组件(旋转,流动条,按钮,开关,文字,变量,支持设备绑定),效果有流动,闪烁,隐藏,旋转,等。

8、客户端场景查看(使用websocket方式通讯,掉线可以自动重连)

9、添加新场景

10、编辑新场景

11、 插件以源码方式提供,可对插件进行二次开发。

12、该插件已服务于多家科技企业。

13、支持用户自己上传组件图片。

更新记录

2021-1-4 版本1.2升级内容:1、解决时间太长大约1个小时以后、组态编辑页面拖动缓慢,无法选择组件,无法框选组件,无法保存组件,整个页面为卡死状态。2、将设备绑定由原来的单个下拉框改为可配置的级联下拉框。3、添加旋转组件的旋转速度属性选项 速度档位是 1到10 值越高,速度越快,4、添加按钮组件的背景选项,边框大小选项,边框颜色选项,四角弧度选项。5、增加了动画的顺滑程度2021-1-20 版本1.2.1升级内容:1、添加组件选择的自动标线,自动贴合。2、添加 (我的组件)功能,用户可以上传自定义图片。2、新增 写值组件 该组件可以向后台发送任意字符串命令

编辑器界面

74ec978c61f62da6b558e5fd084e0805.png

监控端界面

8e74053b76706a71a19ee2c469e79179.png

组件操作展示

1、自由变换  12个锚点可以大小缩放,旋转。

e2a4f0a0e91a2bab18b759872b66ecca.png

2、组件右键操作  可以上一层、下一层、顶层、底层。

9d679ec2ae0ad77567e2602437ef5a17.png

3、吸附、标线   可轻松对齐,找准目标组件的位置。

6d8a534c83a754b35186b7215964bb74.png

4 画布 可以设置网格,网格颜色,画布背景,画布大小(自定义)

d92b2e3569a883599fcf219ac07c6f98.png

5 设备绑定  每个组件都有一个设备绑定属性,可以绑定相应的传感器

a43f9e439812ee49604ec089ca38abfa.png

点击选择设备,弹出选择设备的 级联下拉列表,该页面可以是一个下拉列表,已可以是多级级联下拉列表,由开发人员自由配置。

ae492d2da70e5b41a144d6b78ad08228.png

细节展示

1、流动条

描       述:  用于水管,石油管道,天然气管道的流动效果。可根据条件设置管道的流动效果:正向流动、反向流动、停止流动。

9e54e79a14c29666401b9c4f38d9ba44.png

属性面板:

89296df43865d0b5ae884c4a6983e24a.png

2、水池

描述:可绑定水位传感器显示水位的高低 可设置边框颜色,背景颜色,水的颜色背景透明度。

812a47b6398355da01adda4ee8285b5b.png

属性:

b272af425f7df5f53e694807a93782b1.png

3、旋转

描述:可用于风机叶片的旋转 可设置旋转速度、旋转条件

fa0fe393cbd002a5d702e82d410e7ef4.png

属性:

b57a2ea5f538c92303ee53355d767c2f.png

4、值

描述:可用于显示 电压、 电流、流量等所有需要展示的数据,可设置标题、默认值、字体、颜色、大小。

a984f15a37190a79636811d8211f94ac.png

属性:

9e98d399f708c94f23c2827a19ab8a8f.png

5、写值

描述:用于监控端往传感器写入数据,如一些操作命令,开机,关机,设置时间等命令

84715011d9338da60b2c83a4cd8a7e12.png

属性

de260ad5c02fe568ef5f6bc882b72bd7.png

监控端效果:

41a832fc0179f008fe99e8cff576c209.png

6、状态

描述:可根据传感器发出的状态 0 或 1 或其他  显示对应的汉字描述

871251a3bc61392c9cffe774dacebb25.png

属性

e3a1ad6727f8d1fbc14e44f7344d37f4.png

7、灯

描述:可根据传感器发出的数据状态任意改变灯的颜色

7f371efcde22a1f88963c455e08b405e.png

属性:

fe3ae69a73da730aaf4360f729388713.png

8、按钮

描述:点击按钮可以出发按钮命令的发送,和打开新网页,可设置按钮边角,背景,边框,颜色等。

f49a6aa972947c490e77ca7854b11947.png

属性:

e32548330913f858d00ba7161cb13bd7.png

9、开关(开关个数可自由配置)

描述:可根据传感器的状态动态切换开关的图片。开关的样式可以自由设置。点击开关后要传入到后台的命令可以自由设置

a55f6628d05fa91e25c931cb0dc78007.png

属性:

538be93c16585918bcb5d03472d8f6d0.png

点击开关图标,选择开关样式

e31ce4cd924654cf2c3619bd8f651dea.png

10、iframe

描述:可以嵌入任意网页地址,展示杨业内容

54ef35a8597981b027054633ad02f27f.png

属性:

8ee6a68b4a159385f30b20f419eee46f.png

11、基本元素

描述:一些简单的图形 可以设置 背景,边框,透明度等(列举一些)

4aa4fe1b9bacdba656d9d070aa8fee0e.png

属性:

7d807e5df8ee0a5288fa752729d7f8bd.png

12、echart组件

描述:百度echart的一些组件 目前有仪表盘、温度计、则线图、水池

be7de7c4e11dce83b9f30789457cefbd.png

属性:

a36ec6474164d4e4e42591dbdc6ec657.png

13、图库(太多列举一些)

描述:各种设备图片,可设置图片的影藏,闪烁。

1addbdd50b911a61c2579c470513372a.png

属性:

0b6d0e54f485fb8a26f252e5835b84a8.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值