随着网络技术的不断发展,网络规模越来越复杂,网管人员对于网络自动化配置管理的需求愈发强烈。研究网络拓扑管理技术对于网络自动化管理、网络设备自动化配置技术的发展具有重要意义。本文以设计低耦合度、用户体验良好、运行流畅的网络拓扑管理系统为目的,在采用三层架构设计的基础上,深入研究网络拓扑编辑过程和各层架构之间的信息传递方式,设计并实现了一个网络拓扑管理系统。本文介绍了网络拓扑管理系统涉及的技术背景,包括HTML5的特点,WebSocket和Ajax的优缺点,Web Workers的使用场景及优势。重点介绍了图形界面框架TWaverHTML5,内容包括TWaverHTML5相对其他同类型产品的优势,开发使用方法以及浏览器兼容性等,并大致介绍了本课题的主要研究内容。本文通过网络拓扑管理系统的目的以及功能概述提出了系统的功能性需求和非功能性需求。并根据需求分析,对系统进行总体架构设计。依据“高内聚、低耦合”的原则将系统划分为功能模块,依次给出每一个功能模块的详细设计。同时,研究并设计了网络拓扑元素、拓扑文件格式、系统内部通信方式以及系统的数据库结构。本文根据前期所做的分析和设计,实现了网络拓扑管理系统。并通过实验性测试,对比分析了单一 WebSocket和Ajax通信方式在不同消息传输频率下的网络延迟情况。分析结果表明,网络拓扑管理系统使用WebSocket和Ajax相结合的通信方式,大大减小了系统前后台通信的网络延迟,提高了系统的反应速度,使系统运行更加流畅。在SDN技术迅猛发展的环境下,网络拓扑管理系统的研究是网络自动化方向的技术探索,同步异步相结合的Web应用通信模式对未来网络智能化、自动化管理应用的研究具有一定的借鉴意义。