zoukankan      html  css  js  c++  java
  • django 静态资源配置

    最近在学习一个项目,django框架,但当 render 模板时,模板里有引入的图片就访问不到,

    这是因为 django部署方式比较特别,采用静态文件路径:STATICFILES_DIRS的部署方式,之前你写的相对路径,绝对路径因为缺少静态文件路径而全部失效

    解决办法:

    步骤1:在settings.py文件的最后加上以下内容:

    STATIC_URL = '/static/'
    STATIC_ROOT = os.path.join(os.path.dirname(__file__),'static')
    # 设置图片等静态文件的路径
    STATICFILES_DIRS = (
        ('css',os.path.join(STATIC_ROOT,'css').replace('\','/') ),
        ('js',os.path.join(STATIC_ROOT,'js').replace('\','/') ),
        ('images',os.path.join(STATIC_ROOT,'images').replace('\','/') ),
        ('upload',os.path.join(STATIC_ROOT,'upload').replace('\','/') ),
    )

    步骤2:在 编辑 的文件的开头第一行和第二行分别加上以下内容:

    from django.contrib.staticfiles.urls import staticfiles_urlpatterns

    from django.contrib import staticfiles

    步骤3:设置静态文件的目录,很关键

    整个文件的目录结构如下

    project---project

        ---app

                     |

     ----static

    |

    -----templates

    你的static和templates处于同级目录,然后将你的images,css,js文件夹放在static目录下面

    测试:在你模板,也就是html文件中

    <p><img src="/static/images/bg_information.png.png"  width="980" height="180"></p>  

    改成自己的图片名称,注意图片前缀:/static/images/ 别写成 static/images/ 这样会无法显示

  • 相关阅读:
    2011/6/24 数据库分析
    项目代码总结
    背景透明 by sofish
    ie6 reflow bug
    ID与CLASS的使用技巧
    CSS浮动属性Float详解 by 帕兰
    javascript闭包 by 李松峰
    详解CSS选择器、优先级与匹配原理
    垂直对齐:verticalalign属性 by ddcatlee
    行高lineheight,以及基线、顶线、中线和底线,还有内容区域、行内框和行框 by 豆豆猫的窝
  • 原文地址:https://www.cnblogs.com/vsmart/p/7839955.html
Copyright © 2011-2022 走看看