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 %}
        

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

事实上在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自己的静态文件也相对独立开来 ，来容易导致冲突