Не могу подключить JS к Django
Все добрый день!
Имеется javaScript (filter.js) он храниться в папке static в папке js
В самой странице вроде все подключил но скрипт не выполняется, когда скрипт копирую на саму страницу HTML из папки Static все работает. Почему он из папки static не работает
1 2 3 4 5 6 7 8 9 10 11 12
html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> script src='https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js'>/script> script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">/script> script type ='text/javascript' src="">/script>
В папке настроек
1 2 3 4 5
STATIC_URL = '/static/' STATICFILES_DIRS = [ BASE_DIR / "static" ]
Подключить CSS и JS-файл
Сначала надо убедиться, что в файле settings.py в параметре INSTALLED_APPS есть пункт django.contrib.staticfiles :
# settings.py INSTALLED_APPS = ( 'django.contrib.staticfiles', # подключение статики (CSS, JS) # . )
Затем надо создать папку static, где будут храниться все статические файлы (CSS, JavaScript). И в файле settings.py указать путь к данной папке.
# settings.py STATIC_URL = '/static/'; # 1-ый способ: указать напрямую STATICFILES_DIRS = ['/home/project/django_site/static'] # 2-ой способ: такой же, что и 1 способ, но путь формируется автоматически STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
Теперь в файле шаблона можно подключать CSS и JS-файлы.
rel="stylesheet" href=""> src="">
Обновлено: 01 ноября 2020 | История изменений
Комментарии
Авторизуйтесь, чтобы добавлять комментарии
- Установка
- Создание страницы
- Передать переменные в шаблон
- Настройка с базой данных (MySQL)
- Вывести список статей из базы данных
- Создание, обновление и удаление записи в базе данных
- Способы выборки страниц
- Страница 404
- Пользователь статьи
- Подключить CSS и JS-файл
- Узнать версию Django
Подключение static файлов
Подключение static файлов в Django довольно легко сделать.
1) в файле settings.py проекта укажем:
STATICFILES_URL = (os.path.join(BASE_DIR , ‘static’ )) — это было до версии 3.1 — модуль os не забудьте!
а после 3.4 можно так:
STATICFILES_DIRS = [BASE_DIR / ‘static’]
2) Далее создаем папку в корне проекта — static и в ней помещаем например файл style.css и папку img и js к примеру.
3) А в самом файле, например, index.html (который находится в папке templates), сверху сперва подключаем статические файлы вот так:
и только потом можем использовать вот такие подключения:
Но у многих возникает ошибка — django не видит static файлы
Более новые статьи:
- Логирование в Джанго — 14/08/2022 08:39
- Как определить папку templates для html файлов — 21/08/2021 10:19
- Создание администратора в Django — 15/08/2021 15:16
Использование JS для фронт-энда в Django
Делаю на Django сайт, с бэк эндом все вроде ясно, но я хочу сверстать красивую хорошие странички, а для этого мне нужен JS, подскажите как мне подключить js, jquery и тд
Отслеживать
задан 10 сен 2017 в 6:59
dratata2501 dratata2501
77 1 1 золотой знак 2 2 серебряных знака 7 7 бронзовых знаков
Так же, как в обычную html-страницу. С чем конкретно у вас возникла проблема?
10 сен 2017 в 7:04
Правильно ли я все буду делать, я читал, что нужно юзать Angular, React и тд но я хз как прикрутить все это к сайту, что б не сломать сайт и мозг. Если есть хорошая статья в которой вы уверены по созданию Django(beck-end) и JS(front-end), буду рад почитать ее и я
10 сен 2017 в 7:16
Нужно «юзать» то, что нужно для решения конкретной задачи. Есть проекты в которых вообще js не нужен, есть такие в которых React избыточен, есть такие в которых jQuery недостаточна. За статьями лучше обратиться в Google.
10 сен 2017 в 7:35
Что бы юзать Angular, React, нужен rest framework. Это может быть Django rest framework или django-tastypie.