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

通过mxGraph在ARMxy边缘计算网关上实现工业物联网

news 2026/2/9 18:56:35

在当今的工业4.0时代，工业物联网（IIoT）已经成为制造业转型升级的关键技术之一。ARMxy边缘计算网关作为工业自动化和物联网的重要组成部分，能够为工厂车间提供实时的数据处理能力和智能化服务。而mxGraph作为一种流行的JavaScript库，它不仅能够绘制图表，还能够帮助我们构建复杂的图形界面，从而为工业物联网应用提供可视化管理工具。下面我们将探讨如何通过mxGraph在ARMxy边缘计算网关上实现工业物联网。

ARMxy边缘计算网关简介

ARMxy系列的ARM嵌入式计算机BL340系列是一款专为工业环境设计的高性能控制器。它采用了全志科技T507-H处理器，拥有四核Cortex-A53 CPU，主频可达1.4GHz，配以8/16GB eMMC存储和1/2GB DDR4内存。这款控制器支持多种网络接口和工业协议，非常适合用作工业边缘计算节点，能够处理大量的传感器数据并在本地执行复杂的计算任务，从而减轻云服务器的负担并减少延迟。

mxGraph的作用

mxGraph是一个基于HTML5的开源JavaScript图表库，它可以用来创建和编辑流程图、组织结构图、UML图等各种类型的图形。在工业物联网的应用场景中，mxGraph可以帮助我们构建用户友好的界面，使操作人员能够直观地看到整个系统的运行状态，包括设备状态、数据流、报警信息等。

实现步骤

  1. 环境搭建 首先需要在ARMxy边缘计算网关上部署Web服务器，例如Nginx或Apache，并且确保JavaScript和HTML页面可以正常运行。此外，还需要安装Node.js环境以便于使用npm包管理器安装mxGraph库。

  2. mxGraph库安装 使用npm命令安装mxGraph库到项目的依赖中：

    1npm install mxgraph

  3. 数据采集与处理 利用ARMxy边缘计算网关上的丰富接口收集来自各种传感器的数据，并使用预先编写的脚本或应用程序对这些数据进行预处理，例如清洗、归一化等。

  4. 图形化展示 使用mxGraph库创建动态图表，显示传感器数据的变化趋势。例如，可以通过折线图展示温度随时间的变化；或者通过饼图显示各个设备的能耗分布情况。

  5. 交互式操作 借助mxGraph提供的API，开发交互式功能，允许用户通过点击或拖拽等方式来调整图表中的元素，比如手动设置报警阈值、选择查看不同的数据时间段等。

  6. 实时更新 为了保证数据的实时性，可以采用WebSocket技术实现实时双向通信。当新的数据到达时，自动更新图表并触发相应的事件通知。

  7. 安全措施 在部署过程中，应考虑网络安全问题，例如使用HTTPS加密通信，限制外部访问权限等。

结语

通过将mxGraph与ARMxy边缘计算网关相结合，我们可以构建出一套高效、可视化的工业物联网系统。这不仅能帮助企业更好地理解其生产流程中的数据流动情况，还能提高故障检测和响应速度，最终实现更精细化的管理。ARMxy边缘计算网关

相关文章：

通过mxGraph在ARMxy边缘计算网关上实现工业物联网

在当今的工业4.0时代，工业物联网（IIoT）已经成为制造业转型升级的关键技术之一。ARMxy边缘计算网关作为工业自动化和物联网的重要组成部分，能够为工厂车间提供实时的数据处理能力和智能化服务。而mxGraph作为一种流行的JavaScript库…...

编程日记 2024/9/12 2:14:57

GEE案例：利用sentinel-1数据进行洪水监测分析（直方图统计）

目录 简介 数据 函数 ee.Filter.calendarRange(start, end, field) Arguments: Returns: Filter updateMask(mask) Arguments: Returns: Image 代码 结果 简介 利用sentinel-1数据进行洪水监测分析 数据 COPERNICUS/S1_GRD数据是由欧洲空间局（ESA）的Copernicus项…...

编程日记 2024/9/12 2:13:56

QT 联合opencv 易错点

https://blog.csdn.net/qq_51699436/article/details/135777911 网上已经有大量优秀切详尽的文章来讲述QT联合opencv了，我把容易出错的点列出来备忘 1、在进行opencv进行编译时，要确认好是32位还是64位，因为在创建QT项目的时候QT和opencv要匹…...

编程日记 2024/9/12 2:12:55

例如/举例的使用方法 ,e.g., 以及etc的使用方法

e.g. 例如 for example for the sake of example such as 1 e.g. 是拉丁语 exempli gratia 的缩写意思是“举个例子，比如”，等同于for example、 for the sake of example、such as，使用 e.g. 的目的是用几个例子来说明前面的观点。 2 例…...

编程日记 2024/9/12 2:10:53

20240902-VSCode-1.19.1-部署vcpkg-win10-22h2

20240902-VSCode-1.19.1-部署vcpkg-win10-22h2 软件环境 标签：C++ VSCode mingw gcc13 vcpkg cmake分栏：C++操作系统：Windows10 x64 22h2一、安装VScode-1.19.1 请参考另一篇文章《20240717-VSCode-1.91.1-部署gcc13-C++23-win10-22h2》。 二、安装cmake 本文流程需要安…...

编程日记 2024/9/12 2:07:50

MySQL学习（多表操作）

基本知识 一对多 创建部门表 – 主表 create table if not exists dept(deptno varchar(20) primary key ,name varchar(20) );创建员工表 – 创建外键约束 方式1constraint emp_fk foreign key(dept_id) references dept(deptno) create table if not exists emp(eid varc…...

编程日记 2024/9/12 2:04:46

鸿蒙开发（NEXT/API 12）【网络连接管理】 网络篇

简介 网络连接管理提供管理网络一些基础能力，包括WiFi/蜂窝/Ethernet等多网络连接优先级管理、网络质量评估、订阅默认/指定网络连接状态变化、查询网络连接信息、DNS解析等功能。 说明 为了保证应用的运行效率，大部分API调用都是异步的，对…...

编程日记 2024/9/12 2:03:45

VMware Fusion虚拟机Mac版 安装Ubuntu操作系统教程

Mac分享吧 文章目录 下载镜像地址：[www.macfxb.cn](http://www.macfxb.cn)一、CentOS安装完成，软件打开效果二、Mac中安装Ubuntu虚拟机1️⃣：下载镜像2️⃣：创建虚拟机3️⃣：虚拟机设置4️⃣：虚拟机安装5️…...

编程日记 2024/9/12 2:01:42

基于SpringBoot+Vue+MySQL的房屋租赁管理系统

系统展示 用户前台界面 管理员后台界面 系统背景 二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。在互联网诞生之前，地域位置往往是人们思想上不可跨域的鸿沟，信息的…...

编程日记 2024/9/12 1:59:36

虚拟机器配置固定IP地址

新安装的虚拟机，如何配置固定的ip地址，废话少说直接上干货 第一步：在VMarea中 选中你要固定IP的虚拟机器，点击上面的“编辑”按钮，然后找到“虚拟网络编辑器”，选中你要修改的ip VMnet8，然后是…...

编程日记 2024/9/12 1:58:35

用python实现基于形态学的方法，如开运算和闭运算，来去除pcd格式激光点云中的植被

在Python中，你可以使用open3d库来读取和处理pcd格式的点云数据。下面是一个示例代码，展示如何使用形态学操作来去除植被。 首先，确保你已经安装了open3d库，可以使用以下命令进行安装： pip install open3d接下来&…...

编程日记 2024/9/12 1:56:33

QT 绘制简易时钟

原文件 #include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this);this->startTimer(1000); }Widget::~Widget() {delete ui; }//时钟底座 void Widget::paintEvent(Q…...

编程日记 2024/9/12 1:55:32

为控制器的方法添加必要参数

前言：做这个系统时，要求每次调用接口时要传操作人、操作人电脑ip、菜单id，然后计入log。本来前端读取到然后加入请求头，后端写入log即可。但是老大要求后端也要把控必传参数，避免前端忘记。所以就写了这个。IOperation…...

编程日记 2024/9/12 1:52:25

（计算机网络）应用层

1.为什么需要应用层 应用层提供使用tcp，udp使用的方式 协议就是制定的规则 2.域名服务器概述 域名是唯一的 新增域名，大家都要修改这个文本文件，所以要进行集中管理这个文本文件，而不是使用本地的hosts文件 hosts文件在Windows系统…...

编程日记 2024/9/12 1:51:24

使用3DUNet训练自己的数据集（pytorch）— 医疗影像分割

代码：lee-zq/3DUNet-Pytorch: 3DUNet implemented with pytorch (github.com) 文章<cicek16miccai.pdf (uni-freiburg.de)3D U-Net: Learning Dense Volumetric Segmentation...

编程日记 2024/9/12 1:49:21

【python】—— Python爬虫实战：爬取珠海市2011-2023年天气数据并保存为CSV文件

目录 目标 准备工作 爬取数据的开始时间和结束时间 爬取数据并解析 将数据转换为DataFrame并保存为CSV文件 本文将介绍如何使用Python编写一个简单的爬虫程序，以爬取珠海市2011年至2023年的天气数据，并将这些数据保存为CSV文件。我们将涉及到以下知识点： 使用r…...

编程日记 2024/9/12 1:48:20

U盘文件及文件夹带锁修复

磁盘管理修复工具Disks磁盘管理–针对U盘文件及文件夹带锁修复 本文章只针对统信系统 文章目录 功能概述一、安装工具二、数据备份三、检查文件系统1. 通过启动栏中的“磁盘”或者桌面的“磁盘”启动文件来启动应用：2. 选择U盘设备3. 点击“检查文件系统”按钮（如果无此按钮…...

编程日记 2024/9/12 1:46:14

AnyChart 数据可视化框架

AnyChart 数据可视化框架 AnyChart 是一个灵活的 JavaScript&#xff08;HTML5、SVG、VML&#xff09;图表框架&#xff0c;适合任何需要数据可视化的解决方案。 目录 下载并安装开始插件将 AnyChart 与 TypeScript 结合使用将 AnyChart 与 ECMAScript 6 结合使用技术集成贡献…...

编程日记 2024/9/12 1:43:04

ARM base instruction -- br

BR Branch to Register branches unconditionally to an address in a register, with a hint that this is not a subroutine return. 无条件地分支到寄存器中的一个地址&#xff0c;并提示这不是子例程返回。 BR <Xn> BR 跳转到reg内容地址&#xff0c;不会将返回地址…...

编程日记 2024/9/12 1:42:03

编译原理/软件工程核心概念-问题理解

目录 1.程序的编译执行过程 2.指针和引用的区别 3.堆和栈的区别 4.最熟悉的编程语言- Python&#xff1a;介绍PyTorch和TensorFlow框架 5.C与C的区别 6.软件工程是什么&#xff1f; 7.简述瀑布模型 8.敏捷开发方法是什么&#xff1f;它与瀑布模型相比有哪些优势和劣势 1…...

编程日记 2024/9/12 1:41:02

css的定位（position）详解：相对定位 绝对定位 固定定位

在 CSS 中&#xff0c;元素的定位通过 position 属性控制&#xff0c;共有 5 种定位模式&#xff1a;static&#xff08;静态定位&#xff09;、relative&#xff08;相对定位&#xff09;、absolute&#xff08;绝对定位&#xff09;、fixed&#xff08;固定定位&#xff09;和…...

编程新知 2026/2/6 6:35:29

Spring数据访问模块设计

前面我们已经完成了IoC和web模块的设计&#xff0c;聪明的码友立马就知道了&#xff0c;该到数据访问模块了&#xff0c;要不就这俩玩个6啊&#xff0c;查库势在必行&#xff0c;至此&#xff0c;它来了。 一、核心设计理念 1、痛点在哪 应用离不开数据&#xff08;数据库、No…...

编程新知 2026/2/4 16:13:50

Android 之 kotlin 语言学习笔记三（Kotlin-Java 互操作）

参考官方文档&#xff1a;https://developer.android.google.cn/kotlin/interop?hlzh-cn 一、Java&#xff08;供 Kotlin 使用&#xff09; 1、不得使用硬关键字 不要使用 Kotlin 的任何硬关键字作为方法的名称 或字段。允许使用 Kotlin 的软关键字、修饰符关键字和特殊标识…...

编程新知 2026/2/8 0:33:04

html-＜abbr＞ 缩写或首字母缩略词

定义与作用 <abbr> 标签用于表示缩写或首字母缩略词&#xff0c;它可以帮助用户更好地理解缩写的含义&#xff0c;尤其是对于那些不熟悉该缩写的用户。 title 属性的内容提供了缩写的详细说明。当用户将鼠标悬停在缩写上时&#xff0c;会显示一个提示框。 示例&#x…...

编程新知 2026/1/24 19:22:03

2025季度云服务器排行榜

在全球云服务器市场&#xff0c;各厂商的排名和地位并非一成不变&#xff0c;而是由其独特的优势、战略布局和市场适应性共同决定的。以下是根据2025年市场趋势&#xff0c;对主要云服务器厂商在排行榜中占据重要位置的原因和优势进行深度分析&#xff1a; 一、全球“三巨头”…...

编程新知 2026/1/23 3:36:07

Spring是如何解决Bean的循环依赖：三级缓存机制

1、什么是 Bean 的循环依赖 在 Spring框架中，Bean 的循环依赖是指多个 Bean 之间‌互相持有对方引用‌，形成闭环依赖关系的现象。 多个 Bean 的依赖关系构成环形链路，例如： 双向依赖：Bean A 依赖 Bean B，同时 Bean B 也依赖 Bean A（A↔B）。链条循环： Bean A → Bean…...

编程新知 2025/7/25 1:21:53

网站指纹识别

网站指纹识别 网站的最基本组成&#xff1a;服务器&#xff08;操作系统&#xff09;、中间件&#xff08;web容器&#xff09;、脚本语言、数据厍 为什么要了解这些&#xff1f;举个例子&#xff1a;发现了一个文件读取漏洞&#xff0c;我们需要读/etc/passwd&#xff0c;如…...

编程新知 2026/2/2 17:06:29

【Linux】自动化构建-Make/Makefile

前言 上文我们讲到了Linux中的编译器gcc/g 【Linux】编译器gcc/g及其库的详细介绍-CSDN博客 本来我们将一个对于编译来说很重要的工具&#xff1a;make/makfile 1.背景 在一个工程中源文件不计其数&#xff0c;其按类型、功能、模块分别放在若干个目录中&#xff0c;mak…...

编程新知 2026/2/4 16:04:21

零知开源——STM32F103RBT6驱动 ICM20948 九轴传感器及 vofa + 上位机可视化教程

STM32F1 本教程使用零知标准板&#xff08;STM32F103RBT6&#xff09;通过I2C驱动ICM20948九轴传感器&#xff0c;实现姿态解算&#xff0c;并通过串口将数据实时发送至VOFA上位机进行3D可视化。代码基于开源库修改优化&#xff0c;适合嵌入式及物联网开发者。在基础驱动上新增…...

编程新知 2026/2/5 4:25:58

Python 高效图像帧提取与视频编码：实战指南

Python 高效图像帧提取与视频编码：实战指南 在音视频处理领域，图像帧提取与视频编码是基础但极具挑战性的任务。Python 结合强大的第三方库（如 OpenCV、FFmpeg、PyAV），可以高效处理视频流，实现快速帧提取、压缩编码等关键功能。本文将深入介绍如何优化这些流程，提高处理…...

编程新知 2025/8/31 18:02:53