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自己的静态文件也相对独立开来 ,来容易导致冲突
原文地址:https://www.cnblogs.com/Andy963/p/Django.html