简历

中国移动管网三维拓扑管理平台（2023.11 – 2024.04） ​

项目简介 ​

面向通信网络资源管理的数字孪生可视化系统。融合三维设备模型、地理位置、网络链路、业务关系和网络态势，做三维展示、拓扑分析和交互式管理。

支持逻辑世界与物理世界切换：逻辑世界按网络层级和业务关系展示 CR、AR、CE 及拓扑；物理世界按真实地理位置展示区域、机房和设备。支持 2D / 3D、区域定位、设备筛选、链路高亮和业务联动。

技术栈 ​

Vue 3 / Composition API / ThingJS / Vite / JavaScript / SCSS / GLTF

个人职责 ​

负责三维场景初始化、相机、场景切换和生命周期；CR、AR、CE 及业务云等设备模型的加载与统一管理；逻辑世界与物理世界两套视图；设备、链路、业务关系和网络态势的解析与场景映射；空间布局、机房排布、拓扑链路和业务线；标签、定位、高亮和交互状态；场景 / 设备 / 链路 / 数据等核心管理器。

技术亮点 ​

  • 环形拓扑布局：按设备数量、圆环半径、起止弧度和间距算极坐标，分层高度排布，并按相对圆心位置旋转设备。
  • 物理平面重叠处理：XZ 平面 AABB 碰撞检测，重叠分组、中心点、距离排序、方向扩散，递归避让并保持地理分布。
  • 经纬度到三维坐标：经纬度转为 ThingJS 局部坐标，再乘场景缩放。
  • 拓扑链路：同高度直线，跨层贝塞尔；按层级配样式；按设备或业务关联高亮。
  • 业务关系映射：业务云铺在关联设备附近，同步生成业务链路。
  • 动画与状态同步：视图切换用缓动改布局；维护设备 ID 与位置、旋转的映射，移动完成后再画线和交互。
  • 管理器拆分：SceneManager、DeviceManager、LineManager、DataManager、LogicalWorldManager、PhysicalWorldManager、PlaneGrouping、BusinessLineManager。

项目成果 ​

  • 逻辑拓扑与物理地理位置结合的三维数字孪生展示
  • 设备、机房、业务系统、链路和网络态势统一可视化
  • 自动布局、空间避让和链路路径优化，提升复杂拓扑可读性
  • 多视图、多层级、多类型对象交互，提升检索和分析效率
  • 业务、网络设备、物理资源关联展示与联动
  • 场景、设备、链路、数据、业务模块按管理器解耦

可能会问的问题 ​

逻辑世界的设备怎么排，才不像一堆随机点？

按设备数量、圆环半径、起止弧度和间距算极坐标，分层高度排布，再按相对圆心位置旋转设备。

多个机房经纬度几乎一样，平面会叠在一起吗？

XZ 平面 AABB 做碰撞检测，重叠分组后按中心点、距离排序、方向扩散递归避让，同时尽量保持地理分布。

同层链路和跨层链路为什么画法不一样？

同一高度用直线，跨高度或跨层级用贝塞尔，减少交叉；按层级配样式，按设备或业务关联高亮。

切逻辑 / 物理 / 业务视图时，线为什么会画错位置？

视图切换用缓动改布局，并维护设备 ID 与位置、旋转的映射。移动完成后再画线、定位业务节点和后续交互。

业务云和网元怎么对上？

按业务对象与网络设备的关联把业务云铺在对应设备附近，同步生成业务链路，从业务对象能看到关联设备和网络链路。