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

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

news 2026/2/9 17:05:29

在当今的工业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

HTML 语义化

目录 HTML 语义化HTML5 新特性HTML 语义化的好处语义化标签的使用场景最佳实践 HTML 语义化 HTML5 新特性 标准答案&#xff1a; 语义化标签&#xff1a; <header>&#xff1a;页头<nav>&#xff1a;导航<main>&#xff1a;主要内容<article>&#x…...

编程新知 2026/1/15 21:24:41

Java 8 Stream API 入门到实践详解

一、告别 for 循环&#xff01; 传统痛点&#xff1a; Java 8 之前&#xff0c;集合操作离不开冗长的 for 循环和匿名类。例如&#xff0c;过滤列表中的偶数&#xff1a; List<Integer> list Arrays.asList(1, 2, 3, 4, 5); List<Integer> evens new ArrayList…...

编程新知 2026/1/12 10:41:22

UDP(Echoserver)

网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法&#xff1a;netstat [选项] 功能&#xff1a;查看网络状态 常用选项&#xff1a; n 拒绝显示别名&#…...

编程新知 2026/1/24 7:56:15

Python爬虫（一）：爬虫伪装

一、网站防爬机制概述 在当今互联网环境中&#xff0c;具有一定规模或盈利性质的网站几乎都实施了各种防爬措施。这些措施主要分为两大类&#xff1a; 身份验证机制&#xff1a;直接将未经授权的爬虫阻挡在外反爬技术体系&#xff1a;通过各种技术手段增加爬虫获取数据的难度…...

编程新知 2026/1/30 20:42:46

2025盘古石杯决赛【手机取证】

前言 第三届盘古石杯国际电子数据取证大赛决赛 最后一题没有解出来&#xff0c;实在找不到&#xff0c;希望有大佬教一下我。 还有就会议时间&#xff0c;我感觉不是图片时间&#xff0c;因为在电脑看到是其他时间用老会议系统开的会。 手机取证 1、分析鸿蒙手机检材&#x…...

编程新知 2026/1/29 17:12:17

ardupilot 开发环境eclipse 中import 缺少C++

目录 文章目录 目录摘要1.修复过程摘要 本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...

编程新知 2026/1/31 5:06:34

Swagger和OpenApi的前世今生

Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章&#xff0c;二者共同塑造了现代RESTful API的开发范式。 本期就扒一扒其技术演进的关键节点与核心逻辑&#xff1a; &#x1f504; 一、起源与初创期&#xff1a;Swagger的诞生&#xff08;2010-2014&#xff09; 核心…...

编程新知 2026/1/25 9:08:41

链式法则中 复合函数的推导路径 多变量“信息传递路径”

非常好&#xff0c;我们将之前关于偏导数链式法则中不能“约掉”偏导符号的问题&#xff0c;统一使用 二重复合函数&#xff1a; z f ( u ( x , y ) , v ( x , y ) ) \boxed{z f(u(x,y),\ v(x,y))} zf(u(x,y), v(x,y))​ 来全面说明。我们会展示其全微分形式&#xff08;偏导…...

编程新知 2026/2/8 12:07:50

leetcode73-矩阵置零

leetcode 73 思路 记录 0 元素的位置&#xff1a;遍历整个矩阵&#xff0c;找出所有值为 0 的元素&#xff0c;并将它们的坐标记录在数组zeroPosition中置零操作&#xff1a;遍历记录的所有 0 元素位置&#xff0c;将每个位置对应的行和列的所有元素置为 0 具体步骤 初始化…...

编程新知 2026/2/1 11:11:34

如何把工业通信协议转换成http websocket

1.现状 工业通信协议多数工作在边缘设备上&#xff0c;比如&#xff1a;PLC、IOT盒子等。上层业务系统需要根据不同的工业协议做对应开发&#xff0c;当设备上用的是modbus从站时&#xff0c;采集设备数据需要开发modbus主站&#xff1b;当设备上用的是西门子PN协议时&#xf…...

编程新知 2026/2/8 19:10:03