前幾天接到任務需要對Ambari的Web service部分進行修改，于是就開始了工作。由于時間倉促可能問題歡迎大家指正！後面會不定期更新這篇部落格。
Ambari版本 2.1.2
Ambari 2.1.2項目還是比較大型的，完整看完需要大量時間。整理起來目錄結構如下：
ambari 源碼路徑
--|ambari-web web項目路徑
--|app 主要應用程式代碼路徑
--|assets 靜态檔案
--|controller MVC中的Controller
--|models MVC中的Model
--|views MVC中的View
--|templates View的模闆
--|styles View的CSS樣式
--|data 資料
--|mappers JSON資料到Client的Embar實體的映射
--|routes 路由器
--|utils 工具檔案
--|mixins 混合工具(?)
--|app.js Ember主程式
--|config.js 配置檔案
--|initialize.js 初始化app
--|views.js 引入MVC的所有View位置
--|messages.js 翻譯表
--|...
--|vendor 第三方庫
--|config.coffee Brunch的配置檔案
--|package.jsonNpm 包管理配置檔案
--|...
--|ambari-server Server項目路徑程式
--|ambari-agent Agent項目路徑
--|ambari-views Ambari頁面UI的擴充代碼
--|ambari-common 共用的代碼
--|contrib 第三方庫
--|docs 文檔
--|...
ambari/ambari-web/app/templates是handlebars的模闆存放檔案夾，對UI進行修改主要需要修改這一部分代碼先放個圖友善講解
其目錄結構如下。
templates
--|commom 公用模闆（可以不動）
--|main 模闆的主體部分
--|dashboard 2 Dashboard标簽模闆
--|widgets 6元件模闆
--|cluster_metrics.hbs 6生成顯示叢集資源資訊的圖表
--|hdfs_links.hbs 6生成HDFS的監控圖表
--|pie_chart.hbs 6生成顯示餅狀圖的監控圖表
--|simple_text.hbs 6生成顯示簡單文字的監控圖表
--|uptime.hbs 6生成叢集啟動資訊的監控圖表
--|yarn_links.hbs 6生成Yarn的監控圖表
--|config_history.hbs 4 Config History标簽模闆
--|edit_widget_popup.hbs 編輯元件彈出模闆
--|plus_button_filter.hbs 按下後的反應過濾器(?)
--|widgets.hbs 4 5 用于生成操作和生成監控圖表
--|service 2 services标簽模闆
--|hosts 2 hosts标簽模闆
--|alerts 2 alerts标簽模闆
--|admim 2 admin标簽模闆
--|charts 圖表模闆
--|service.hbs 2 services标簽入口模闆
--|hosts.hbs 2 hosts标簽入口模闆
--|alerts .hbs 2 alerts标簽入口模闆
--|admin.hbs 2 admin标簽入口模闆
--|charts.hbs 2圖表入口模闆
--|memu.hbs 4菜單欄入口模闆
--|memu_item.hbs 5菜單欄入口模闆
--|views.hbs 3 生成元件清單(?)
--|utils 工具模闆
--|wizard ambari 部署子模闆
--|application.hbs ambari 主體模闆
--|experimental.hbs 實驗性模闆，用于測試新模闆
--|installer.hbs ambari 部署入口模闆
--|login.hbs 登陸模闆
--|main.hbs 頂上的導覽列模闆(?)
本文轉自 yntmdr 51CTO部落格，原文連結：http://blog.51cto.com/yntmdr/1887549，如需轉載請自行聯系原作者