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

设备控制(Modbus 地址配置)

时监控

操作页展示设备运行参数与状态:

参数说明
高度角度当前跟踪高度角
方位角度当前方位角
目标角度控制目标值
电机电流实时电机电流
电池电压/温度电源状态
电源电压供电电压

状态面板展示多种告警标志:倾角异常、过流、超限、大风、时钟故障、电源异常等。

4.3 控制命令

操作说明
自动启动自动跟踪模式
手动切换手动控制模式
向东/向西手动微调
放平支架放平
标定角度传感器标定
雪天/雨天/避风/清洗场景化保护与控制
指定角度设定目标角度
校时设备时间同步

4.4 调试工具

内置串口调试工具,支持 Hex 指令手工输入与发送、响应日志记录、收发标记,便于现场工程师诊断通信问题。

4.5 分控设备管理

当主控设备下挂分控设备时,支持分控设备的独立参数查看与控制。

操作设置分控


五、用户体验设计

5.1 产品选择入口

首页提供三张产品卡片入口(NCU / 单轴 TCU / 双轴 TCU),每张卡片包含产品图标、名称与简要说明,点击即进入对应的单页应用。

5.2 多语言支持

内置简体中文、English、Português 三语界面,语言切换在首页右上角以下拉菜单呈现,选择后立即生效并持久化到 localStorage。

5.3 双色主题

支持亮色模式与暗色模式,主题偏好通过 localStorage 持久化,页面顶部右侧按钮一键切换。完整的 CSS 变量体系(--bg-primary--text-primary--primary-color等),所有组件自动适配当前主题。

5.4 响应式设计

卡片、栅格系统适配移动端屏幕,底部导航栏取代传统侧边栏,符合移动端操作习惯。页面禁止浏览器默认的拉手势刷新与回弹效果,提供接近原生 APP 的交互体验。

操作设置我的


六、性能与部署

6.1 PWA 支持

项目集成了 Service Worker,用户可将应用添加到主屏幕(A2HS),实现离线可用和类原生启动体验。

6.2 构建产物

  • 目标框架:net10.0
  • 运行时:Blazor WebAssembly(.NET IL 裁剪 + AOT 可选)
  • 输出:纯静态文件(HTML + CSS + JS + WASM)
  • 部署方式:任意静态文件服务器(Nginx、IIS、CDN)

6.3 浏览器兼容

功能最低版本
Blazor WebAssembly现代浏览器(Chrome / Edge / Firefox / Safari)
Web BluetoothChrome 56+、Edge 79+
PWA Service Worker所有主流浏览器

七、总结

基于 Blazor WebAssembly + Web Bluetooth 的光伏设备调试软件,在免安装、跨平台、易分发三个维度上解决了传统调试工具的痛点。项目充分发挥了 .NET 生态在工业软件领域的成熟度,同时利用现代 Web 标准的设备接入能力,在浏览器环境中实现了原本需要原生应用才能完成的 BLE 通信与 Modbus 协议交互。

这套技术栈为光伏跟踪、微电网、电机控制等同类工业 IoT 场景提供了可复用的前端架

http://www.cnnetsun.cn/news/3193985.html

相关文章:

  • Windows Server 2012 R2 部署 Docker 方案对比:Docker Toolbox vs Linux VM 性能与适用性分析
  • MAX9744与PIC18LF47K40音频放大系统设计与优化
  • 前端转大模型:代码实践里的关键取舍
  • 高斯混合模型(GMM) vs K-Means:5个数据集实测对比与选型指南
  • Docker 24.0 存储路径迁移:3种方法对比与 daemon.json 配置详解
  • AppLovin 试玩广告横竖屏自适应:3种CSS/JS方案与真机测试要点
  • 5分钟快速上手MediaCrawler:多平台数据采集终极指南
  • ResNet-50 特征图可视化:从Grad-CAM到3D卷积核的5步调试法
  • Linux 0.11 内核栈进程切换实战:5步重写switch_to汇编与fork改造
  • STC3115与PIC18LF46K22在电池管理系统中的设计与优化
  • ICM-42605与PIC18F24K50实现低成本运动追踪方案
  • Java计算机毕设之基于 SpringBoot 的快递包裹信息管理系统的设计与实现 基于前后端分离的快递物流数据统计系统(完整前后端代码+说明文档+LW,调试定制等)
  • 雨云服务器——新一代云服务提供商
  • Go-NFS核心架构揭秘:深入理解NFSv3协议实现原理
  • Vue.js登录表单验证:前端输入校验与用户体验优化策略
  • LLM知识图谱构建器:用AI将非结构化数据转化为结构化知识
  • 环境优质重庆火锅测评:行业选型标准与品牌差异分析
  • Chrome 缓存文件深度解析:Cache 目录结构与 4 类文件清理策略
  • 0.15元建站实战:静态网站托管+CDN+DNS极简部署
  • Dotfiles 入门:用纯文本配置实现开发环境可复现与跨设备同步
  • YOLO与DETR目标检测实战对比:从原理到RT-DETR自定义训练
  • 解锁大语言模型推理性能:vLLM高性能部署与优化全攻略
  • 坎巴拉太空计划模组管理革命:CKAN如何让模组安装变得简单高效
  • 如何在Easy Node Authentication中实现Facebook第三方登录?详细步骤解析
  • 终极HTML演示文稿制作指南:如何使用Everything Claude Code创建惊艳的前端幻灯片
  • Selenium自动化测试环境配置难题的终极解决方案:webdriver_manager
  • 7步实战掌握Stability AI生成模型:从环境配置到视频生成完整指南
  • 5大安全机制深度剖析:EhViewer隐私保护架构的技术实现路径
  • Notepad--跨平台编辑器:如何快速掌握国产文本编辑器的核心功能
  • EhViewer安卓画廊浏览器终极指南:如何高效管理你的数字艺术收藏