Django - 如何集成Metronic模板

作者: fall4u | 来源:发表于2017-12-14 23:27 被阅读77次

    问题背景

    在这个项目当中, 使用Django作为后台框架, 使用MeTronic作为前端模版。

    问题

    怎么使得Django返回的view能够正确的显示出MeTronic模版的效果。

    在问题解决之前,Django能找到模板文件之后,通过浏览器访问相应网页,呈现的效果是这样的

    而正常的网页效果是下图所示:


    解决办法:

    办法应该同添加模板文件一样有2个,

    1. 针对单一app添加
    2. 针对整体project添加
      为了方便起见,这里只介绍方法2。

    步骤:

    1. 将Metronic的静态文件(assets目录)拷贝到project的根目录下。
    2. 修改project的settings.py文件, 添加以下内容:
    STATICFILES_DIRS = [
      os.path.join(BASE_DIR,'assets'),
    ]
    
    1. 修改模板文件
    • 添加{% 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就能正确显示模板文件的效果呢

    相关文章

      网友评论

        本文标题:Django - 如何集成Metronic模板

        本文链接:https://www.haomeiwen.com/subject/czolwxtx.html