Ambari web 源码结构

1 引言
前几天接到任务需要对Ambari的Web service部分进行修改，于是就开始了工作。由于时间仓促可能问题欢迎大家指正！后面会不定期更新这篇博客。

Ambari版本 2.1.2

2 源码结构
2.1 ambari项目结构
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  翻译表

            --|...

        --|test                     测试文件

        --|vendor                第三方库

        --|config.coffee      Brunch的配置文件

        --|package.jsonNpm  包管理配置文件

        --|...

    --|ambari-server        Server项目路径程序

    --|ambari-agent         Agent项目路径

    --|ambari-views         Ambari页面UI的扩展代码

    --|ambari-common    共用的代码

    --|contrib                     第三方库

    --|docs                        文档

    --|...

2.2 ambari-web项目结构
ambari/ambari-web/app/templates是handlebars的模板存放文件夹，对UI进行修改主要需要修改这一部分代码先放个图方便讲解

其目录结构如下。

templates

    --|commom                               公用模板（可以不动）

    --|main                                       模板的主体部分

        --|dashboard                         2 Dashboard标签模板

            --|widgets                           6组件模板

                --|cluster_metrics.hbs   6生成显示集群资源信息的图表

                --|hbase_links.hbs         6生成Hbase的监控图表

                --|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                               顶上的导航条模板(?)  
--------------------- 
作者：gcangle 
来源：CSDN 
原文：https://blog.csdn.net/gcangle/article/details/50096011 
版权声明：本文为博主原创文章，转载请附上博文链接！