[发明专利]一种ambari‑web端架构分析方法

说明书

技术领域

本发明涉及计算机技术领域，具体涉及一种ambari-web端架构的分析方法。

背景技术

对于现在越来越多而且丰富多彩的网页，前端的程序员们有必要建立一种全面而且高效的掌握前端代码组织结构和功能的方法。而且现在网页的架构越来越多，比如说：jQuery.js、Ember.js、Backbone.js、Knockout.js、Spine.js、Batman.js和Angular.js等。如果事先不了解网页的架构，那么开发人员就需要重复的浏览代码，导致开发工作繁重，效率不高。

发明内容

为了避免重复、繁重地浏览代码，提高开发效率，本发明提出了一种ambari-web端代码的分析方法，包括如下步骤：

A.读取ambari-web端源代码，提取特征字段，通过搜索引擎搜索所述特征字段，确定所述ambari-web端代码所采用的框架结构；

B.解析ambari-web端代码功能模块，基于步骤A确定的框架结构，确定ambari-web端的代码的调用流程图；

C.调用浏览器的调试工具验证分析的正确性。

特别地，步骤A中确定所述ambari-web端代码采用了Ember.js框架结构。

特别地，所述ambari-web端的代码的调用流程图确定为：web端通过utils模块和server端通信，将获得的数据通过template模块和view模块显示出来，或者交给controller模块，由它存储到model模块中；同时用户操作会告知controller模块，由其决定是把用户提交的数据存储到model中还是通过route模块显示出来或者传输给server服务器。

本发明的有益效果是：基于本发明提出的方法，能够从框架结构入手，进而了解某一框架结构下代码的功能，从而了解这样一类网页代码的结构和功能模块，提高开发效率。

附图说明

附图1是本发明提出的ambari-web端架构的分析方法的流程图

附图2是根据本发明提出的方法分析出的Ember.js架构的模块图；

附图3是根据本发明提出的方法分析出的ambari-web端数据处理流程图；

具体实施方式

下面结合附图对本发明提出的实施方式进行具体说明。

考虑到前端代码复杂而且重复的特点，本发明的一个实施方式提出的ambari-web端架构的分析方法，先总体分析ambari-web端代码的框架，再解析ambari-web端代码功能模块，最后通过浏览器的调试工具验证分析的正确性。参照附图1详细介绍如下：

1.分析ambari-web端代码框架结构

通过eclipse工具读取源代码，总体浏览ambari-web端代码。Eclipse工具会显示出源代码的结构，通过查看每个代码模块的名称能够分析出相应代码模块的功能。提取代码特征，例如选择几个源文件打开，截取代码中相同的部分，这些部分包括代码中的特征字段，将这些部分作为关键信息通过搜索引擎搜索，即可得知ambari-web端代码采用了何种框架结构，例如jQuery.js和Ember.js两种框架的融合，其中Ember.js负责显示界面、界面间跳转和存储数据，而jQuery.js则是负责与服务器的通讯。Ember.js的框架结构如下图2所示。

2.解析ambari-web端代码功能模块

在知道ambari-web端代码框架结构之后，执行解析ambari-web代码中的功能模块结构的步骤。采用代码工具分析ambari-web代码的根目录，通过变量命名就可以知道动态的页面都在app目录下面,而public-static目录下面存储的是静态的全局变量。再分析app目录，确定其中文件属性。这样我们就可以基于Ember.js框架结构，将ambari-web端的代码的调用流程图展现出来，如下图3所示。

参见图3，ambari-web端的代码的调用流程如下：web端通过utils模块和server端通信，将获得的数据通过template模块和view模块显示出来，或者交给controller模块，由它存储到model模块中。同时用户操作会告知controller模块，由其决定是把用户提交的数据存储到model中还是通过routing模块显示出来或者传输给server服务器。

3.调用浏览器的调试工具验证分析的正确性