南方空管局智慧塔台
南方空管局与公司合作开发的千万级项目;此系统在 web 端可视化展示白云机场平面图,并通过 pixijs 标牌的方式提供飞机实时起降,坐标,速度等信息;帮助塔台员实时精准调控飞机的起降停;
vue2webpackpixijselement-plus
项目概述:
南方空管局与公司合作开发的千万级项目;
此系统在 web 端可视化展示白云机场平面图,并通过 pixijs 标牌的方式提供飞机实时起降,坐标,速度等信息;
帮助塔台员实时精准调控飞机的起降停;
人员分工:
前端 2 人,后端 4 人, UI 1 人;
项目难点:
1,实时渲染 1500 架次航班导致网页内存溢出;
2,pixijs 不支持模块化,各业务代码耦合;
3,不同塔台员对标牌设计要求不同,且随时变化;
工作成果:
自研算法 + 代理缓存计算解决1500架次导致内存溢出问题;
模仿 vue 生命周期实现框架解决业务耦合问题;
提出并实现拖拽生成方式生成标牌,满足塔台员随时变更设计要求;
最后项目顺利上线,并获得相关领导认可。
技术栈:
vue2 全家桶 + pixijs + element-plus;
