问题背景
在这个项目当中, 使用Django作为后台框架, 使用MeTronic作为前端模版。
问题
怎么使得Django返回的view能够正确的显示出MeTronic模版的效果。
在问题解决之前,Django能找到模板文件之后,通过浏览器访问相应网页,呈现的效果是这样的
而正常的网页效果是下图所示:
解决办法:
办法应该同添加模板文件一样有2个,
- 针对单一app添加
- 针对整体project添加
为了方便起见,这里只介绍方法2。
步骤:
- 将Metronic的静态文件(assets目录)拷贝到project的根目录下。
- 修改project的settings.py文件, 添加以下内容:
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'assets'),
]
- 修改模板文件
-
添加{% load static %}到html文件的head块前面
-
对引用到assets的地方,比如
<link href= "../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel=
"stylesheet" type= "text/css"/>
修改为
<link href="{% static '/global/plugins/bootstrap/css/bootstrap.min.css' %} " rel=
"stylesheet" type="text/css"/>
作以上修改之后, Django就能正确显示模板文件的效果呢
网友评论