当前位置: 首页 > news >正文

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

http://www.xdnf.cn/news/901405.html

相关文章:

  • 如何使用k8s安装redis呢
  • SOC-ESP32S3部分:31-ESP-LCD控制器库
  • Dynamics 365 Business Central Direct Banking Extention D365 BC ERP 银行接口扩展
  • CountDownLatch和CyclicBarrier
  • P-MySQL SQL优化案例,反观MySQL不死没有天理
  • 衡量嵌入向量的相似性的方法
  • 4D毫米波雷达产品推荐
  • 『React』Fragment的用法及简写形式
  • React 中 HTML 插入的全场景实践与安全指南
  • 【React】React 18 并发特性
  • 练习:对象数组 4
  • 51单片机——计分器
  • 华为×小鹏战略合作:破局智能驾驶深水区的商业逻辑深度解析
  • web框架(Django 与 FastAPI)
  • arduino开发遇见的问题(求助!!)
  • Java-IO流之打印流详解
  • 【免杀】C2免杀技术(十六)反沙箱/反调试
  • 前端开发面试题总结-JavaScript篇(一)
  • caliper中的测试文件写法及其注意事项
  • 第R9周:阿尔茨海默病诊断(优化特征选择版)
  • Visual Studio 中的 MD、MTD、MDD、MT 选项详解
  • 使用Python和TensorFlow实现图像分类
  • 【vue3】十大核心 API 推动前端开发的革新与进阶
  • 振动力学:二自由度系统
  • html css js网页制作成品——HTML+CSS榴莲商城网页设计(4页)附源码
  • Nature子刊同款的宏基因组免疫球蛋白测序怎么做?
  • miniforge3安装之后激活anaconda的虚拟环境
  • robot_lab——rsl_rl的train.py整体逻辑
  • 从入门到进阶:Python 学习参考书的深度解析
  • OPenCV CUDA模块光流------高效地执行光流估计的类BroxOpticalFlow