Использование JS для фронт-энда в Django
Делаю на Django сайт, с бэк эндом все вроде ясно, но я хочу сверстать красивую хорошие странички, а для этого мне нужен JS, подскажите как мне подключить js, jquery и тд
Отслеживать
задан 10 сен 2017 в 6:59
dratata2501 dratata2501
87 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.
Как подключить файл js к Django?
Изучаю Django. Столкнулся в проблемой, что не получается подключить js. В этом же проекте таким же способом подключил css — все работает. Прошу совета как исправить. Система ошибки не выдает и не выводит сообщение из внешнего файла. Приложение называется landing. Т.е. путь до файлов такой landing/static/landing/. В теге script в адресе прописываю такой путь landing/название файла.
Титул "> alert('Если вам нужно создать качественный сайт, обратитесь в компанию');- Вопрос задан более трёх лет назад
- 1936 просмотров
2 комментария
Простой 2 комментария
Подключить 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