Связал файл css в шаблоне django html, но вывода нет
Я связал свой django html шаблон с css файлом, но нет никакой ошибки и никаких изменений на странице. А когда я пишу тот же css код в том же html файле под тегом, он работает правильно, может кто-нибудь подскажет, что идет не так?
Прилагаю код html файла и файла настроек.
HTML-файл
<!DOCTYPE html>
{% load static %}
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TPC - Student Dashboard</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: white;
}
*{
background:#E7E9F0;
font-family: "Segoe UI", Arial, sans-serif;
}
</style>
<link rel='stylesheet' src="{% static 'Dashboards/student_dashboard.css' %}">
</head>
<body>
</body>
</html>
settings.py
from pathlib import Path
import os
BASE_DIR = Path(__file__).resolve().parent.parent
SECRET_KEY =
DEBUG = TEMPLATE_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',
'loginRegistration',
'dashboards',
]
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 = 'tpcAutomation.urls'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, "templates")],
'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 = 'tpcAutomation.wsgi.application'
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': BASE_DIR / 'db.sqlite3',
}
}
AUTH_PASSWORD_VALIDATORS = [
{
'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
},
]
LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_TZ = True
STATIC_URL = './static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
В настоящее время в моем проекте есть 2 приложения, а именно loginRegistration и dashboards, и в обоих приложениях, если я использую css внутри тега, то он работает правильно, но когда я пишу тот же код во внешнем css файле и пытаюсь связать его, то ошибки нет, но и изменений тоже нет.
Заранее благодарю!
В основном это происходит из-за пути, который вы указали в настройках. Вы можете взять ссылки из этого документа
https://docs.djangoproject.com/en/4.0/howto/static-files/
Плюс вы можете сделать папку в корне сайта с именем 'static' и поместить ваш CSS файл в эту папку. Укажите точный путь в соответствии с документом. Ваш CSS файл будет загружен.