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

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

news 2026/2/9 19:02:23

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

Android Wi-Fi 连接失败日志分析

1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分&#xff1a; 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析&#xff1a; CTR…...

编程新知 2025/9/14 19:44:52

css实现圆环展示百分比，根据值动态展示所占比例

代码如下 <view class""><view class"circle-chart"><view v-if"!!num" class"pie-item" :style"{background: conic-gradient(var(--one-color) 0%,#E9E6F1 ${num}%),}"></view><view v-else …...

编程新知 2026/2/5 4:28:28

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明 在2011版本的gb28181协议中&#xff0c;拉取视频流只要求udp方式&#xff0c;从2016开始要求新增支持tcp被动和tcp主动两种方式&#xff0c;udp理论上会丢包的&#xff0c;所以实际使用过程可能会出现画面花屏的情况&#xff0c;而tcp肯定不丢包&#xff0c;起码…...

编程新知 2026/2/5 4:23:49

高危文件识别的常用算法：原理、应用与企业场景

高危文件识别的常用算法&#xff1a;原理、应用与企业场景 高危文件识别旨在检测可能导致安全威胁的文件&#xff0c;如包含恶意代码、敏感数据或欺诈内容的文档&#xff0c;在企业协同办公环境中&#xff08;如Teams、Google Workspace&#xff09;尤为重要。结合大模型技术&…...

编程新知 2026/2/8 10:51:42

有限自动机到正规文法转换器v1.0

1 项目简介 这是一个功能强大的有限自动机&#xff08;Finite Automaton, FA&#xff09;到正规文法&#xff08;Regular Grammar&#xff09;转换器&#xff0c;它配备了一个直观且完整的图形用户界面&#xff0c;使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...

编程新知 2026/1/31 13:13:32

Web 架构之 CDN 加速原理与落地实践

文章目录 一、思维导图二、正文内容&#xff08;一&#xff09;CDN 基础概念1. 定义2. 组成部分 &#xff08;二&#xff09;CDN 加速原理1. 请求路由2. 内容缓存3. 内容更新 &#xff08;三&#xff09;CDN 落地实践1. 选择 CDN 服务商2. 配置 CDN3. 集成到 Web 架构 &#xf…...

编程新知 2025/9/13 16:17:01

听写流程自动化实践，轻量级教育辅助

随着智能教育工具的发展&#xff0c;越来越多的传统学习方式正在被数字化、自动化所优化。听写作为语文、英语等学科中重要的基础训练形式&#xff0c;也迎来了更高效的解决方案。 这是一款轻量但功能强大的听写辅助工具。它是基于本地词库与可选在线语音引擎构建&#xff0c;…...

编程新知 2026/1/30 1:47:17

推荐 github 项目:GeminiImageApp(图片生成方向，可以做一定的素材)

推荐 github 项目:GeminiImageApp(图片生成方向&#xff0c;可以做一定的素材) 这个项目能干嘛? 使用 gemini 2.0 的 api 和 google 其他的 api 来做衍生处理 简化和优化了文生图和图生图的行为(我的最主要) 并且有一些目标检测和切割(我用不到) 视频和 imagefx 因为没 a…...

编程新知 2026/1/25 10:41:07

C++.OpenGL （20/64）混合（Blending）

混合（Blending） 透明效果核心原理 #mermaid-svg-SWG0UzVfJms7Sm3e {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-icon{fill:#552222;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-text{fill…...

编程新知 2026/1/20 5:33:17

uniapp手机号一键登录保姆级教程（包含前端和后端）

目录 前置条件创建uniapp项目并关联uniClound云空间开启一键登录模块并开通一键登录服务编写云函数并上传部署获取手机号流程(第一种) 前端直接调用云函数获取手机号&#xff08;第三种&#xff09;后台调用云函数获取手机号 错误码常见问题 前置条件 手机安装有sim卡手机开启…...

编程新知 2026/1/27 2:03:36