当前位置: 首页 > 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.lqws.cn/news/177373.html

相关文章:

  • golang入门
  • 前端中slice和splic的区别
  • # 从底层架构到应用实践:为何部分大模型在越狱攻击下失守?
  • 2025/6/4—halcon算子及知识点总结
  • 【前端】每日一道面试题6:解释Promise.any和Promise.allSettled的使用场景及区别。
  • Linux-http协议
  • 全新Xsens Animate版本是迄今为止最大的软件升级,提供更清晰的数据、快捷的工作流程以及从录制开始就更直观的体验
  • 免费 + 通用 + 高效!UniHarp数据采集软件上线了!
  • F5 GSLB 最佳实践:如何手动将Wide IP 故障转移到另一个数据中心
  • 【八股消消乐】MySQL参数优化大汇总
  • Linux top 命令 的使用总结
  • ngx_stream_access_module基于 IP 的流式访问控制实践指南
  • spring:实例化类过程中方法执行顺序。
  • 【idea】分享一个关于Maven依赖管理好用的插件
  • Caliper 负载(Workload)详细解析
  • 动手学深度学习12.7. 参数服务器-笔记练习(PyTorch)
  • 进程的详解,命令行参数,程序的地址空间(Linux)
  • 服务器数据恢复—服务器raid5阵列崩溃如何恢复数据?
  • 飞牛使用Docker部署Tailscale 内网穿透教程
  • Linux命令基础(2)
  • 构建 MCP 服务器:第 4 部分 — 创建工具
  • 深入解析:为什么 Redis 比 MySQL 快
  • Linux虚拟机
  • 如何通过外网访问内网服务器?怎么让互联网上连接本地局域网的网址
  • 构建 MCP 服务器:第 3 部分 — 添加提示
  • 智能心理医疗助手开发实践:从技术架构到人文关怀——CangjieMagic情感医疗应用技术实践
  • 【Maven打包错误】 Fatal error compiling: 错误: 不支持发行版本 21
  • MongoDB检查慢查询db.system.profile.find 分析各参数的作用
  • MongoDB学习和应用(高效的非关系型数据库)
  • Cursor 1.0正式推出:全面解析你的AI 编程助手