基于Vue+Three.js技术的智慧楼宇前端设计与实现  

Design and implementation of smart building front end based on Vue+Three.js technology

作　　者：石建国[1] 周檬[1] 刘丽华[1] 郝艳荣[1] 姚竟发 薛玉倩[1] SHI Jianguo;ZHOU Meng*;LIU Lihua;HAO Yanrong;YAO Jingfa;XUE Yuqian(Hebei Software Institute,Baoding 071000,China)

机构地区：[1]河北软件职业技术学院,河北保定071000

出　　处：《无线互联科技》2024年第23期50-55,共6页Wireless Internet Science and Technology

基　　金：河北省教育厅高等学校科学技术研究自筹经费项目,项目名称:基于Three.js与AIoT技术的智慧楼宇综合管理平台设计,项目编号:ZC2024068。

摘　　要：随着城市化进程的加速和物联网技术的飞速发展,智慧楼宇作为智慧城市的重要组成部分,正逐渐成为现代建筑领域的热点话题。文章介绍了一种基于Vue框架和Three.js技术的智慧楼宇监控大屏前端设计与实现的解决方案,满足了用户交互、实时数据展示和三维可视化的需求。该设计方案使用Vue框架做前端模块整体开发,使用ECharts图表插件进行楼宇统计信息展示,使用Three.js框架进行楼宇三维模型渲染。系统提供了分级浏览、面向对象搜索、远程监控和阈值告警等功能,为用户提供一种高效、直观、友好的智慧楼宇前端交互体验。With the acceleration of urbanization and the rapid development of IoT technology,smart buildings,as an important component of smart cities,are gradually becoming a hot topic in the field of modern architecture.This article introduces a solution for the front-end design and implementation of smart building monitoring screens based on Vue framework and Three.js technology,which meets the needs of user interaction,real-time data display,and 3D visualization.This design scheme uses Vue framework for the overall development of the front-end module,ECharts chart plugin for displaying building statistical information,Three.js framework for rendering building 3D models.The system provides functions such as hierarchical browsing,object-oriented search,remote monitoring,and threshold alarm,providing users with an efficient,intuitive,and friendly smart building front-end interaction experience.

关 键 词：Vue框架 Three.js 智慧楼宇 前端设计 三维可视化 

分 类 号：TP391[自动化与计算机技术—计算机应用技术]