My css and images arent showing in django
Question
I'm very new to using Django and am having issues with my css and images appearing in my home.html.
I added a STATICFILES_DIR after looking it up, however it's still no appearing. I also tried adding path('', include('template/pesq.css')) to urlpatterns but that just caused some errors so I took it out.
home.html
<html>
<head>
<title>homepage</title>
{% load static %}
<link href="{% static 'pesq.css' %}" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
...
urls.py
from django.urls import path
from . import views
from django.conf.urls import url, include
app_name = "main"
urlpatterns = [
path("", views.homepage, name="homepage"),
path("", views.register, name='register'),
path('tinymce/', include('tinymce.urls')),
#path('', include('template/pesq.css'))
]
views.py
from django.shortcuts import render, redirect
from django.http import HttpResponse
from django.template import Context, loader
from django.contrib.auth.decorators import login_required
from django.contrib.auth import login, authenticate
from django.contrib.auth.forms import UserCreationForm
from .models import info
# Create your views here.
def homepage(request):
return render(request=request, template_name="template/home.html", context={"info": info.objects.all})#context_instance=RequestContext(request),
def register(request):
if request.method == "POST":
form = UserCreationForm(request.POST)
if form.is_valid():
user = form.save()
username = form.cleaned_data.get('username')
login(request, user)
return redirect("main:homepage")
else:
for msg in form.error_messages:
print(form.error_messages[msg])
return render(request = request,
template_name = "main/register.html",
context={"form":form})
form = UserCreationForm
return render(request = request,
template_name = "main/register.html",
context={"form":form})
setting.py
...
DEBUG = True
...
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'main.apps.MainConfig',
'tinymce',
]
...
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': ['C:/Users/usr/Desktop/djangoProjects/mysite/main/'],
'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',
],
},
},
]
...
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
pesq.css
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
a:visited{
color:lightgreen;
}
.ovlist h3{
position:relative;
display:inline-block;
margin:30px;
font-style:italic;
}
.ovlist {
background-color: lightgreen;
height: 50px;
}
The full directory is, C:/Users/usr/Desktop/djangoProjects/mysite/main/template/pesq.css
2 answers
solution1
2 2019-08-17 12:49:09
By defining STATICFILES_DIRS you've instructed Django to copy all the files from that directory to the directory defined by STATIC_ROOT setting when you run python manage.py collectstatic .
So, your css files should be located inside a directory defined in STATICFILES_DIRS where Django development server will find them after python manage.py runserver call. For production you should run collectstatic management command and define STATIC_ROOT too like:
STATIC_ROOT = os.path.abspath(os.path.join(BASE_DIR, '../../static'))
solution2
2 ACCPTED 2019-08-17 12:49:53
Your static files should be inside YourProject/YourApp/static/pseq.css
and also another issue what i found in your code is that your views.homepage and view.register sharing the same path .It should be like this:
urlpatterns = [
path("", views.homepage, name="homepage"),
path("register/", views.register, name='register'),
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.