Уроки по программированию
3 сентября 2021 года / Vue
swiper Vue3

Установка Swiper во Vue 3

Установим Swiper 6 используя команду npm. Важно — для версии Swiper 7 используются другие настройки. npm i swiper@6.8.4 После создадим компонент/либо страницу со следующим кодом. Рабочий пример можно посмотреть по следующей ссылке — https://codesandbox.io/s/ts-vue-tailwind-swiper-dwknl?file=/src/components/SwiperTest.vue Внешний вид
31 мая 2021 года / Laravel

Настройка локализации Laravel + Inertia + Vue

Для настройки локализации нужно немного потрудиться. Первое что я сделаю скачаю файлы переводов. Переходим по адресу. Примеры всех созданных файлов можно будет забрать в конце материала Добавляем код для передачи данных в представление Добавляем файл со вспомогательной функцией Эта функция
29 апреля 2021 года / Laravel

Локализация в Laravel с переключателем языков (мультиязычность)

Локализация в Laravel работает из коробки. Достаточно выполнить простейшую настройку состоящую из 5 пунктов: Добавить файл языков Добавить файлы переводов Добавить middleware для хранения выбранного языка в сессии Добавления строк перевода в шаблон Вывод выбор языка в шаблоне Файл языков
23 января 2021 года / Django
Уроки по Django

Django пользовательские менеджеры

Django предоставляет возможно создавать пользовательские менеджеры, которые расширяют возможности базового менеджера. В следующем примере я создам пользовательский менеджер, который будет фильтровать посты и выдавать в конечном результате, все посты из категории news from django.db import models class CategoryManager(models.Manager): def get_queryset(self):
14 января 2021 года / Django
Уроки по Django

Как настроить Django + TinyMCE + Filebrowser?

Для настройки TinyMCE + Filebrowser начнем установку с TinyMCE (у меня windows). Установка TinyMCE: pip install django-tinymce Добавьте tinymce в INSTALLED_APPS в settings.py вашего проекта: INSTALLED_APPS = ( ... 'tinymce', ... ) Добавьте tinymce.urls в urls.py своего проекта: urlpatterns =
10 января 2021 года / Vue

Vue Composition API получить this.$route.params.id

Для того чтобы получить this.$route.params.id в разделе setup нужно подключить vue-router Путь прописан так #rootDir/src/router/index.js import { createRouter, createWebHistory } from 'vue-router' import Film from "@/components/Examples/Film"; const routes = [ { path: '/film/:id', name: 'film', component: Film }, ] const
8 января 2021 года / Django
Уроки по Django

Django не отображаются картинки

Если у вас на сайте не отображаются картинки, то вам необходимо прописать статические пути. Открываем файл settings.py вашего проекта и добавляем следующий код: #допустим папка куда грузятся файлы называется uploads STATIC_URL = '/uploads/' STATICFILES_DIRS = [ BASE_DIR / "uploads", '/var/www/uploads/',
6 января 2021 года / Django
Уроки по Django

Простой пример Django REST framework

Я создам простой API используя Django Rest framework. Допустим у нас есть уже готовый проект на Django и нам необходимо добавить API. Запускаем установку пакета rest framework используя команду pip: pip install djangorestframework Для тестирования я добавлю новое приложение article
4 января 2021 года / Vue

Простое меню Vue.js

Код простого меню на Vue.js. Создаем HTML разметку под меню. Директива :сlass будет подхватывать значение пункта меню(текст) в нижнем регистре. Активный пункт будет определяться по названию класса, который мы получили из текста. Например для пункта «Projects» — это класс project(в
25 декабря 2020 года / Javascript

Проблема со slick слайдером

Если у вас перестает работать слайд (не работает карусель), когда slidesToShow равняется количеству слайдов, то вам необходимо клонировать дополнительный элемент слайда. Допустим есть следующий код: Необходимо добавить к первому элементу слайда класс. Это делается для того, чтобы мы могли клонировать