【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台

随着工业领域数字化进程的持续加快,Web 技术在实现实时监控、数据可视化与控制系统等方面正扮演着越来越核心的角色。来自智利的科技企业 Wise Data Global 就是这一趋势中的积极践行者。他们借助慧都科技代理的 ++DHTMLX Suite++ JavaScript UI 控件库,为遥测、远程监控与工业物联网(IIoT)场景提供了稳定高效的 Web 端平台支持。

DHTMLX Suite v9.1最新版下载

DHTMLX团队特别采访了 Wise Data Global 联合创始人 Salvador AspeeJose 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、工业控制、能源、金融等多个行业领域。

相关推荐
for_ever_love__1 小时前
UI学习:UISearchController基础了解和应用
学习·ui·ios·objective-c
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_39:(Flexbox 弹性盒子核心机制)
前端·css·ui·html·tensorflow
小陈同学呦2 小时前
前端如何处理订单状态导航的数据竞态问题
前端·javascript
开发者每周简报2 小时前
网海三部曲·无名宗师传
javascript·人工智能
之歆4 小时前
Day01_ES6+ 专业指南:从基础到实战的现代JavaScript开发(下)
前端·javascript·es6
kyriewen5 小时前
AI生成代码快如闪电,但我修了三个小时——它到底帮了谁?
前端·javascript·ai编程
竹林8186 小时前
用 wagmi v2 和 viem 手写 NFT 市场批量上架功能,我踩遍了所有异步坑
javascript
zithern_juejin6 小时前
数组扁平化
javascript
清溪5496 小时前
n8n表达式沙箱逃逸至RCE漏洞-CVE-2025-68613复现
javascript·安全
Hilaku7 小时前
多标签页并发请求导致 Token 刷新失败?只有 15行代码就能解决 !
前端·javascript·程序员