python - Django 似乎无法链接 css/js
问题描述
我知道这个主题之前已经讨论过,但是我在堆栈溢出中看到了每个教程和表单,但似乎无法理解为什么我不能将我的 CSS 链接到我的 HTML 文件。
有 2 个应用程序,主要和设置。
对于名为 main 的应用程序,我能够从 views.py 中链接 html 文件。
我现在正在尝试将 css & js 链接到它。
我在包含 3 个文件夹 css、js、image 的基本目录中创建了一个静态文件。 我相信已经采取了所有正确的步骤来将 CSS 连接到 HTML,但没有任何反应。
我认为错误在于 HTML 文件中的引用:
<link rel=”stylesheet” href=”{% static 'css/style_login.css' %}”>
但从我所见,这似乎是正确的。
Bellow ive 分享了设置、视图和 HTML 文件。
设置.py:
"""
Django settings for auditor project.
Generated by 'django-admin startproject' using Django 3.2.4.
For more information on this file, see
https://docs.djangoproject.com/en/3.2/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/3.2/ref/settings/
"""
from pathlib import Path
import os
PROJECT_DIR = os.path.dirname(__file__)
# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/3.2/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'django-insecure-$xb)9by$i@f+m3mnt$q&f%to&vjx)jgn#8(h!#(ymf2n)_09%_'
# 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',
'main.apps.MainConfig', # To tell Django that there is another
'settings',
]
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 = 'auditor.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 = 'auditor.wsgi.application'
# Database
# https://docs.djangoproject.com/en/3.2/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': BASE_DIR / 'db.sqlite3',
}
}
# Password validation
# https://docs.djangoproject.com/en/3.2/ref/settings/#auth-password-validators
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',
},
]
# Internationalization
# https://docs.djangoproject.com/en/3.2/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/3.2/howto/static-files/
# Default primary key field type
# https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(os.path.dirname(BASE_DIR),'media')
DATA_UPLOAD_MAX_NUMBER_FIELDS = 10240 # higher than the count of fields
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(PROJECT_DIR, 'static')
STATICFILES_DIRS = (
os.path.join(PROJECT_DIR, 'auditor/static'),
)
视图.py:
from django.shortcuts import render
from django.http import HttpResponse
from django.contrib.auth.forms import UserCreationForm
def index(response):
return render(response,"main/home.html",{})
def registerPage(request):
form = UserCreationForm()
if request.method == "POST":
form = UserCreationForm(request.POST)
if form.is_valid():
form.save()
context = {'form':form}
return render(request,'main/register.html',context)
def loginPage(request):
context = {}
return render(request,'main/login.html',context)
#def login(response):
# return render(response,"main/login.html",{})
# Create your views here.
HTML:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel=”stylesheet” href=”{% static 'css/style_login.css' %}”>
<meta charset="UTF-8" />
</head>
<body>
<div class="form">
<ul class="tab-group">
<li class="tab active"><a href="#signup">Sign Up</a></li>
<li class="tab"><a href="#login">Log In</a></li>
</ul>
<div class="tab-content">
<div id="signup">
<h1>Sign Up for Free</h1>
<form action="/" method="post">
<div class="top-row">
<div class="field-wrap">
<label>
First Name<span class="req">*</span>
</label>
<input type="text" required autocomplete="off" />
</div>
<div class="field-wrap">
<label>
Last Name<span class="req">*</span>
</label>
<input type="text"required autocomplete="off"/>
</div>
</div>
<div class="field-wrap">
<label>
Email Address<span class="req">*</span>
</label>
<input type="email"required autocomplete="off"/>
</div>
<div class="field-wrap">
<label>
Set A Password<span class="req">*</span>
</label>
<input type="password"required autocomplete="off"/>
</div>
<button type="submit" class="button button-block"/>Get Started</button>
</form>
</div>
<div id="login">
<h1>Welcome Back!</h1>
<form action="/" method="post">
<div class="field-wrap">
<label>
Email Address<span class="req">*</span>
</label>
<input type="email"required autocomplete="off"/>
</div>
<div class="field-wrap">
<label>
Password<span class="req">*</span>
</label>
<input type="password"required autocomplete="off"/>
</div>
<p class="forgot"><a href="#">Forgot Password?</a></p>
<button class="button button-block"/>Log In</button>
</form>
</div>
</div><!-- tab-content -->
</div> <!-- /form -->
</body>
</html>
解决方案
正如我在上面的评论中回答的那样..
我相信您PROJECT_DIR
指向错误的目录,即不是应用程序目录。也许用你的 settings.py 文件夹中的以下代码替换它 -
PROJECT_DIR= os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
然后只使用STATIC_ROOT=os.path.join(PROJECT_DIR, 'auditor/static')
和/或STATICFILES_DIRS = (os.path.join(PROJECT_DIR, 'auditor/static'),)
推荐阅读
- python - 无法将下载的文件存储在其相关文件夹中
- java - Android:如何检查应用程序是否正在运行
- android - 回收站视图关闭屏幕子视图持有者返回 null
- angular - 服务工作者:Angular 7 上对 API 的 HTTP GET 请求永远不会触发 fetch 事件侦听器
- python - 从numpy中的2d功率谱密度函数中检索完整的2d自相关函数
- c - C语言串口:读取非规范模式
- java - Java如何划分非常大的数字
- reactjs - 如何运行包含对静态方法的调用的快照测试?
- sql - 查询从单个(Lat,Long)中找到最近的多个(Lat,Long)
- scala - 至少对于获取的批量数据,Spark-sql Pivoting 无法按预期工作