dashboard开发笔记

一.主题分析
路径:/stack/horizon/openstack_dashboard/themes
dashboard开发笔记_第1张图片
(1)static目录(静态文件)
1)bootstrap目录:引入bootstrap目录,可以看到目录中包括_styles.scss、_variables. scss。
2)horizon目录:引入horizon组件的静态文件包。
3)js目录:引入自定义的js文件。
_styles.scss:引入bootstrap、horizon目录中的样式文件,通过@import “bootstrap/styles; ”实现,其中styles指的是bootstrap目录中的_styles.scss文件。
_variables.scss:引入bootstrap、horizon目录中scss定义的变量文件,通过@import“bootstrap/variables; ”实现,其中variables指的是bootstrap目录中的_variables.scss文件。
(2)templates目录(HTML模板文件)
1)auth目录:horizon登录界面相关的模板文件。
2)header目录:horizon内页header样式文件,包括项目切换等。
3)horizon目录:这个目录包括的内容比较多,包括内页左侧导航、form表单、table、model、tab等。
dashboard开发笔记_第2张图片
openstack_dashboard/dashboards/中是各个面板的具体实现代码,其中包括各个面板的模板文件和后端Service交互的业务逻辑代码等

dashboard开发笔记_第3张图片
enabled目录,用于告诉Horizon在渲染Dashboard时载入这些Panel。enable目录下的Dashboard和Panel是按照Python文件名的字典序添加的,所以可以通过_1000_.py_2000_.py的命名来控制文件名的字典序。在这里可找到页面上对应的project、admin等对应的调用,

你可能感兴趣的:(openstack开发)