by组态-web组态软件

BY组态软件:解决行业组态开发痛点

  BY组态介绍

BY组态软件,主要应用于能源电力、工业互联网、智能制造、原型设计等领域的大屏可视化、工艺流程监控、后台管理、手机平板多终端的"拖拽式"在线web组态开发平台,开箱即用。

软件架构

- 开发语言:原生js,html,css

- 使用类库:jquery,layui,konva,echart

- 后台请求:Ajax,Http请求

- 实时数据:websocket技术

行业痛点

随着行业的发展、智能制造,智能控制、工业控制,对网页版软件的需求越来越复杂,要求原来越高。传统的单机版软件(如组态王,力控,等)正逐步被网页版软件取代。对于软件服务商来说,将单机版软件转变为网页版软件已经到了势在必行的地步。那么转变是一个复杂的过程,尤其是软件里面的组态功能部分,对于公司或个人都会面临以下几方面的问题。

1、无相关组态开发经验,无技术积累。

2、开发周期长,如果有项目落地,无法在短时间内完成这么繁琐的工作。

3、稳定性,因为功能繁琐,必须过长时间的打磨才能有一个比较稳定的版本。

这些问题导致了公司的项目停止不前,进度缓慢,甚至影响到了项目的整体架构或方案。我们自主研发的BY组态插件很好的解决了这些问题。

插件优点

1、百度搜索排名靠前(没有经过seo优化,纯粹自然发酵)。

2、应用时间长,至今为止经过了5年的市场验证,版本较为稳定。

3、BY组态插件可以嵌入到任何网页版软平台件中,无需繁重的开发工作。

4、插件以源码方式提供,方便对插件本身进行个性化的二次开发。

5、界面人性化设计,操作简便。

6、内置海量(2000个左右)组件(图元),图元组件可以自由添加,画面搭建方便。

7、自适应任何屏幕,包括手机,电脑,平板电脑。

8、采用websocket 方式与后台交互,画面实时响应。

9、提供websocket后台服务端java 代码。

10、掉线自动从新链接,无需人为刷新。

11、支持画面保存到模板功能,方便快速创建新的画面。

12、只需实现少量接口即可完成整个web组态功能。

13、人工实时线上服务,使用无忧。

14、一次购买,终生升级。

技术文档

官网地址http://www.hcy-soft.com

体验地址:若依管理系统(生产环境)

功能清单

运行截图

在机房环境中进行 Web 组态绘制,通常需要工具具备以下特性:轻量化、基于浏览器、支持 B/S 架构、可快速构建可视化界面、兼容多种数据源、支持动态交互和实时监控。结合这些需求,以下是几款适合在机房环境中使用的 Web 组态绘制工具推荐: ### BY组态 BY组态是一款基于 Web 的可视化组态编辑器,采用标准 HTML5 技术,支持在浏览器端完成人机交互[^2]。其基于 B/S 架构的设计使得用户无需安装客户端即可直接通过浏览器访问和编辑组态界面。该工具非常适合用于构建 SCADA、HMI、仪表板等工业自动化场景,同时支持流程图、设备状态监控等可视化需求[^2]。 ### 乐吾乐 2D 可视化组态编辑器 该编辑器提供在线使用方式,适合快速入门和部署。用户可以在浏览器中直接操作,通过拖拽组件库中的图形元素构建组态图、流程图、SCADA 图等。右侧的属性面板可以用于配置组件或图纸的相关参数,支持用户上传自定义组件库,提升灵活性和可扩展性[^3]。 ### 开源 Web 绘图工具(如 Draw.io、GoJS、JointJS) 对于需要高度定制的机房组态场景,可以考虑使用开源的 Web 绘图工具: - **Draw.io(现称 Diagrams.net)**:支持在线和本地部署,具备丰富的图形库,适合绘制拓扑图、流程图等。 - **GoJS**:由 Northwoods Software 开发,功能强大,支持动态交互和数据绑定,适合构建复杂的可视化系统。 - **JointJS**:基于 JavaScript 的图形库,支持构建流程图、SCADA 界面等,并具备良好的扩展性。 这些工具通常具备跨平台特性,能够与后端服务集成,实现数据驱动的可视化展示和监控功能[^4]。 ### 推荐组合方案 对于机房环境的 Web 组态绘制,推荐采用 BY组态 或乐吾乐 2D 编辑器作为前端可视化平台,结合后端的监控系统(如 Prometheus、Grafana 或自定义数据接口),实现数据实时更新和交互控制。若需要更高自由度,可基于开源绘图库进行二次开发,构建定制化的组态系统。 ```javascript // 示例:使用 JointJS 创建一个简单的组态图 const graph = new joint.dia.Graph(); const paper = new joint.dia.Paper({ el: document.getElementById('paper'), model: graph, width: 800, height: 600, gridSize: 10, drawGrid: true }); const rect = new joint.shapes.standard.Rectangle(); rect.position(100, 30); rect.resize(100, 40); rect.attr({ label: { text: 'Server' }, body: { fill: 'lightblue' } }); rect.addTo(graph); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BY-组态

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值