這篇文章主要介紹一下Openstack Horizon — juno專案的整體情況，關於這方面的內容網上已經有很多相關的介紹，我在這裡只作為一個知識的搬運工，把一些分散的內容加上個人的理解形成一篇介紹性博文，由於能力和時間有限，錯誤之處在所難免，歡迎指正！

如果轉載，請保留作者資訊。
郵箱地址：[email protected]

二、Horizon介紹

      Horizon是OpenStack的一個子專案，用於提供一個Web前端控制檯（稱為Dashboard），以此來展示OpenStack的功 能。通常情況下，我們都是從Horizon、Dashboard開始來了解OpenStack的。實際上，Horizon並不會為OpenStack新增任何一個新的功能，它只是使用了OpenStack部分API功能，因此，我們可以擴充套件Horizon的功能，擴充套件Dashboard。

      Horizon是基於django webframework開發的標準的python wsgi程式，django的設計專注於程式碼的高度可重用，信奉DRY原則，一切面向物件，而Horizon可以說高度match了django的設計風格。

     先說一點web開發的常識，網站程式基本有三部分組成，業務邏輯程式碼(Python),靜態檔案(js/css),模板(Python中的 jinja,mako,nodejs中有jade), 使用者向webserver發起請求之後，server程式找到當前url對應的模板，填充模板變數(輸出成字串形式的html原始碼),返回給瀏覽器，瀏覽器渲染頁面。

     如果是簡單的程式，一個頁面就對應一個模板，非常簡單。一般一個網站有自己的統一風格，所有頁面都會有一些相同的元素，每個頁面單獨寫一遍很累贅，也不好維護，所以一般模板語言都有繼承(extend),插入(include)等特性，來提高頁面的複用率。

     Horizon做得就更徹底一些，它將頁面上所有元素模組化，網頁中一些常見元素，表單，表格，標籤頁，全部封裝成Python類，每個元件有自己 對應的一小塊html模板.當渲染整個頁面的時候,Horizon先找到當前頁面有多少元件，將各個元件分別進行渲染變成一段html片段，最後拼裝成一 個完整的html頁面，返回瀏覽器。

     簡單總結Horizon的特點:

1. 頁面元素模組化
2. 子面板可插拔
3. All in One(從部署上來說，Horizon只有它自己這一個元件)

三、深入Horizon

       1、整體結構

       Horizon這套面板的設計分成三層:Dashboard -> PanelGroup -> Panel

(1)、project 普通使用者登陸後看到的專案面板
(2)、admin 管理登陸後可見,左側的管理員面板
(3)、settings 右上角的設定面板,裡面可設定語言，時區，更改密碼
(4)、identity  不同的角色登陸之後，左側的“身份”面板，可設定專案使用者
(5)、router ciso nexus 1000v的管理面板

       每一個dashboard都是django中的一個app,django中的app可以理解成對業務邏輯模組化的一種手段,裡面可以包含自己獨有的url設定，模板，和業務邏輯程式碼。每個dashboard下定義了一系列的PanelGroup,虛擬機器管理對應到介面上就是一個PanelGroup(ManageCompute), 裡面有一系列的子panel(Overview, Instances, Volumes…)。Swift,heat,neutron的管理面板各自都是一個PanelGroup，底下有各自的子panel。

2、專案結構

     Horizon的原始碼中，包含兩個程式碼資料夾

1、horizon

2、openstack_dashboard

      Horizon這個包是一些在django基礎上寫的通用元件，表格(table)，標籤頁(tab)，表單(form)，麵包屑導航 (browser),工作流(workflow),這些程式碼和openstack的具體業務邏輯沒有什麼關係，如果做一個新的django專案，理論上可以複用Horizon這個包中的程式碼。horizon/base.py中還實現了一套dashboard/panel機制,使得Horizon面板上所有的dashboard都是”可插拔”的,所有的panel都是”動態載入”的。

      openstack_dashboard/dashboards/中是各個面板的具體實現程式碼,其中包括各個面板的模板檔案， 和後端service互動的業務邏輯程式碼等。

以下對重要目錄做一個介紹,有些目錄目前還沒有接觸到還不清楚具體的作用：

horizon

             ./doc: horizon相關幫助性文件

             ./horizon：horizon通用元件庫

                                ./browsers：

                                ./conf:Horizon配置檔案

                                ./contrib:

                                ./forms:form表單基類包

                               ./locale:國際化語言包

                               ./management:manage.py startdash/startpanel命令

                               ./static:horizon靜態檔案包

                               ./tables:table基類包

                               ./tabs:tab基類包

                               ./templates:模板檔案基類

                               ./templatetags:模板標籤基類

                               ./test:測試包

                               ./utils:工具包

                               ./workflows:工作流機制包

             ./openstack_dashboard：horizon各個面板的具體實現程式碼

                             ./api：呼叫nova、swift、glance等介面封裝

                             ./conf：nova、cinder等API訪問許可權控制，叫 xxx_policy.json，裡  面定義了鑑權用的rules。

                            ./dashboards:Horizon介面展示各個模組實現目錄。

./admin:管理員介面

./instances:雲主機管理介面

 ./templates:雲主機html介面模板

./forms.py：form表單實現

./panel.py：實現panel註冊到dashbord

./tables.py：table實現

./tests.py：測試

./urls.py:url對映

./views.py:url對映的檢視

…...

./identity：專案、使用者管理介面

./project：普通使用者專案介面

./router：

./settings：設定介面

                            ./django_pyscss_fix：

                             ./enabled：控制導航載入哪些模組顯示出來。

                             ./local：本地配置檔案

                             ./locale：本地國家化語言包

                             ./management：定義安裝apache、horizon等是配置檔案的

                                                         模板檔案。

                             ./openstack：log、_i18n等包

                             ./static：horizon靜態包

                            ./templates:horizon模板包

                             ./templatetags：horizon模板標籤包

                             ./test：測試包

                             ./usage：Horizon概況頁面資源統計實現包

                             ./utils：工具包

                             ./wsgi：wsgi包

             ./tool: horizon工具包

             ./manage.py :