【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台
随着工业领域数字化进程的持续加快,Web 技术在实现实时监控、数据可视化与控制系统等方面正扮演着越来越核心的角色。来自智利的科技企业 Wise Data Global 就是这一趋势中的积极践行者。他们借助慧都科技代理的 DHTMLX Suite JavaScript UI 控件库,为遥测、远程监控与工业物联网(IIoT)场景提供了稳定高效的 Web 端平台支持。
DHTMLX Suite v9.1最新版下载
DHTMLX团队特别采访了 Wise Data Global 联合创始人 Salvador Aspee 和 Jose Vazquez,深入了解他们如何利用 DHTMLX 构建面向未来的工业解决方案。
项目背景:打造企业级 IIoT 平台
Wise Data Global 致力于为遥测、M2M 通信、远程监控与工业物联网领域开发全面的 Web 解决方案。他们通过 RTU(远程终端单元)和工业网关从传感器收集现场数据,并将其统一呈现在多种自研平台中,便于用户实时查看与管理。
据介绍,该公司接手并延续了原 WiseAccess 公司相关业务,并持续采用 DHTMLX Suite 作为前端核心工具。早期使用的是 Suite 5,目前已逐步迁移至 Suite 9,继续在多个系统中发挥关键作用。
应用场景:多维数据展示与交互
在 Wise Data Global 的平台中,DHTMLX Suite 提供了诸多关键组件功能,助力用户以图形、图表、表格等多种形式直观查看数据内容。例如:
-
Layout + TabView:构建模块化桌面系统,支持多页签快速切换
-
Grid + Form:实现高效的数据录入、管理与操作
-
Chart:用于展示工业现场数据的变化趋势
-
Toolbar/Sidebar:统一页面操作入口,提升整体交互体验
客户可通过这些组件在 Web 平台中实时查看设备状态、历史记录与图形化数据,大大提升了工业管理的数字化效率。
技术选型:DHTMLX 的自然延续
在谈及为何选择 DHTMLX 时,Wise Data Global 表示:
“我们从很早以前就开始使用 DHTMLX Suite 5,稳定性和性能都非常可靠。因此在升级和新项目开发中,继续选择最新版 DHTMLX Suite 是自然而然的决定。”
尽管从 v5 升级至 v9 的过程中存在一定技术挑战,但团队表示最终的迁移成果令人满意,也为平台后续维护与扩展打下了良好基础。
客户建议与反馈
在实际应用中,Wise Data Global 对 DHTMLX Suite 的稳定性与丰富控件表示认可,同时也提出了进一步期待:
-
希望未来版本中可内置更多“高级图表控件”,以支持 SCADA 场景中的复杂可视化(如电力配电网络图);
-
计划尝试使用 DHTMLX Diagram 来替代当前基于 GoJS 的图形编辑器,为能源类客户提供更统一的 UI 体验。
技术架构简述
Wise Data Global 主要采用纯 JavaScript 进行前端开发,未使用额外框架或 IDE,后端则采用 Microsoft .NET 平台,实现平台的稳定运行与数据支持。
全自主研发,面向多行业推广
目前,Wise Data Global 已为多个行业客户提供基于 DHTMLX 的 IIoT 平台,全部系统均为 100% 内部自主开发。未来,该公司计划继续完成平台向 DHTMLX Suite 9 的全面迁移,并结合 Diagram 等新模块,为客户提供更专业、交互更强的工业管理工具。
关于 DHTMLX Suite
DHTMLX Suite 是一套专业 JavaScript UI 控件库,内含 Grid、Chart、Form、Layout、Tab、Tree 等 20+ 高质量组件,适用于构建中大型业务系统的前端界面。产品兼容多种开发框架,支持高性能数据交互,广泛应用于 ERP、MES、CRM、工业控制、能源、金融等多个行业领域。