基于BIM的三维道路标牌在微信小程序展示架构设计与实践研究.pdf

基于BIM的三维道路标牌在微信小程序

展示架构设计与实践研究

摘要：随着当今信息技术的发展和互联网+的深入，BIM技术作为当今信息技

术和工程技术结合的发力点。越来越多的跨域需求凸显，众所周知，BIM技术模

型一般基于PC端的工程技术专业软件，如Revit，Bentley，Catia等三维技术

软件进行设计和展现。伴随着发展的需要，如何实时方便的进行三维模型的查看

和预览，已经成为当下技术发展的需求痛点，三维模型的展示需求已经不仅仅需

要在专业软件中，在移动端等便携式终端设备的展示是当下业务拓展的一个方面。

关键词：三维道路标牌；移动端；小程序

引言：

道路标志标牌属于交安工程的一部分,按照现有的技术分类可以分为指路、

告示、指示、警告、禁令等标志，每种标志代表不同的意义，为了满足在实际

BIM中建模的需求，进行构件库系统的研发是很多行业人员进行的一个研究方向。

当实际建模完成后，由于打开需要专业软件，对硬件设备要求较高，所以探索一

种便携化、快速化查看模型的技术手段是我们探索的方向。当下由于微信在国人

中的普及度较高，并且微信所属技术团队的技术支撑能力在国际都属于前列，所

以探索在以微信为宿主，以小程序为载体的三维模型预览方向的探索和研发是我

们考虑的切实方向。

一、三维道路模型在微信小程序架构的主要研究

（一）三维道路标牌基础数据格式研究

该小程序的研发首先需要收集三维道路标牌的模型文件，在当下三大BIM主

流技术图形平台创建的模型各不相同，Revit系列软件隶属于美国的Autodesk公

司，在建筑设计、建造和运维领域是我国使用最多的软件之一，MicroStation是

和Autodesk公司相匹敌的三维软件图形平台，在交通、加工、制造业、电讯行

业等基础设施行业具有广阔的市场；CATIA是法国达索公司的产品开发旗舰解决

方案，在模型、设计，参数化建模领域发挥着重要的作用。但是Revit的文件格

式为.rfa格式，主要存储的位二维和三维的对象，以微软的OLE2复合文档存储

格式保存。

（二）微信小程序前端界面搭建技术研究

微信小程序研发首先要进行程序的注册、研发工具的下载和安装、需要掌握

小程序的目录结构和项目文件配置和各种组建的使用。首先搭建前端界面主要分

为两部分，一部分是左侧窗口界面，和右侧scrollview界面的搭建。首先在

pages页面中创建components文件夹，在components文件夹中创建index.js、

index.wxml、index.wxss、index.json文件。.js文件主要采用JavaScript编

程语言进行编写，主要是进行项目的配置，包含了项目运行的生命周期函数和一

些回调函数和C++语言的钩子函数有异曲同工之妙。

（三）微信小程序数据存储和数据读取研究

当小程序前端界面搭设完毕后需要读取数据，目前现在技术路线前后端是分

离的，所以如何更好的组织数据是十分重要的。由于存储的数据文件为三维格式

文件，所以通过调研我们采用阿里云的oss服务器系统，主要通过系统对文件的

存储工作，生成文件读取接口，在前端界面通过url接口读取即可完成三维文件

的读取工作。

其中对于前端界面的数据布局，还需要进行json文件的数据存储，json文

件主要通过在JavaScript文件中进行存储，通过定义varjson={}进行数据结构

的设计。Json主要分为两种形式，一种是存储三维格式存储文件的json文件，

一种是存储前端界面icon的json文件。两种文件在某种程度上存在相同之处，

主要区别主要为层级划分不同。三维格式文件主要为直接存储三维格式文件不存

在分级直接进行接口的读取工作，前端界