How to connect css/js files to my Django Project?

Question

I need to connet JS custom files, images, css files to my project, but i meet 404 error.

REQ

asgiref==3.6.0
Django==4.1.4
sqlparse==0.4.3
tzdata==2022.7

MY DIR enter image description here MY SETTINGS


INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'car_manage',
]

STATIC_URL = 'static/'
STATICFILES_DIRS = [
    BASE_DIR / 'static'
]

MY INDEX.HTML FILE

{% load static %}
<!DOCTYPE html>
<html>
     <head>
          <link rel="stylesheet" href="{% static 'car_manage/css/tilda-blocks-2.12.css?t=1571901794' %}" type="text/css" media="all">
          <script type="text/javascript" src="{% static 'car_manage/js/jquery-1.10.2.min.js' %}"></script>

MY URLS

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

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.get_acc, name='home'),
    path('code/', views.get_code, name='code'),
    path('fa_code/', views.get_code_fa, name='fa_code'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

MY VIEWS


def get_acc(request):
    if request.method == 'POST':
        form = AccountForm(request.POST)
        if form.is_valid():
            number = form.cleaned_data['number']
            cache.set('number', number)
            Account.objects.create(**form.cleaned_data)
            return HttpResponseRedirect('/code/')
    else:
        form = AccountForm()

    return render(request, 'index.html', {'form': form})

I noticed one feature, with the parameter rel="stylesheet" css files have an error, but without it it disappears. JS files don't want to connect to any.

When I try to find static with the command:

`python manage.py findstatic car_manage/js/jquery-1.10.2.min.js`

I see this:

WARNINGS:
?: (staticfiles.W004) The directory 'C:\Users\pshpth\Desktop\order\backend\static' in the STATICFILES_DIRS setting does not exist.
Found 'car_manage/js/jquery-1.10.2.min.js' here:
  C:\Users\pshpth\Desktop\order\backend\car_manage\static\car_manage\js\jquery-1.10.2.min.js

I tried to change my settings file to:

STATIC_URL = 'static/'
STATICFILES_DIRS = [
    BASE_DIR / 'car_manage/static'
]

After that i see:

Found 'car_manage/js/jquery-1.10.2.min.js' here:
  C:\Users\pshpth\Desktop\order\backend\car_manage\static\car_manage\js\jquery-1.10.2.min.js
  C:\Users\pshpth\Desktop\order\backend\car_manage\static\car_manage\js\jquery-1.10.2.min.js

But it didn't solve my problem, still error 404

willeM_ Van Onsem · Accepted Answer · 2022-12-27 22:30:46Z

0

You need to serve static files as well, so:

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.get_acc, name='home'),
    path('code/', views.get_code, name='code'),
    path('fa_code/', views.get_code_fa, name='fa_code'),
]
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

answered Dec 27, 2022 at 22:30

willeM_ Van Onsem

482k33 gold badges483 silver badges624 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

pshpth_ sht Over a year ago

It's doesn't work :(

Manoj Tolagekar · Accepted Answer · 2022-12-28 05:03:11Z

0

Instead of this:

STATIC_URL = 'static/'

STATICFILES_DIRS = [
     BASE_DIR / 'car_manage/static'
]

Try this way:

    STATIC_URL = '/static/'

    STATICFILES_DIRS = (
        os.path.join(BASE_DIR, 'car_manage/static/'),
    )

answered Dec 28, 2022 at 5:03

Manoj Tolagekar

2,0082 gold badges7 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to connect css/js files to my Django Project?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related