[發明專利]一種ambari?web端架構分析方法

有效

• 申請號: 201410363957.2
• 申請日: 2014-07-28
• 公開（公告）號: CN104133681B
• 公開（公告）日: 2017-11-03
• 發明（設計）人: 周國浪
• 申請（專利權）人: 浪潮（北京）電子信息產業有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京安信方達知識產權代理有限公司11262
• 代理人: 王丹,李丹

技術領域

本發明涉及計算機技術領域，具體涉及一種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.調用瀏覽器的調試工具驗證分析的正確性