Question

我有问题，我完成了教程https://docs.djangoproject.com/en/1.5/intro/tutorial06/中描述的所有事情，并且每件事情也运行良好，但css，图像没有显示它们的效果。作为django的新人，需要建议。谢谢你的帮助。

我的css文件： -

li a {
    color: red;
}
body {
    background: white url("images/background.gif") no-repeat right bottom;
}

url.py文件： -

from django.conf import settings
from django.conf.urls.static import static
from django.conf.urls import patterns,url
from polls import views
urlpatterns = patterns('',
    url(r'^$', views.IndexView.as_view(), name='index'),
    url(r'^(?P<pk>\d+)/$', views.DetailView.as_view(), name='detail'),
    url(r'^(?P<pk>\d+)/results/$', views.ResultsView.as_view(), name='results'),
    url(r'^(?P<poll_id>\d+)/vote/$', views.vote, name='vote'), 
) + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Index.html文件 -

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static '/polls/style.css' %}"/>
{% if latest_poll_list %}
<ul>
{% for poll in latest_poll_list %}
    <li><a href="{% url 'polls:detail' poll.id %}">{{ poll.question }}</a></li>
{% endfor %}
</ul>
{% else %}
<p>No polls are available.</p>
{% endif %}

Settings.py文件： -

MEDIA_ROOT = ''
MEDIA_URL = ''
STATIC_ROOT = ''
STATIC_URL = '/static/'
STATICFILES_DIRS = (
    '/polls/static/'
    )
STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)

TEMPLATE_LOADERS = (
    'django.template.loaders.filesystem.Loader',
    'django.template.loaders.app_directories.Loader',
)

MIDDLEWARE_CLASSES = (
    'django.middleware.common.CommonMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
)

ROOT_URLCONF = 'mysite.urls'

WSGI_APPLICATION = 'mysite.wsgi.application'

TEMPLATE_DIRS = (
    'C:/django poll project/mysite/templates',
    )

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.admin',
    'polls',
)

在runserver上，获取 -

[2014年9月18日17:40:51]＆＃34; GET / polls / HTTP / 1.1＆＃34; 200 311 [2014年9月18日18:25:39]＆＃34; GET /民意调查/ HTTP / 1.1＆＃34; 200 311

Answer 1

static-Files的URL是“yourDomain / static /”

当您想要访问“style.css”时，您应该使用“/static/style.css”而不是“/polls/style.css”

修改

更改settings.py
的这一部分
STATICFILES_DIRS = ( '/polls/static/' )

到

STATICFILES_DIRS = ( 'C:/django poll project/mysite/static' )

更好的是：

STATICFILES_DIRS = ( os.path.join(SITE_ROOT, '..', 'static'), )

然后该文件夹被称为“静态”，并且与“manage.py”位于同一级别。当你将style.css放在这个“静态”文件夹中时，你可以用“/static/style.css”来调用它。

Answer 2

它对我有用：

PROJECT_ROOT = os.path.normpath(os.path.dirname(__file__))
STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, '..', 'static'),
)

Answer 3

如果模板文件中有问题变量 {{STATIC_URL}}，在设置.py 添加：

django.template.context_processors.static

这里：

TEMPLATES = [
{
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': TEMPLATE_DIRS,
    'APP_DIRS': True,
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.debug',
            'django.template.context_processors.request',
            'django.template.context_processors.static',
            'django.contrib.auth.context_processors.auth',
            'django.contrib.messages.context_processors.messages',
        ],
    },
},

]

Answer 4

Django 2.2-2019的更新答案

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

BASE_DIR已在settings.py
中定义

此外，在加载时，请执行{% load static %}而不是{% load staticfiles %}

Answer 5

STATIC_URL = '/static/'
STATICFILES_DIRS = (
   os.path.join(BASE_DIR, 'static'),
)

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'images')

Answer 6

{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <title>Website</title>
        <link rel="stylesheet" href="{% static 'css/style.css' %}">
    </head>
    <body>
        <h1>Hello user!</h1>
        <p>something you want</p>
    </body>
</html>

django静态文件未加载

6 个答案:

Django 2.2-2019的更新答案