简历

中国移动集团项目（2024.05 – 2024.09） ​

项目简介 ​

面向集团级网络资源管理和运行监控的三维可视化平台。基于地球场景展示集团、省分及区域网络资源，通过 3D 拓扑与 2D 逻辑拓扑做多层级查看和分析。

技术栈 ​

Vue 3 / JavaScript / ThingJS 2.0 / Web 3D / 2D 拓扑 / 3D 拓扑 / 地球场景 / 拓扑布局算法 / 贝塞尔曲线 / 相机飞行 / ECharts

个人职责 ​

  • 三维拓扑：参与模块设计与开发；地球与 3D 拓扑联动；3D / 2D 拓扑构建、切换和数据绑定。
  • 设备与线路：设备、线路、标签和告警管理；3D 线路单击高亮、双击下钻和详情。
  • 2D 布局：2D 设备布局、线路绘制和复杂结构适配。
  • 业务适配：专线、党政军、互联网专线等业务数据适配。
  • 相机：相机飞行、视角保存 / 恢复和距离控制。
  • 生命周期：视图切换时的场景销毁、事件解绑和状态清理。
  • 拓扑展示：机房、区域、网络资源、分级保障等拓扑展示。
  • 聚合下钻：独立开发「移动集团聚合功能」Demo，并把聚合和下钻迁到真实项目。

技术亮点 ​

  • 地球与拓扑联动：集团 / 省分 / 区域从地球下钻到局部拓扑；地球 ↔ 3D ↔ 2D 切换时分别保存和恢复相机位置、目标点、角度和距离。
  • 3D / 2D 互补：3D 看空间关系，2D 看层级和逻辑连接；双击 3D 线路进对应 2D，返回时恢复 3D，并保持业务线路和告警。
  • 按拓扑特征自动布局：用节点数、连接数、连接数标准差、双向 / 备用线路比例、中心节点等判断树状 / 链式 / 星型 / 复杂布局。
  • 复杂结构与平行线：邻接表算层级和坐标，同层控间距；同一对设备多条线做平行偏移，减少重叠。
  • 线路交互：单击高亮、双击下钻、按业务筛线、无关置灰、选中设备高亮关联线、空白取消；高亮时禁用置灰线 hover。
  • 相机距离自适应：近距出设备和完整标签，远距收标签，限制最小 / 最大距离，避免穿透或缩没。
  • 告警与生命周期：2D / 3D 告警同步；切换时清设备、线路、监听、标签、飞行任务、筛选状态和管理器引用。
  • 模块拆分：Topo3DManager、Topo2DManager、LineManager3D / 2D、DeviceManager2D、TopologyLayoutAlgorithm、CameraFlightManager、LineDetailModal、commonStore。

项目成果 ​

  • 多层级浏览：实现地球总览 → 区域 3D 拓扑 → 2D 逻辑拓扑的浏览，以及 3D 线路双击下钻并返回。
  • 聚合与下钻落地：独立完成「移动集团聚合功能」Demo 验证，并将聚合与下钻能力迁入真实项目。
  • 复杂拓扑布局：自动识别并布局标准、链式、星型和复杂拓扑，覆盖多根、并行、环形、双向等结构。
  • 线路与告警交互：实现线路高亮、关联筛选、置灰、详情及 2D / 3D 告警联动。
  • 场景稳定性处理：按相机距离控制标签显隐；视图切换时销毁场景对象并清理事件，提升大场景稳定性。
  • 通用模块沉淀：沉淀可复用的 2D / 3D 拓扑管理器、布局算法和相机模块。