基于 Blazor 实现的电梯运行监测系统

一、项目背景

随着城市高层建筑的快速发展,电梯已成为人们日常出行不可或缺的垂直交通工具。然而,电梯故障频发、维保响应滞后、运行数据不透明等问题,给物业管理和乘客安全带来了巨大挑战。传统的电梯管理方式依赖人工巡检和电话报修,效率低下且难以做到实时监测。

为了解决这些痛点,我们基于 .NET 10 + AntDesignBlazor + Known 技术栈,打造了一套电梯运行监测系统,实现了电梯状态的实时采集、可视化监控、智能告警与日志追溯,帮助物业和维保单位实现电梯的数字化、智能化管理。


二、系统架构

本系统采用 Blazor Server 架构,前后端统一使用 C# 开发,充分利用 .NET 生态的高性能与强类型优势。

层级 技术选型 说明
前端框架 Blazor + AntDesignBlazor 组件化 UI,响应式布局
后端框架 .NET 10 Web API 高性能、跨平台
业务框架 Known 插件化业务框架,快速搭建企业级应用
实时通信 MQTT 电梯设备数据实时上报
数据存储 SQL Server / MySQL 结构化数据持久化

三、核心功能

3.1 安全登录与权限管控

系统提供安全的登录入口,支持用户名密码认证,并基于 Known 框架的权限体系,实现菜单、按钮、数据的多维度权限控制,确保不同角色(管理员、值班人员、维保人员)只能访问其授权范围内的功能和数据。

登录页采用深色科技风设计,突出"电梯在线监测与运行管理平台"的定位,左侧展示系统核心能力:楼盘/楼栋/单元/电梯多级监测对象、运行监测与告警响应核心能力、MQTT 实时通信数据通道、7×24 小时在线值守模式。


3.2 电梯智慧控制台(首页)

登录后进入电梯智慧控制台,一屏掌握全局运行态势。

控制台核心指标包括:

  • 设备在线率:实时统计接入设备的在线比例
  • 今日告警:汇总当日异常事件数量
  • 实时运行:当前正在运行的电梯数量
  • 资源总览:楼盘总数、楼栋总数、单元总数、电梯总数、停止电梯数
  • 运行状态分布:上行、下行、停止三类状态的电梯数量及占比
  • 重点告警:优先展示停梯或高负载设备,提醒值班人员关注

3.3 实时监控(电梯运行详情)

监控页面以楼盘 → 楼栋 → 单元 → 电梯四级树形结构组织,左侧导航快速定位,右侧展示电梯实时运行卡片。

每张电梯卡片包含:

  • 电梯编号与名称:如 DT-001 / 1号电梯
  • 运行方向:上行(绿色)、下行(橙色)、停止(灰色)
  • 当前楼层:2F、3F 等实时楼层显示
  • 实时速度:如 1.20 m/s
  • 轿厢负载:如 11%
  • 服务状态:运行中、返程中等
  • 最近上报时间:精确到秒级
  • 最近事件:电梯上行/下行等状态变更记录

支持卡片模式表格模式两种视图切换,满足不同场景下的浏览习惯。


3.4 日志管理(事件追溯)

系统完整记录电梯相关的所有事件日志,支持多维度检索与导出。

日志字段涵盖:

字段 说明
摄像机编码 关联的监控摄像头标识
摄像机名称 如"1栋-1单元摄像机"
识别人员 通过摄像头识别到的人员姓名
人员编号 识别人员的唯一编号
相似度 人脸识别置信度
电梯编号/名称 关联的电梯信息
控制命令 如"授权派梯"
事件类型 alarmResult 等事件分类
消息 详细的事件描述

支持按摄像机编码、识别人员、电梯编号等条件筛选,并支持一键导出 Excel,方便后续审计与分析。


四、技术亮点

4.1 Blazor + AntDesignBlazor 打造极致体验

  • 单页应用(SPA)体验:页面切换流畅,无需整页刷新
  • 丰富的组件库:表格、表单、卡片、树形导航、统计数字等开箱即用
  • 响应式布局:适配不同分辨率的监控大屏和值班室电脑

4.2 Known 框架加速业务开发

Known 是一款基于 Blazor 的插件化 C# 全栈框架,本系统充分利用其特性:

  • 插件化架构:功能模块按需加载,便于后续扩展
  • 低代码列表页与表单页:快速生成日志查询、设备管理等标准页面
  • 内置权限体系:菜单、按钮、数据权限一键配置
  • Excel 导入/导出:日志数据轻松导出,方便汇报与存档

4.3 MQTT 实时通信

电梯设备通过 MQTT 协议将运行数据(楼层、方向、速度、负载、状态等)实时上报至服务端,Blazor Server 通过 SignalR 将数据推送至前端,实现秒级刷新的监控体验。


五、应用场景

场景 价值
物业值班室 实时掌握所管楼宇电梯运行状态,快速响应困人、故障等突发事件
维保单位 通过告警日志精准定位问题电梯,提前准备配件,提升维保效率
监管部门 汇总分析电梯运行大数据,识别高风险设备,制定针对性检查计划
智慧社区 与门禁、摄像头等系统联动,实现"识别人员 → 自动派梯"的智能体验

六、总结

本系统基于 .NET 10 + AntDesignBlazor + Known 技术栈,实现了电梯运行的实时监控、智能告警、日志追溯等核心功能。通过 Blazor 的统一技术栈,前后端共享 C# 代码,降低了开发和维护成本;借助 Known 框架的插件化和低代码能力,业务功能得以快速迭代交付。

未来,我们还将持续优化:

  • 📊 数据可视化大屏:3D 楼宇模型直观展示电梯位置与状态
  • 🤖 AI 预测性维护:基于历史数据预测电梯故障风险
  • 📱 移动端小程序:物业人员随时随地查看电梯状态

技术栈:.NET 10 | Blazor | AntDesignBlazor | Known | MQTT | SignalR

适用行业:智慧物业、电梯维保、智慧社区、楼宇智能化

相关推荐
functionMC2 天前
在Vue/Nuxt、React/Next/TanstackStart、RazorPages折腾一圈后,还是回到了Blazor,但这回有SSR+HTMX+Alpine的加持
blazor·alpine·htmx
csdn_aspnet3 个月前
.NET 10 中的 Blazor:新增功能及常见问题
wasm·blazor·.net10
csdn_aspnet3 个月前
Asp.Net Core 10.0 中的 Blazor 增强功能
前端·后端·asp.net·blazor·.net10
许泽宇的技术分享5 个月前
当AI开始“画“界面:A2UI协议如何让.NET应用告别写死的UI
人工智能·ui·.net·blazor·a2ui
许泽宇的技术分享5 个月前
当AI遇见UI:用.NET Blazor实现Google A2UI协议的完整之旅
人工智能·ui·.net·blazor·a2ui
known5 个月前
基于Blazor实现的样品扫码比对管理系统
blazor
Aevget5 个月前
界面控件Telerik UI for Blazor 2025 Q3新版亮点 - 进一步提升AI集成功能
人工智能·ui·界面控件·blazor·telerik
微笑刺客D6 个月前
腾讯云EdgeOne Pages托管Blazor Wasm
blazor
Jackson@ML6 个月前
用ASP.NET创建一个Blazer Web应用程序
前端·asp.net·blazor