作品详情

大赛登录

大赛注册

当前位置：首页大赛首页桥梁监测传感器监控平台

大赛简介

大赛作品

大赛动态

联系我们

联系人：王秀秀

电话：010 -66083178

网址：www.qxwq.org.cn　

地址：北京市西城区广安门

内广义街5号广益大厦

大赛作品详情

作品名称：桥梁监测传感器监控平台
学校名称：厦门大学嘉庚学院
参赛队伍：数据创新
队伍编号：213254
参赛学生：陈宇喆樊进飞刘翱恺丁佳翊
指导老师：欧阳溯
投票日期：2025年10月10日 00:00->2025年12月15日 00:00
请在微信端进行投票。点此扫描二维码。

详细说明

项目：桥梁监测传感器监控平台

本项目是基于 Vue3 + Echarts 开发的桥梁监测传感器监控前端系统，专注于实现桥梁设备的可视化监控与数据展示。系统采用 Nginx 搭建 Web 服务器，通过 JSON 格式文件模拟真实数据，支持视频监控、传感器电量实时监测等核心功能，适配多场景监控需求。

在技术实现上，项目采用 vh/vw 实现响应式尺寸适配，结合 rem 规范统一字体样式，通过 Vue3 Setup 语法优化代码结构，提升开发效率与可维护性。核心依赖包括 Vue Router 实现页面路由控制、Axios 处理网络请求、Element Plus 构建美观界面组件，以及 Echarts 系列插件，实现数据可视化呈现。

功能层面，平台左侧实时展示5处传感器电量状态，支持低电量报警提示与充电状态动态更新；右侧集成视频监控模块，实现视频自动播放模拟实时监控、充电特效展示等交互效果。整体界面采用深色主题设计，布局清晰、操作简洁，可满足桥梁运维过程中对设备状态的实时监控与数据追溯需求，具备良好的视觉体验与实用价值。

旨在提升管理效率，打破传统人工检测的局限性，使数据精度更高，维护风险更小，降低运维成本。