一种ambari-web端架构分析方法
【专利摘要】本发明提出一种ambari-web端架构的分析方法，首先读取ambari-web端源代码，提取特征字段，通过搜索引擎搜索所述特征字段，确定所述ambari-web端代码所采用的框架结构；然后解析ambari-web端代码功能模块，基于确定的框架结构，确定ambari-web端的代码的调用流程图；最后调用浏览器的调试工具验证分析的正确性。基于本发明提出的方法，能够从框架结构入手，进而了解某一框架结构下代码的功能，从而了解这样一类网页代码的结构和功能模块，提高开发效率。
【专利说明】—种ambar i_web端架构分析方法
【技术领域】
[0001]本发明涉及计算机【技术领域】,具体涉及一种ambar1-web端架构的分析方法。
【背景技术】
[0002]对于现在越来越多而且丰富多彩的网页，前端的程序员们有必要建立一种全面而且高效的掌握前端代码组织结构和功能的方法。而且现在网页的架构越来越多，比如说:jQuery.js、Ember.js、Backbone.js、Knockout.js>Spine.js、Batman.js 和 Angular, js 等。如果事先不了解网页的架构，那么开发人员就需要重复的浏览代码，导致开发工作繁重，效率不高。
【发明内容】
[0003]为了避免重复、繁重地浏览代码，提高开发效率，本发明提出了一种ambar1-web端代码的分析方法，包括如下步骤:
[0004]A.读取ambar1-web端源代码，提取特征字段，通过搜索引擎搜索所述特征字段，确定所述ambar1-web端代码所采用的框架结构；
[0005]B.解析ambar1-web端代码功能模块，基于步骤A确定的框架结构，确定ambar1-web端的代码的调用流程图；
[0006]C.调用浏览器的调试工具验证分析的正确性。
[0007]特别地,步骤A中确定所述ambar1-web端代码采用了 Ember, js框架结构。
[0008]特别地,所述ambar1-web端的代码的调用流程图确定为:web端通过utils模块和server端通信,将获得的数据通过template模块和view模块显示出来,或者交给controller模块，由它存储到model模块中；同时用户操作会告知controller模块，由其决定是把用户提交的数据存储到mode I中还是通过route模块显示出来或者传输给server服务器。
[0009]本发明的有益效果是:基于本发明提出的方法，能够从框架结构入手，进而了解某一框架结构下代码的功能，从而了解这样一类网页代码的结构和功能模块，提高开发效率。
【专利附图】
【附图说明】
[0010]附图1是本发明提出的ambar1-web端架构的分析方法的流程图
[0011]附图2是根据本发明提出的方法分析出的Ember, js架构的模块图；
[0012]附图3是根据本发明提出的方法分析出的ambar1-web端数据处理流程图；
【具体实施方式】
[0013]下面结合附图对本发明提出的实施方式进行具体说明。
[0014]考虑到前端代码复杂而且重复的特点，本发明的一个实施方式提出的ambar1-web端架构的分析方法，先总体分析ambar1-web端代码的框架,再解析ambar1-web端代码功能模块，最后通过浏览器的调试工具验证分析的正确性。参照附图1详细介绍如下:
[0015]1.分析ambar1-web端代码框架结构
[0016]通过eclipse工具读取源代码，总体浏览ambar1-web端代码。Eclipse工具会显示出源代码的结构，通过查看每个代码模块的名称能够分析出相应代码模块的功能。提取代码特征，例如选择几个源文件打开，截取代码中相同的部分，这些部分包括代码中的特征字段，将这些部分作为关键信息通过搜索引擎搜索，即可得知ambar1-web端代码采用了何种框架结构，例如jQuery.js和Ember, js两种框架的融合,其中Ember, js负责显示界面、界面间跳转和存储数据，而jQuery.js则是负责与服务器的通讯。Ember, js的框架结构如下图2所示。
[0017]2.解析ambar1-web端代码功能模块
[0018]在知道ambar1-web端代码框架结构之后,执行解析ambar1-web代码中的功能模块结构的步骤。采用代码工具分析ambar1-web代码的根目录，通过变量命名就可以知道动态的页面都在app目录下面，而public-static目录下面存储的是静态的全局变量。再分析app目录,确定其中文件属性。这样我们就可以基于Ember, js框架结构,将ambar1-web端的代码的调用流程图展现出来，如下图2所示。
[0019]参见图2, ambar1-web端的代码的调用流程如下:web端通过utils模块和server端通信，将获得的数据通过template模块和view模块显示出来,或者交给controller模块，由它存储到model模块中。同时用户操作会告知controller模块，由其决定是把用户提交的数据存储到model中还是通过route模块显示出来或者传输给server服务器。
[0020]3.调用浏览器的调试工具验证分析的正确性
[0021]本步骤通过调用浏览器的调试工具，根据输出的日志信息能够很清楚的看到数据的流向以及代码中函数的调用过程。这样就很容易在了解代码整体框架的基础上，更加细致的了解功能模块的每一段代码中的函数的功能。
[0022]当然，本发明还可有其他多种实施例，在不背离本发明精神及其实质的情况下，熟悉本领域的技术人员当可根据本发明作出各种相应的改变和变形，但这些相应的改变和变形都应属于本发明的权利要求的保护范围。
【权利要求】
1.一种ambar1-web端架构的分析方法,其特征在于,包括: A.读取ambariieb端源代码，提取特征字段，通过搜索引擎搜索所述特征字段，确定所述ambar1-web端代码所采用的框架结构； B.解析ambar1-web端代码功能模块，基于步骤A确定的框架结构,确定ambar1-web端的代码的调用流程图； C.调用浏览器的调试工具验证分析的正确性。
2.如权利要求1所述方法，其特征在于:步骤A中确定所述ambar1-web端代码采用了Ember, js框架结构。
3.如权利要求2所述的方法，其特征在于:所述ambar1-web端的代码的调用流程图确定为:web端通过utils模块和server端通信,将获得的数据通过template模块和view模块显示出来，或者交给controller模块，由它存储到model模块中；同时用户操作会告知controller模块，由其决定是把用户提交的数据存储到model中还是通过route模块显示出来或者传输给server服务器。
【文档编号】G06F9/44GK104133681SQ201410363957
【公开日】2014年11月5日 申请日期:2014年7月28日 优先权日:2014年7月28日
【发明者】周国浪 申请人:浪潮(北京)电子信息产业有限公司