dashboard开发笔记

最新推荐文章于 2024-05-23 13:47:20 发布

天空有片云

最新推荐文章于 2024-05-23 13:47:20 发布

阅读量743

点赞数 1

分类专栏： openstack开发

本文链接：https://blog.csdn.net/xiaoxiaochen12/article/details/97762280

版权

本文档详细介绍了OpenStack Dashboard的开发过程，包括静态文件目录结构、HTML模板以及各个面板的实现代码。重点讨论了static目录下的bootstrap和horizon组件，以及templates目录中的HTML模板文件。同时提到了openstack_dashboard/dashboards/目录下各面板的业务逻辑代码，并解释了如何通过enabled目录控制Dashboard和Panel的加载顺序。

摘要由CSDN通过智能技术生成

一.主题分析
路径：/stack/horizon/openstack_dashboard/themes
在这里插入图片描述
（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等