這篇文章給大家分享的是有關(guān)如何自定義horizon插件的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

為惠來等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及惠來網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站、惠來網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

此例子是基于ocata版本horizon的自定義了一個(gè)插件。幫助對于horizon自定義dashbaord及panel的了解。要求對Python、HTML和JavaScript(AngularJS)有基本的了解。

倉庫命名?

不用說，選擇一個(gè)有意義的存儲庫名稱很重要。此外，如果您計(jì)劃在您的dashboard插件上支持翻譯，建議選擇一個(gè)類似于xxxx-dashboard的名稱(或xxxx-ui. xxx-horizon)。OpenStack CI infra腳本將這些后綴視為Django項(xiàng)目。

文件結(jié)構(gòu)?

整個(gè)插件目錄結(jié)構(gòu)如下:

xxxx-dashboard
│
├── xxxxdashboard
│   ├── __init__.py
│   │
│   ├── enabled
│   │   ├──_90000_mydashboard.py
│   │   ├──_90010_mygroup_panel_group.py
│   │   └──_90011_mypanel.py
│   │
│   ├── api
│   │   ├──__init__.py
│   │   ├── my_rest_api.py
│   │   └── myservice.py
│   │
│   ├── dashboards
│   │   ├──__init__.py
│   │   └── mydashboard
│   │       ├──__init__.py
│   │       ├──dashboard.py
│   │       ├── mypanel
│   │       │   ├── __init__.py
│   │       │   ├── panel.py
│   │       │   ├── tests.py
│   │       │   ├── urls.py
│   │       │   ├── views.py
│   │       │   └── templates
│   │       │       └── mypanel
│   │       │           └── index.html
│   │       └── static
│   │           └── dashboard
│   |               └── mydashboard
│   |                   └── mypanel
│   |                      ├── mypanel.html
│   |                      ├── mypanel.js
│   |                      └── mypanel.scss
│   |           
│   │
│   └── locale
│       └── 
│            └── LC_MESSAGES
│                ├── django.po
│                └── djangojs.po
│
├── setup.py
├── setup.cfg
├── LICENSE
├── MANIFEST.in
├── README.rst
├── babel-django.cfg
└── babel-djangojs.cfg

Enabled 文件?

_90000_mydashboard.py

# The slug of the dashboard to be added to HORIZON['dashboards']. Required.
DASHBOARD = 'mydashboard'
# If set to True, this dashboard will be set as the default dashboard.
#DEFAULT = True
# A dictionary of exception classes to be added to HORIZON['exceptions'].
ADD_EXCEPTIONS = {}
# A list of applications to be added to INSTALLED_APPS.
ADD_INSTALLED_APPS = [xxxxdashboard.dashboards.mydashboard']

ADD_ANGULAR_MODULES = [
    'dashboard.mydashboard.mypanel',
]

AUTO_DISCOVER_STATIC_FILES = True

ADD_JS_FILES = []

ADD_JS_SPEC_FILES = []

_90010_mygroup_panel_group.py

from django.utils.translation import ugettext_lazy as _

# The slug of the panel group to be added to HORIZON_CONFIG. Required.
PANEL_GROUP = 'mygroup'
# The display name of the PANEL_GROUP. Required.
PANEL_GROUP_NAME = _('MyGroup')
# The slug of the dashboard the PANEL_GROUP associated with. Required.
PANEL_GROUP_DASHBOARD = 'mydashboard'

_90011_mypanel.py

# The slug of the panel to be added to HORIZON_CONFIG. Required.
PANEL = 'mypanel'
# The slug of the dashboard the PANEL associated with. Required.
PANEL_DASHBOARD = 'mydashboard'
# The slug of the panel group the PANEL is associated with.
PANEL_GROUP = 'mygroup'

# If set, it will update the default panel of the PANEL_DASHBOARD.
DEFAULT_PANEL = 'mypanel'

# Python panel class of the PANEL to be added.
ADD_PANEL = 'xxxxdashboard.dashboards.mydashboard.mypanel.panel.MyPanel'

dashboards

dashboard.py

from django.utils.translation import ugettext_lazy as _

import horizon


class MyDashboard(horizon.Dashboard):
    name = _("MyDashboard")
    slug = "mydashboard"


horizon.register(MyDashboard)

panel

panel.py

from django.utils.translation import ugettext_lazy as _
import horizon


class MyPanel(horizon.Panel):
    name = _("My Panel")
    slug = "mypanel"

urls.py

from django.conf.urls import url

from xxxxdashboard.dashboards.mydashboard.mypanel import views

urlpatterns = [
    url(r'^$', views.IndexView.as_view(), name='index'),
]

views.py

from django.views.generic import base


class IndexView(base.TemplateView):
    template_name = 'mydashboard/mypanel/index.html'

index.html

此文件位于dashboards/mydashboard/mypanel/templates/mypanel/index.html。

{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "My panel" %}{% endblock %}
{% block page_header %}
  {% include "horizon/common/_domain_page_header.html" with title=page_title %}
{% endblock page_header %}

{% block main %}

  
  
{% endblock %}

靜態(tài)文件的目錄結(jié)構(gòu)如果下圖

mypanel.html

  
Loading data from your controller:
  

    
      {$ item.name $}
      {$ item.id $}