基于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 | MQT