Репетиторы по Django в Москве

Возраст ребёнка: 16 лет. Для ребёнка Азыещё

Для работы Создать APIView показать как все работает и устроеноещё

20 лет. Для себяещё

45 лет. Для себя Создание шаблонного проекта с парой страниц + подключение к postgre (есть длительный опыт работы c Flask)ещё

Надо объяснить либо сделать кастомный виджет select в django. Форма виджета есть в HTML+css+js (там плюсом применяются bootstrap.min.css стили) HTML: {% load static %} <link type="text/css" href="{% static 'carshop/css/mycss/styleForSelectMark.css'%}" rel="stylesheet" > <div class="wrapper " > <div class="form-floating "> <div class="select-btn form-select" name = "floatingSelectMark" id="floatingSelectMark"> <span id = "spantext">Выберите марку</span> </div> <label for="floatingSelectMark">Марка</label> <div class="content"> <div class="search"> <i class="uil uil-search"></i> <input spellcheck="false" type="text" placeholder="Поиск"> </div> <ul class="options" ></ul> <div class="get-all-marks"> <button type="button" class="btn btn-primary" id = "loadAllMarks">Все марки</button> </div> </div> </div> </div> <script src="{% static 'carshop/js/jquery-3.7.1.min.js' %}" rel="stylesheet" ></script> <script src="{% static 'carshop/js/myjs/scriptSelectMark.js' %}" rel="stylesheet" ></script> CSS: /* Import Google Font - Poppins */@import url('[Ссылка скрыта]'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } ::selection{ color: #fff; background: #4285f4; } .wrapper{ --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='[Ссылка скрыта]' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); width: 100%; } .select-btn, li{ display: flex; align-items: center; cursor: pointer; } .select-btn{ padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .select-btn i{ font-size: 31px; transition: transform 0.3s linear; } .wrapper.active .select-btn i{ transform: rotate(-180deg); } .content{ position:absolute; width: 100%; display: none; padding: 0.5rem 0rem 0.5rem 0rem; margin-top: 0rem; background: #fff; border-radius: 7px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .wrapper.active .content{ display: block; } .content .search{ position: relative; z-index:1000; } .search i{ top: 50%; left: 15px; color: #999; font-size: 20px; pointer-events: none; transform: translateY(-50%); position: absolute; } .search input{ height: 50px; width: 100%; outline: none; font-size: 17px; border-radius: 5px; padding: 0 20px 0 43px; border: 1px solid #B3B3B3; } .search input:focus{ padding-left: 42px; border: 2px solid #4285f4; } .search input::placeholder{ color: #bfbfbf; } .content .options{ position: relative; z-index: 1000; margin-top: 10px; max-height: 19rem; overflow-y: auto; padding-right: 7px; width: 100%; background: #fff; border: 2px solid #B3B3B3; border-radius: 5px; } .content .get-all-marks{ position: relative; z-index: 100; margin-top: -0.8rem; width: 100%; } .options::-webkit-scrollbar{ width: 7px; } .options::-webkit-scrollbar-track{ background: #f1f1f1; border-radius: 25px; } .options::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 25px; } .options::-webkit-scrollbar-thumb:hover{ background: #b3b3b3; } .options li{ font-size: 1rem; } .options li:hover, li.selected{ border-radius: 5px; background: #f2f2f2; } JS: const wrapper = document.querySelector(".wrapper"), selectBtn = wrapper.querySelector(".select-btn"), searchInp = wrapper.querySelector("input"), options = wrapper.querySelector(".options"); var mark_name = document.getElementById('mark_name'); const selected_model_name = document.querySelector('#model_name option:checked') //При загрузке документа загружается список популярных марок в Select марок //загруженные данные сохраняет в переменную и вызывает функцию заполнения марок addMarks() в Select $(document).ready(function(){ $.ajax({ url: '/getmark', type: 'GET', success: function(result){ var marks = result.marks.slice() marksList = marks.slice() addMarks(); } }) } ); // функция загрузки всех марок автомобилей при нажатии кнопки "все марки" (+меняет название кнопки) // загруженные данные сохраняет в переменную и вызывает функцию addMarks() для заполнения марок в Select function loadAllMarks (){ var urfForLoad = '/getallmarks' var el = document.getElementById('loadAllMarks'); if (el.firstChild.data == "Все марки") { el.firstChild.data = "Популярные"; urfForLoad = '/getallmarks' } else { el.firstChild.data = "Все марки"; urfForLoad = '/getmark' } $.ajax({ url: urfForLoad, type: 'GET', success: function(result){ var marks = result.marks.slice() marksList = marks.slice() addMarks(); } }) } //Добавляем марки из переменной marksList в Select и создаем в каждом li кнопку вызова функции updateName // function addMarks(selectedMark) { options.innerHTML = ""; marksList.forEach(onemark => { let isSelected = onemark == selectedMark ? "selected" : ""; let li = `<li onclick="updateName(this)" class="${isSelected}">${onemark}</li>`; options.insertAdjacentHTML("beforeend", li); }); } //при нажатии на li с текстом необходимой марки вызывается эта функция и передается ссылка на нажатый li function updateName(selectedLi) { loadModelName(selectedLi.innerText) //вызываем функцию загрузки моделей выбранной марки из newloadmodels.js и передаем название выбранной марки const select = document.querySelector('#mark_name').getElementsByTagName('option'); // на странице есть скрытый select с именем mark_name - находим его select[0].value = selectedLi.innerText; //в скрытый Select присваиваем значение выбранной марки select[0].selected = true //в скрытый Select присваиваем значение "выбранный" searchInp.value = ""; addMarks(selectedLi.innerText); wrapper.classList.remove("active"); selectBtn.firstElementChild.innerText = selectedLi.innerText; } searchInp.addEventListener("keyup", () => { let arr = []; let searchWord = searchInp.value.toLowerCase(); arr = marksList.filter(data => { return data.toLowerCase().startsWith(searchWord); }).map(data => { let isSelected = data == selectBtn.firstElementChild.innerText ? "selected" : ""; return `<li onclick="updateName(this)" class="${isSelected} qwerty">${data}</li>`; }).join(""); options.innerHTML = arr ? arr : `<p style="margin-top: 10px;">Такой марки нет</p>`; }); selectBtn.addEventListener("click", () => wrapper.classList.toggle("active")); document.getElementById('loadAllMarks').onclick = loadAllMarks;ещё

27 лет. Для себя С написанием дипломного проекта сайта на django от yandex practicum. Сайт полностью работает, но у postman есть фейлы в забеге. Мне нужна помощь разобраться с ними, попутно помочь уложить мои знания по полочкамещё

25 лет. Для себя Требуется введение в Django и веб-разработку/Помощь с проектом для ВКР. Базовые навыки программирования имеютсяещё

37 лет. Для себяещё

35 лет. Для себя Настройка проекта и сервера (Django, nginx, gunicorn). Пожелания и особенности: Где то туплю, где не пойму, нужно разобрать по полочкам, что и как делатьещё