Question

我是django的新手，我开始用官方教程学习django。

我在virtualenv旁边使用django，但我遇到了问题登录页面和管理页面，因为

他们没有加载css并显示登录信息没有任何风格的页面和管理页面

"""
Django settings for mysite project.

Generated by 'django-admin startproject' using Django 1.8.1.

For more information on this file, see
https://docs.djangoproject.com/en/1.8/topics/settings/

For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.8/ref/settings/
"""

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'g8%o@ackd!hzekoho4rn7r7-t_m!sk$*nwi-4j556t=!ln3(@+'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

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

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

ROOT_URLCONF = 'mysite.urls'

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

WSGI_APPLICATION = 'mysite.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.8/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}


# Internationalization
# https://docs.djangoproject.com/en/1.8/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.8/howto/static-files/

STATIC_URL = '/static/'

Answer 1

首先，创建名为“static”的文件夹，然后您需要将所有css / js文件复制到项目内的静态文件夹中（或者创建静态文件夹的任何位置）。然后在settings.py

中声明静态文件目录路径

STATIC_URL = '/static/'
STATICFILES_DIRS = ('assets', BASE_DIR +'/static/',)

在您的html文件中，在标题部分顶部或文件顶部添加以下行 -
{% load staticfiles %}
。在<head>部分，您可以使用以下代码链接css / js文件

<link rel="stylesheet" href="{% static 'assets/css/mystyle.css'%}">
</link>
<script src="{% static 'assets/js/jquery.js'%}"></script>

Answer 2

您需要通读documentation for serving static files。在您投入生产时，您的网络服务器（nginx / apache）将负责提供JS，CSS和图像等静态文件。因此，任何对图像或JS文件的请求都将由Web服务器立即处理，而对实际页面的任何请求都将传递给您的应用程序服务器（即Django）

在开发中，您需要告诉开发服务器实际提供静态文件，因此您需要将以下内容添加到根urls.py文件中：

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Answer 3

在两种情况下，您可能无法加载CSS文件。

登录拦截器捕获所有请求，包括您的静态文件
浏览器无法访问您的CSS文件。

很容易判断您所处的状态。您可以打开浏览器并检查是否收到CSS请求。（例如，通过Chrome打开F12并选中Console）。

如果没有关于接收失败的错误。也许您的登录拦截器已经捕获了所有信息。然后，您可以深入研究收到的内容，然后找到答案。就我而言，我发现响应是我的登录页面，而不是我的ccs文件。

您应该让他们这样走。

if static('') in request.path:
    return self.get_response(request)

如果收到，您可以看到其他答案。

（我的英语不太好。如果需要，您可以编辑此答案。）

css没有加载到django的登录和管理页面

3 个答案: