zoukankan      html  css  js  c++  java
  • Django 静态文件配置(static files)

    Django version: 1.9

    Python versrion: 3.5.2

    因为据说除了Firefox之外的浏览器都会乱码, 所以放上截图

    这几天Django配置静态文件(本例是要加载index.css), 总是不对,最后终于试对了,这里记录下,方便以后查阅

    最后实在没办法把Django1.9的官方文档下载下来(网页版),仔细的阅读了下相关的章节。

    首先看下项目的结构图(pycharm2016 professional):

    1.首先在INSTALLED_APPS中要有'django.contrib.staticfiles'

    INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
        'news',
    ]


    2.在settings.py中加入:
    STATIC_URL = '/static/'
    
    STATICFILES_DIRS = [
        os.path.join(BASE_DIR,"news/static/"),
    ]
    
    

    3.加载静态文件时

    {% load staticfiles %}
    <link rel="stylesheet" type="text/css" href="{% static 'news/css/index.css' %}"/>

    这里的路径是根据上面的文件结构来写的。

    事实上在Django官方文档例子(投票系统Writing your first Django app, part 6中有讲到这些内容)


    另外,有时出错误了可以这样修改:
      将上面的 href="{% static 'news/css/index.css' %}改成:href="{% static 'css/index.css' %}
      运行命令:python manage.py runserver 可能会有正的结果:

      

      
    此时运行:python manage.py findstatic css/index.css

      箭头指的地方的news是指news这个文件夹,这里要说的是第一条命令:python manage.py findstatic css/index.css找不到css
      文件,那么肯定是这里路径的问题,这样修改路径后,可以找到index.css文件,那就可以到html中修改相应的路径了。

    2017.11.02更新:
    最近在写一个项目时出现了一个bug,开始一直没找到原因,最后发现是因为app与项目根目录下的静态文件同名,
    导致冲突。这里更新下具体如何避免冲突的问题。

    通常情况下,我们会在项目建立时在项目根目录建立一个static目录(上图中并没有,上图指最上面的目录树截图,下同),
    创建时默认有一个templates目录,当项目越来越大时,我们不可能将所有静态文件都放在这个目录里,而是各app独立开来。

    那么具体要怎么独立呢

    项目根目录有
    static目录---> 放公共的静态文件,如jquery, bootstrap等
    templates目录--->放整个项目初始的网页等,如首页

    app中,以上面的news为例:
    先建立static目录:
    static中建立app名字(上图中的news)的次级目录,这是关键
    news中再分别建立css,js,img等次级目录
    templates与static一样,也是先建立以当前app名字命名的次级目录
    做完这些,我们需要将app静态文件路径加入到setting中:
    os.path.join(BASE_DIR, "news/static/"),
    
    
    

     注意,是在原有的要目录的静态文件的基础上添加。

    同样的道理, 在网页或者视图函数中的路径也就加上对应的app名,例如在网页的的模板文件中(标签)

    在没有相互独立时是这样的:

    {% extends 'index.html' %}
    

     在设计相互独立后就该是这样的:

    {% extends 'news/index.html' %}
    

     html中代码:

    经过django渲染到浏览器后:

    注意这里的users是与上图中的news一样是一个app,(实在找不到原来的代码了)

    对于渲染后的结果我个人倾向于认为第一个 /static/css/bootstrap.min.css中的

    static指代根目录中的static

    而 /static/users/css/login.css中的static指代users/static/

    因为这里对应你setting中的设置。

    经过上面这一系列的设置,各app可以引用公共的静态文件,同时各app自己的静态文件也相对独立开来 ,来容易导致冲突
  • 相关阅读:
    SPOJ 4110 Fast Maximum Flow (最大流模板)
    CF 277E Binary Tree on Plane (拆点 + 费用流) (KM也可做)
    POJ 2289 Jamie's Contact Groups (二分+最大流)
    POJ 1723 SOLDIERS (中位数)
    TRI 解题报告
    POJ 2455 Secret Milking Machine (二分 + 最大流)
    POJ 2112 Optimal Milking (二分 + 最大流)
    POJ 2195 Going Home / HDU 1533(最小费用最大流模板)
    POJ 2135 Farm Tour (最小费用最大流模板)
    运维自动化
  • 原文地址:https://www.cnblogs.com/Andy963/p/Django.html
Copyright © 2011-2022 走看看