Css не загружается в Django - PullRequest
Новая
       19

Css не загружается в Django

0 голосов
/ 24 апреля 2020

Мой css файл не загружается на веб-странице. У меня css и файл изображения в том же месте. Изображение загружается, но не css. Также я включил каталог в staticfile_dirs. Setting.py 

DEBUG = True
ALLOWED_HOSTS = []
INSTALLED_APPS = [
    'technicalCourse.apps.TechnicalcourseConfig',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'website.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            r'C:\Users\Kesavan\PycharmProjects\Django web development\website\technicalCourse\template'
        ],
        '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 = 'website.wsgi.application'

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
    r'website\technicalCourse\static',
]

Этот файл шаблона 

<!DOCTYPE html>
{% load static %}
<head>
<link rel="stylesheet" type="text/css" href="{% static 'css/simple.css' %}">
</head>
<body>
<img src="{% static 'image/img.png' %}">
<h1>Welcome to course on programming</h1>
<ol>
    {% for x in ac %}
    <li><a href="{{x.id}}/">{{x.courseName}}</a></li>
    {% endfor %}
</ol>
</body>

Для тестирования я просто меняю цвет только тега h1. Файл css. 

h1{
color:black;
}

Структура 

C:.
├───migrations
│   └───__pycache__
├───static
│   ├───css
│   └───image
├───template
│   └───technicalCourse
└───__pycache__

Но на веб-странице нет отражения. Надеясь на решение. Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 24 апреля 2020

Странно, что images работают, а CSS - нет. У вашей проблемы может быть множество возможностей.

Самый простой способ решить эту проблему - задать путь к файлам CSS через absolute или relative путь.

Случай повторного пути 

<link href="/static/ui/css/base.css" rel="stylesheet">
0 голосов
/ 24 апреля 2020

попробуйте эту команду: 

python manage.py collectstatic

и проверьте снова.

...