【案例分享】如何借助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、工业控制、能源、金融等多个行业领域。

相关推荐
Am1nnn2 分钟前
【Pinia】Pinia和Vuex对比
前端·javascript·vue.js
可爱小仙子7 分钟前
ios苹果系统,js 滑动屏幕、锚定无效
前端·javascript·ios
大得3699 分钟前
react菜单,动态绑定点击事件,菜单分离出去单独的js文件,Ant框架
前端·javascript·react.js
古夕18 分钟前
Promise A+ 规范解读
前端·javascript
古夕18 分钟前
Promise 基础概念与实践详解
前端·javascript
我想说一句22 分钟前
React组件化开发实战:从"待办事项"看前端乐高搭建术
前端·javascript·react.js
古夕23 分钟前
Promise 解决过程(Promise Resolution Procedure)详解
前端·javascript
梨子同志25 分钟前
ES6~ES13 新特性
前端·javascript
BUG收容所所长1 小时前
二分查找的「左右为难」:如何优雅地找到数组中元素的首尾位置
前端·javascript·算法
梨子同志1 小时前
手动实现 JavaScript 的 call、apply 和 bind 方法
前端·javascript