基于Vue的业务系统重构与优化

[littlewin-wang]

NAP 是现东家开发的一套集中、统一、高效、规范的网络自动化平台，我所在的前端团队负责业务流程通过前端载体来呈现和有机组合。目前，nap-web 已经较完整的支持了现有客户在防火墙和交换机运维领域的诸多 feature，但刀耕火种的业务开发背后，残存着从架构设计到功能健壮性的一系列问题。

现状

目前NAP的业务相对稳定，之前的开发过程基本触及了主要的业务模型，目前的架构

目前项目存在以下问题

• 🌚 业务代码与组件耦合情况严重
  缺少对高内聚、高可复用性模块的提炼，新的业务需求需要做很多重复性劳动；很多业务逻辑糅杂在组件实现细节内部，增加出错概率。

• 🌝 接口层处理机制简单
  接口联调需要等待后端工作进度；缺少反向校验逻辑，debug依赖浏览器

• 🌜 功能健壮性提升
  需要重整工作，优化项目业务中的特点功能：引导式配置、接口鉴权(路由鉴权)、网络拓扑图形化工具，实时状态刷新

• 🌛 代码风格零散，没有启动静态类型检查工具

重构目标

项目日后会变得非常复杂，功能会非常多。需要精心重构项目架构和开发流程，保证项目后期复杂度和可维护性的协调。