地上一の鹅的博客

原创 37、需求预测与库存优化 (快消品) - /供应链管理组件/fmcg-inventory-optimization

76个工业组件库示例汇总这是一个用于模拟和可视化快消品 (FMCG) 需求预测与库存优化流程的组件。用户可以选择不同的产品和区域，调整预测参数和库存策略，然后运行模拟以查看历史销售、预测需求以及基于目标安全库存的优化建议。组件旨在帮助理解季节性对销售的影响、需求预测的基本方法以及如何根据预测和库存策略来指导补货决策。使用方法将 的内容复制到 HTML 编辑器中。将 的内容复制到 CSS 编辑器中。将 的内容复制到 JavaScript 编辑器中。调整组件大小以适应内容展示，建议宽度较宽，高

原创 36、供应链计划与执行优化 (军方后勤) - /供应链管理组件/military-logistics-scm

76个工业组件库示例汇总本组件模拟了一个简化的军方后勤保障场景下的供应链计划与执行流程。它旨在可视化需求预测、库存管理、供应计划（采购与调拨）以及执行监控（在途物资跟踪）等核心环节，并展示关键绩效指标 (KPI)。组件界面采用苹果科技工业风格，力求信息清晰、布局合理、交互简洁。如何使用集成: 确保 文件夹存在，并将 文件夹放置其中。加载: 在您的应用程序或 Appsmith 等平台中加载 文件。交互:启动/停止: 使用顶部的"启动"和"停止"按钮控制模拟的运行。调整速率: 通过速率滑块

原创 35、自主移动机器人 (AMR) 调度模拟 (电子厂) - /物流与仓储组件/amr-scheduling-electronics

76个工业组件库示例汇总

原创 34、扩展仓储管理系统 (跨境汽车零部件模拟) - /物流与仓储组件/extended-warehouse-management

76个工业组件库示例汇总这是一个高级的仓储管理系统 (WMS) 模拟组件，专为展示跨境汽车零部件的复杂物流场景而设计。它模拟了从海外供应商发货，经过海运/空运、清关、质检，到最终入库上架，以及接收国内订单、拣货、包装、报关并最终发运的完整流程。此组件通过可视化界面动态展示关键流程节点的状态变化、库存变化以及相关 KPI，旨在帮助理解跨境仓储操作中的挑战和管理要点。请注意: 这是一个概念性的模拟演示，流程时间和库存管理逻辑被高度简化，旨在教学和演示，并非精确的运营优化工具。技术栈HTML5: 结构CS

原创 贪吃蛇游戏（纯HTML）

原创 33、港口集装箱装卸效率仿真 (Port Operations Simulation) - /物流与仓储组件/port-operations-simulation

76个工业组件库示例汇总这是一个基于 Web 的可视化仿真组件，用于模拟集装箱港口的基本作业流程，包括船舶到港、岸边集装箱起重机 (QC) 卸船、集装箱卡车运输以及堆场内的集装箱起重机 (YC) 作业。此组件旨在概念性地演示港口运营中的关键环节和设备交互，并提供基本的控制和状态监控。请注意: 这是一个简化的概念演示，并非精确的物理或运营模型。其目标是直观展示流程，而非提供精确的性能预测。技术栈HTML5: 结构CSS3: 样式 (采用类苹果科技风格的变量和布局)JavaScript (ES6+):

原创 32、智能仓库管理与优化系统 (模拟) - /物流与仓储组件/warehouse-optimization-system

76个工业组件库示例汇总这是一个交互式的 Web 组件，用于模拟现代电商仓库的核心运作流程，包括库存可视化、订单处理、拣货路径优化和自动化分拣调度。用户可以生成模拟订单，观察系统如何计算（简化的）最优拣货路径，并观看拣货员和包裹在仓库中移动的动态模拟。请注意：这是一个概念演示组件。仓库布局、库存数据、路径优化算法和分拣逻辑均为高度简化和模拟的，旨在展示核心概念而非提供精确的 WMS 功能。技术栈HTML5CSS3 (Flexbox 布局, CSS Variables, Gradients)Java

原创 31、工业网络异常行为检测与OT协议深度分析 (核电站DCS模拟) - /安全与维护组件/network-anomaly-detection-nuclear

76个工业组件库示例汇总 组件是一个高级的前端模拟界面，旨在演示工业网络安全监控系统如何检测异常行为，特别是针对核电站集散控制系统 (DCS) 的潜在攻击，并结合操作技术 (OT) 协议的深度包检测 (DPI) 功能。该组件模拟了一个多区域网络环境（IT, DMZ, PCN, SIS），并动态生成混合了正常和异常（包括模拟的零日攻击）的网络流量。系统会对流量进行分析，识别异常模式和违反安全策略的行为，并进行告警。4. 使用方法在浏览器中打开 文件。点击"开始"按钮启动模拟。观察实时流量日志和告警

原创 30、ICS/OT 攻击溯源 (电力系统) 模拟组件 - /安全与维护组件/ics-attack-forensics

76个工业组件库示例汇总 组件是一个前端模拟界面，旨在可视化展示针对工业控制系统 (ICS) / 操作技术 (OT) 环境的网络攻击溯源过程。该组件特别模拟了一个针对电力系统的复杂持续性威胁 (APT) 攻击场景，帮助用户（如安全分析师、学生、运维人员）理解攻击链、分析取证数据、识别受影响系统，并关联威胁情报。它提供了一个交互式的环境，用于探索攻击的不同阶段，并查看在每个阶段可能收集到的证据类型。4. 使用方法确保你的计算机上有现代网页浏览器（如 Chrome, Firefox, Edge）。直接在

原创 29、工业网络威胁检测与响应 (IDS 模拟) - /安全与维护组件/industrial-network-ids

76个工业组件库示例汇总这是一个用于模拟工业控制系统 (ICS) / 操作技术 (OT) 网络中威胁检测与响应流程的组件。它通过可视化简化的网络拓扑、模拟实时事件流、高亮潜在威胁并提供响应选项，帮助用户理解工业网络安全监控的基本概念。使用方法将 的内容复制到 HTML 编辑器中。将 的内容复制到 CSS 编辑器中。将 的内容复制到 JavaScript 编辑器中。调整组件大小以适应内容展示，建议宽度较宽，高度适中（例如 600px）。交互流程:

原创 28、工业网络资产漏洞扫描与风险评估 (模拟) - /安全与维护组件/industrial-network-scanner

76个工业组件库示例汇总这是一个交互式 Web 组件，旨在模拟工业网络环境中的资产发现、漏洞扫描和风险评估过程。用户可以模拟发现网络中的 PLC、HMI、服务器等资产，对选定的资产发起模拟扫描以查找漏洞，并查看汇总的风险信息和生成模拟审计报告。请注意：这是一个高度概念化的演示组件。所有资产信息、漏洞数据、扫描过程和风险评估均为模拟，不代表真实的网络扫描或安全评估工具。技术栈HTML5CSS3 (Flexbox 布局, Grid 布局, CSS Variables)JavaScript (ES6+)

原创 27、设备状态监测与维护管理 (模拟电机振动) - /安全与维护组件/device-condition-monitoring

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟工业防火墙在保护关键工控网络（特别是 DCS - 分布式控制系统）免受网络攻击（如勒索软件传播）方面的核心功能。组件通过可视化简化的网络拓扑、模拟网络流量、应用防火墙规则，并记录流量日志和安全告警，来演示基本的网络安全防护概念。请注意：这是一个高度简化的前端模拟演示，不执行真实的防火墙策略或网络数据包分析。所有网络流量、攻击模式、规则匹配和阻止行为都是基于预设逻辑和随机性在浏览器端模拟生成的。效果展示

原创 调用海康威视AI开放平台接口实现人体关键点检测

这是一个基于Web的海康威视AI图像检测平台，支持通过浏览器上传图片并实时获取AI检测结果。用户可以直接在网页上上传图片，系统会自动调用海康威视AI接口进行人体检测和关键点识别，并生成可视化结果。人员关键点识别项目根目录/├── server.js # Express服务器主文件├── hikvisionApi.js # 用于调用视觉算法接口进行图片校验├── visualizer.js # 用于在图片上绘制人体检测框和关键点├── public/ # 静态文件目录。

原创 Docker部署QAnything2.0并接入大模型

注意docker compose version >= 2.23.3 ，不能是1x版的，如果没安装或者是1x版的请先卸载再安装最新版。显示Ollama is running则代表安装成功。运行成功后，即可在浏览器输入以下地址进行体验。显示当前ollama已下载的大模型。

原创 Docker部署PaddleX实现PaddleOcr

是因为浏览器在发送跨域 POST 请求前，会自动先发送一次 OPTIONS 预检（preflight）请求，确认服务器是否允许本次跨域操作。通常是由于 Docker 没有正确识别到 GPU，或者 NVIDIA Docker 配置不正确。重启docker后，运行容器成功。docker安装PaddleX。进入容器安装serving。进入容器安装高性能推理插件。

原创 node-red的http-request组件调研三方接口请求参数为form-data解决方案

HTTP 请求中（尤其是表单提交 POST 或 PUT），application/x-www-form-urlencoded 和 multipart/form-data 是两种主要的 Content-Type。node-red的http-request组件可以请求三方接口，但是如果该接口输入参数格式是form-data，则会传参失败。1、网上很多方案是用function构建一个form-data格式请求参数，测试下来均无效。2、最终修改为如下成功传参并返回结果。

原创 算法/机理模型演示平台搭建（二）——算法接口部署（FastApi）

你将看到由 FastAPI 自动生成的交互式 API 文档 (Swagger UI)，其中列出了所有可用的算法端点、所需的输入参数（请求体）和预期的输出格式（响应体）。对于新增的模拟算法 (DES, ABM, SD)，API 实现也是概念性的简化模拟。，API 目前使用固定的示例函数进行优化，请求体主要用于调整算法参数。你可以使用 API 文档页面直接发送请求来测试各个算法，或者使用。下面是每个 POST 端点所需请求体的示例 JSON 数据。，如果 Docker 不在本地运行)。

原创 26、AI 预测性维护 (燃气轮机轴承) - /安全与维护组件/ai-predictive-maintenance-turbine

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟基于 AI 的预测性维护 (Predictive Maintenance, PdM) 概念，应用于工业燃气轮机的关键部件（例如轴承）。它通过模拟传感器数据、动态预测剩余使用寿命 (RUL)，并根据预测结果提供相应的维护建议，展示 PdM 的基本工作流程和价值。重要提示： 此组件是一个高度简化的概念演示，其传感器数据、RUL 计算和 AI 模型均为模拟，不代表真实的物理过程或复杂的机器学习模型。它的主要目的是教学和概念展示。再次强调，以上均为简化

原创 25、工业防火墙 - 工控网络保护 (模拟) - /安全与维护组件/industrial-firewall-dcs-protection

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟工业防火墙在保护关键工控网络（特别是 DCS - 分布式控制系统）免受网络攻击（如勒索软件传播）方面的核心功能。组件通过可视化简化的网络拓扑、模拟网络流量、应用防火墙规则，并记录流量日志和安全告警，来演示基本的网络安全防护概念。请注意：这是一个高度简化的前端模拟演示，不执行真实的防火墙策略或网络数据包分析。所有网络流量、攻击模式、规则匹配和阻止行为都是基于预设逻辑和随机性在浏览器端模拟生成的。技术栈HTML5CSS3 (使用了 CSS

原创 常用算法/机理模型演示平台搭建（一）—— 概述

你将看到由 FastAPI 自动生成的交互式 API 文档 (Swagger UI)，其中列出了所有可用的算法端点、所需的输入参数（请求体）和预期的输出格式（响应体）。这些模型定义了各个 API 端点所需输入数据的字段、类型和验证规则，以及 API 响应数据的结构。对于新增的模拟算法 (DES, ABM, SD)，API 实现也是概念性的简化模拟。，API 目前使用固定的示例函数进行优化，请求体主要用于调整算法参数。希望通过这些简单的示例，帮助你初步了解这些算法的基本原理和潜在应用。

原创 24、钢铁厂峰谷电价策略优化分析 - /能源管理组件/steel-plant-tou-optimization

本组件旨在模拟钢铁厂（特别是电弧炉 EAF 等高耗能工序）在峰谷电价机制下的用电成本，并通过模拟调整生产计划（负荷转移）来分析潜在的成本优化空间。用户可以设定负荷转移策略（转移多少负荷、从哪个高峰时段转移、转移到哪个谷/平时段、持续多久），然后组件会计算并对比优化前后的总用电成本，并在图表中直观展示负荷曲线的变化以及与电价时段的关系。设计风格遵循苹果科技工业美学，注重数据的清晰呈现和交互的便捷性。

原创 23、电网数据管理与智能分析 - 负载预测模拟 - /能源管理组件/grid-data-smart-analysis

76个工业组件库示例汇总本组件旨在模拟一个城市配电网的运行状态，重点关注数据管理、可视化以及基于模拟数据的智能分析，特别是负载预测功能。用户可以通过界面交互式地探索电网拓扑、查看节点状态、控制时间演进，并观察系统生成的负载预测和相关告警。设计风格遵循苹果科技工业美学，力求界面清晰、交互流畅、信息直观。

原创 22、能源监控与优化 - 数据中心模拟 - /能源管理组件/data-center-energy-monitoring

76个工业组件库示例汇总本组件旨在模拟一个典型数据中心的能源消耗情况，并提供实时的监控数据和基本的优化建议/警报功能。用户可以通过界面直观地了解数据中心总体功耗、PUE (电源使用效率)、各部分能耗构成、机架温度状态等关键指标，并观察其动态变化。

原创 21、工业大数据分析与实时告警 (模拟根因分析) - /数据与物联网组件/bigdata-root-cause-analysis

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟一个工业大数据分析平台的关键应用场景：生产线异常停机的实时告警与根因分析 (Root Cause Analysis, RCA)。组件通过模拟生产线状态、传感器数据和简单的分析规则，动态展示异常停机事件，并为选定的事件提供推测性的根因、相关数据快照和建议措施。请注意：这是一个高度简化的前端模拟演示，不执行真实的复杂大数据分析或机器学习。所有生产线状态、传感器数据、停机事件、根因推断和置信度都是基于预设的简单规则和随机性在浏览器端模拟生成的。技术

原创 20、工业协议转换与数据采集中间件 (模拟) - /数据与物联网组件/protocol-converter-middleware

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟一个工业数据采集中间件的核心功能。该中间件的概念是连接到工厂中的多种不同品牌、不同协议的 PLC（可编程逻辑控制器），统一采集数据点（标签），并在一个集中的界面进行监控和记录日志。请注意：这是一个高度简化的前端模拟演示，不涉及真实的协议转换或网络通信。所有 PLC 连接、数据值、状态变化和日志都是在浏览器端通过 JavaScript 模拟生成的。技术栈HTML5CSS3 (使用了 CSS 变量, Grid 布局, Flexbox, 动画

原创 19、云端工业物联网生态组件 - 工厂能效与预测维护 - /数据与物联网组件/cloud-iiot-factory-analysis

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟一个云端工业物联网 (IIoT) 平台的核心界面，专注于工厂层面的能效分析和基于传感器数据的预测性维护概念。用户可以监控模拟的设备状态，查看全局或单个设备的能耗指标，并观察预测性维护警报的生成。请注意：这是一个高度简化的前端模拟演示，不连接任何真实的云平台或物理设备。所有数据、状态变化、警报和预测都是在浏览器端模拟生成的。技术栈HTML5CSS3 (使用了 CSS 变量, Grid 布局, Flexbox, 媒体查询)JavaScri

原创 18、时序数据库 (TSDB) 存储高密度传感器数据组件 - /数据与物联网组件/tsdb-power-plant-archive

这是一个交互式的 Web 组件，用于模拟从时序数据库 (Time Series Database, TSDB) 查询和展示发电厂高密度温度传感器历史数据的场景。用户可以选择不同的温度测点，定义一个时间范围，然后模拟执行查询，并查看结果的统计摘要、数据样本以及一个预留的趋势图区域。请注意：这是一个前端模拟演示，它不连接任何真实的数据库，所有数据和查询延迟都是在浏览器端模拟生成的。

原创 17、工业物联网 (IIoT) - 风机监控模拟 - /数据与物联网组件/iiot-wind-turbine-monitor

这是一个交互式的 Web 组件，用于模拟工业物联网 (IIoT) 平台监控远程风力发电机组运行状态的场景。它展示了如何连接多个设备，实时获取关键运行参数，记录重要事件和警报，并为数据分析提供基础。该组件旨在提供一个可视化的界面，帮助理解 IIoT 在设备远程监控、状态感知和预警方面的应用。注意：这是一个高度简化的概念演示，并未连接任何真实设备或云平台。所有设备状态和数据均为模拟生成。

原创 16、先进过程控制 (APC) - 炼油厂 FCC 模拟 - /生产管理组件/apc-refinery-fcc

这是一个交互式的 Web 组件，用于模拟先进过程控制 (APC) 系统在优化炼油厂催化裂化 (FCC - Fluid Catalytic Cracking) 单元中的应用概念。它展示了系统如何监控关键过程变量 (PVs)，根据设定的控制目标和约束 (CVs)，自动调整操纵变量 (MVs) 以实现优化运行。该组件旨在提供一个可视化的界面，帮助理解 APC 的基本工作原理，即多变量预测控制和约束处理。

原创 15、生产绩效分析 - 钢铁厂轧制模拟 - /生产管理组件/steel-performance-analysis

这是一个交互式的 Web 组件，用于模拟钢铁厂轧制生产线的实时绩效监控和数据管理。它重点展示了关键绩效指标 (KPI) 的实时更新、轧机关键参数的动态显示以及生产事件的日志记录。该组件旨在提供一个可视化的界面，帮助理解如何利用实时数据进行生产效率分析和过程监控。注意：这是一个高度简化的概念演示，并非连接真实设备的监控系统。所有数据均为模拟生成。

原创 14、企业资源计划 (ERP) - 全球库存协同模拟 - /生产管理组件/erp-global-inventory

76个工业组件库示例汇总这是一个交互式的 Web 组件，用于模拟企业资源计划 (ERP) 系统的核心概念，特别侧重于跨国制造企业的全球库存协同。它集成了仪表盘、全球库存管理、订单管理、生产概览和财务摘要等关键模块的简化视图。该组件旨在提供一个可视化的界面，帮助理解 ERP 系统如何整合不同业务领域的数据，并支持全局决策。注意：这是一个高度简化的概念演示，并非功能齐全的 ERP 系统。数据和流程都经过了大幅简化。技术栈HTML5CSS3 (Flexbox, Grid, Custom Properti

原创 13、制造执行系统 (MES) - 半导体模拟 - /生产管理组件/mes-semiconductor

76个工业组件库示例汇总这是一个交互式的 Web 组件，用于模拟半导体制造环境中的制造执行系统 (MES) 的核心概念。它演示了工单（批次/Lot）管理、生产流程跟踪、基本设备调度和模拟质量控制。该组件旨在提供一个可视化的界面来理解晶圆在工厂中的流转过程。注意：这是一个高度简化的概念演示，并非功能齐全的 MES 系统。技术栈HTML5CSS3 (Flexbox, Grid, Custom Properties)JavaScript (ES6+)效果展示

原创 12、电子电路设计与PCB布局组件 (概念) - /设计与仿真组件/pcb-layout-tool

76个工业组件库示例汇总这是一个交互式的 Web 组件，用于演示电子电路原理图设计和 PCB 布局的基本概念。用户可以从元件库中选择元件，在原理图和 PCB 画布上放置、移动，进行原理图连线，并触发模拟的 PCB 自动布线和高亮联动效果。请注意，这是一个高度简化的概念演示，并非功能完善的 EDA 工具。技术栈HTML5 / CSS3 (Flexbox, CSS Variables)JavaScript (ES6+)HTML Canvas 2D API重要提示概念性演示: 功能高度简化，仅用

原创 11、参数化三维产品设计组件 - /设计与仿真组件/parametric-3d-product-design

这是一个交互式的 Web 组件，旨在演示简单的三维零件（如带凸台的方块）的参数化设计过程，并结合注塑模具设计（如开模动画）与公差分析（如可视化公差带）的概念性可视化。

原创 10、复杂曲面设计与建模组件 - /设计与仿真组件/complex-surface-modeling

76个工业组件库示例汇总这是一个交互式的 Web 组件，旨在模拟航空/汽车行业中复杂曲面（如飞机发动机短舱）的设计与气动外形优化的初步概念可视化。

原创 9、电机控制仿真组件 - /设计与仿真组件/motor-control-simulation

这是一个交互式的Web组件，用于模拟和可视化常见的电机控制系统动态行为。

原创 8、多物理场仿真组件 (风力发电机) - /设计与仿真组件/multi-physics-simulation

76个工业组件库示例汇总这是一个基于Web的多物理场仿真组件，专注于模拟风力发电机在不同工况下的行为。它提供了一个交互式界面，允许用户设置结构、流体和电磁相关的参数，运行模拟仿真，并可视化结果。该组件旨在为工程设计、教育和研究提供一个直观的工具，用于理解复杂的多物理场现象。(根据 中定义的参数进行详细说明)为了快速展示组件的核心功能和交互流程，当前版本使用了简化的几何体。在集成真实求解器后，可以替换为更详细的模型。不准确。当前版本仅使用随机生成的模拟数据来填充结果面板和图表，用于演示UI效果。结果不代表真

原创 7、三维机械设计、装配与运动仿真组件 - /设计与仿真组件/3d-mechanical-designer

这是一个基于Three.js开发的三维机械设计、装配与运动仿真通用组件，可以实现工业机器人关节结构设计与运动仿真功能。该组件默认加载一个简单的三轴工业机器人模型，包含以下部分：通过调整各关节的参数和运动范围，可以模拟不同类型工业机器人的运动特性。如需扩展更复杂的功能，可以考虑：

原创 6、机械/电气工程CAD设计组件 - /设计与仿真组件/engineering-cad-designer

这是一个交互式的二维CAD设计工具，专为机械和电气工程图纸绘制设计。该组件支持自适应布局，提供了丰富的绘图工具和机床结构元素库。点击顶部导航栏中的"导出设计"按钮，将当前绘图保存为PNG图片。CAD设计器的颜色主题和样式可以通过修改CSS变量来自定义：扩展机床组件库可以通过编辑JavaScript代码中的对象来添加新的机床组件类型：然后在HTML中的组件库中添加对应的条目：

原创 5、开放式PLC梯形图编程组件 - /自动化与控制组件/open-plc-programming

这是一个开放式PLC编程环境的自定义组件，提供了一个面向智能仓储堆垛机控制的开放式PLC编程环境。该组件采用苹果科技风格设计，支持多厂商PLC硬件，具有直观的界面和丰富的功能。组件包含以下主要功能区域：要将组件连接到实际的PLC硬件，请按照以下步骤操作：组件默认使用模拟数据。要连接实际硬件，需要修改中的函数，实现与实际PLC的通信。组件内置了几个堆垛机控制的编程示例：这些示例可以作为开发实际应用程序的起点。