[发明专利]一种基于AMD的前端页面模块化组织方法

说明书

本发明公开了一种基于AMD的前端页面模块化组织方法，该方法降低了模块之间的耦合度，提高了项目的开发效率、维护性和可扩展性。在实现技术方面采用简单的脚本语言，解决了基于程序编码实现的复杂性和拘束性。本发明针对前端页面的组织方式和呈现效果，与时俱进，以创新为核心思想，提高了通信综合网管前端页面的整体水平。

技术领域

本发明涉及的技术领域是基于配置文件实现综合网管页面的组织。特别适用于功能模块多而且复杂的综合网管页面。

背景技术

传统的综合网管页面中如果包含多个模块，则每个模块通过硬编码的方式嵌入到iframe中，各模块之间相互隔离不能进行交互。传统的综合网管页面存在下面问题：

(1)页面的模块多、结构复杂、不易维护。

(2)页面中各个模块之间不能进行数据交互。

(3)页面中的模块需要调整的话，必须通过修改代码实现。

发明内容

本发明所要解决的技术问题在于，避免上述背景技术中的不足之处，而提供一种综合网管页面组织方法。

本发明采用的技术方案为：

一种基于AMD的前端页面模块化组织方法，是采用配置文件驱动的模式来实现的，包括以下步骤：

(1)页面加载完成以后，初始化通信综合网管的页面模板；

(2)通过ajax技术，使用异步的方式从通信综合网管的后台获取页面的配置数据；

(3)根据页面的配置数据创建左侧导航栏，该左侧导航栏包括配置数据中所有模块的名称；

(4)根据页面的配置数据对页面的主区域进行划分，主区域划分的个数和配置数据中模块的个数相等，每个区域独立对应一个模块，并具有唯一标识；

(5)遍历页面的配置数据，页面模板按照配置数据中模块的路径配置，以AMD的形式获取模块，通过模块的唯一标识从步骤4中划分的区域中查询模块所对应的区域，把模块初始化至对应的区域，并把配置数据中对模块的所有配置传递给对应的模块，完成模块的初始化；

(6)模块初始化完成后模块之间采用消息的方式进行通信。

其中，配置数据中包括模块的配置，其中包括模块的唯一标识、模块的名称、模块的路径和自定义的模块配置。

本发明与背景技术相比，具有以下优点：

1)本发明中每个模块对应一个单独的页面，在项目研制过程中，每个人负责一个模块，也就是一个页面，最后由页面模板把所有的模块按照配置文件中的配置进行组合，在开发过程中可以并行开发，互不影响，因此可以提高项目的开发效率。

2)本发明重新定义了页面中模块的组织方式，模块间通信采用消息的方式，降低了模块之间的耦合度，提高了维护性和扩展性。

3)本发明在技术实现方面，采用配置文件，避免了逻辑结构复杂的编码，提高了可维护性。

4)本发明中所有的模块统一采用AMD的形式，规范了编程的书写方式，因此有效降低沟通的成本。

5)本发明统一了页面的布局，有效地改善了用户的体验。

附图说明

图1是本发明的示例图。

具体实施方式

下面结合附图对本发明作进一步解释说明。

参照图1，一种基于AMD的前端页面模块化组织方法，采用配置文件驱动模式，包括左侧导航栏和中间主区域，具体步骤如下：