python自动化运维学习第四十三天--bootstrap套用

cmdb页面已经创建好了，但是缺少样式，页面打开不好看，简单的方法是使用现成的bootstrap模板，修改为自己想要的结果。
首先需要找模板。网上有很多现成的模板，找一个跟cmdb系统相似的后端系统即可。找模板时需要有cmdb系统需要的table表和form表单，查询和添加修改时需要用到这些样式。
例如下边这样的

示例中的都是假数据，在cmdb系统中套用时需要修改后端代码，这些数据应该都是从数据库中查询的。
把模板下载下来，打开其中的index主页，预览模板。右击鼠标选检查可以查看页面中各个元素对应的代码，根据需要保留的元素或样式，删除多余的或者不需要的。

根据页面url找到模板中相应文件，通过编辑工具打开该文件，如上图中的pages\tables\data.html，再根据要找的元素的class名字，到页面的源码文件中查找，找到该元素对应的源码，修改为想要的结果。然后结合增删改查的代码来获取数据库数据，展示到页面上。

导入静态资源

在数据展示的页面中需要引入一些js、css等静态文件。把这些静态文件拷贝到项目的static目录下，在settings文件中配置如下内容：

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    # os.path.join(BASE_DIR, "static"),
    os.path.join(BASE_DIR, "water/static"),      #项目下的静态文件存放路径
)

然后在加载静态文件的页面代码顶端添加{% load staticfiles %}，同时修改引用静态文件的路径，如<link href="{% static 'moban/css/bootstrap.min.css' %}" rel="stylesheet">。
对于菜单栏
菜单栏功能在前边的权限中已经实现，只是没有样式，可以把菜单栏单独做到一个页面中，其他页面来加载该页面作为整个页面的左侧菜单栏，套用模板中的样式就可以达到下面这种效果