Design And Implementation Of Real-time Visual Management System For Tunnel Based On Web

With the rapid development of economy and society,the scale of highway tunnels in China is increasing with the passage of time.The traditional manual management method has the disadvantages of low informationization,unintuitive display and low efficiency,so a tunnel management system with intuitive display and high informationization is needed to improve the efficiency of tunnel management.On the other hand,the rapid development of computer technology,especially Web visualization technology and Web real-time communication technology,provides the technical basis for an intuitive tunnel visualization system.This thesis proposes a real-time visual management system for tunnel,which is a tunnel management software developed using B/S mode.The software realizes real-time visual monitoring of tunnel deformation and real-time visual monitoring of vehicles in three-dimensional scene,and can intuitively manage the tunnel in real time.At the same time,the software also has the function of tunnel deformation scene and vehicle scene reappearance,which is of great significance for finding and analyzing problems afterwards.In order to facilitate the monitoring of the tunnel as a whole,the software also incorporates tunnel deformation statistics and vehicle statistics.The main contents of this thesis are as follows:(1)Web-based 3D scene design.Firstly,the 3D modeling software Blender is used to build the 3D model of the tunnel scene and export it to gl TF file;Then the 3D scene is displayed on the Web based on WebGL’s Three.js technology;Finally,the tunnel deformation is displayed on the Web and the vehicles move in the 3D scene by using skeletal animation.At the same time,the loading and rendering of 3D scene are optimized to improve the efficiency of loading and rendering.(2)Real time data transmission and user interaction design.The WebSocket protocol is used to establish the communication between the browser and the server,so that the server can push the data to the browser without the request of the browser,which provides the communication basis for the whole system to realize real-time deformation and realtime vehicle location.It also designs and completes the user interaction design,such as panning,rotating and zooming of the 3D scene,so as to improve the user’s operation experience.(3)Development of tunnel real-time visual management system.Through the function analysis of the system,using B/S and front and back end separation mode to complete the development of the system.Mysql database is used for data management,and physical entity table is designed for data storage.The back-end uses Spring Boot framework and My Batis Plus framework to build server-side program,and uses MVC hierarchical development idea to complete real-time data processing.The front-end uses Vue framework,Element UI component and Echarts component to build the front-end page to complete the visualization of the front-end 3D scene and data visualization.The tunnel real-time visual management system designed in this thesis can not only display the internal scene information of the tunnel at the current moment,but also visualize the historical scene of the tunnel,which effectively improves the management efficiency of the tunnel.