Курс по Laravel+inertia+vue. Урок 3. CRUD. Список и пагинация
В этом уроке мы наконец начнем реализовывать CRUD, а также сделаем вывод всех пользователей и пагинацию.
Ссылка на готовую вёрстку из урока:
#inertia#laravel#cutcode
---------------------------------------------------------------------------------
Репозиторий
❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode!
Поддерживай мой проект -
Угостить меня кофе -
🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут -
---------------------------------------------------------------------------------
⏰ Таймкоды:
00:00 Введение
00:47 Реализация CRUD
01:25 Создаём ресурс-контроллер
02:50 Добавление ресурс-контроллера в routes
03:14 Создаём view-компоненты
04:08 Добавление вёрстки
04:52 С чем нам предстоит работать в этом уроке
07:44 Предложение оставить комментарий по vue
08:10 Реализация цикла с выводом пользователей
11:14 Реализация пагинации
15:09 Кастомизация кнопок пагинации
18:07 Подведение итогов
Всех поклонников Laravel я приветствую на канале Cutcode! Мы продолжаем серию роликов по и напомню, что в конечном итоге мы реализуем небольшой проект с выводом пользователей и возможностью ими управлять, полноценный CRUD.
В предыдущем ролике мы подготовили все необходимые для дальнейшей работы, а именно разобрались в компоненте link, rout и meta. Но сегодня в выпуске: начнем наконец реализацию CRUD, выведем всех пользователей и добавим пагинацию. Но друзья меньше слов - больше практики! Погнали!
Так давайте начнем реализацию CRUD. Виртуальный сервер я уже запустил и так же выполнил команду npm run hot, которая будет отслеживать изменения и компилировать файлы.
Далее верстку я взял готовый сайт от tailwindui, ссылку я добавлю в описании, мы начнем вот с этой таблички и пагинации для реализации нашего CRUD. Вы также сможете зайти на этот сайт и скопировать html.
Далее с чего мы начнем? Начнем с того, что создадим наш ресурс контроллер. В основе мы будем использовать пользователей, они уже есть в laravel, есть миграция с таблицей и есть модель. Давайте создадим ресурс-контроллер. Добавим параметр resourse, что он у нас ресурс контроллер и также добавим параметр model и укажем с какой моделью будет работать этот ресурс контроллер чтобы он уже заранее делал бинды на модель. Контроллер создан давайте посмотрим - этот контроллер у нас будет реализовывать всю нашу CRUD логику. Cегодня мы начнем с index метода - с листинга. Давайте здесь сразу вернем inertia метод рендер у нас будет будут все компоненты по пользователям хранится директории users и далее для главной страницы у нас будет компонент index - сюда мы передадим следующие пропсы - всех юзеров и
выполним pagination. Пусть будет по 5 пользователей на странице. И так же как мы делали раньше давайте тоже передадим заголовок страницы пусть будет users.
Так отлично - далее давайте добавим user ресурс контроллер в routes и здесь добавим rout ресурс url будет users и далее вторым параметром сам контроллер.
Отлично после чего нам необходимо создать view компоненты. Создадим директорию users для нашей крат системы по пользователям и создадим компонент индекс.
Так отлично давайте сразу посмотрим всё ли нормально все ли у нас работает и для этого еще в layout добавим ссылку на users.
---------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:
🔔 подпишитесь на YouTube-канал:
📼 Курс по Laravel с нуля:
Курс по Laravel inertia vue. Урок 3. CRUD. Список и пагинация
---------------------------------------------------------------------------------
🔗 наш сайт:
📷 наш instagram: 📱 Наш telegram-канал:
3 views
806
229
1 month ago 00:14:42 1
«Хороший конец». А.П.Чехов. Читает Владимир Антоник. Аудиокнига
1 month ago 00:06:42 1
Тонкости выполнения диафрагмального дыхания
1 month ago 00:00:59 1
Как избавиться от перхоти без лекарств и шампуней!
1 month ago 00:16:59 1
AlphaBay – Гидра для США. Как ловили короля даркнета или Мориарти, который НЕ смог
1 month ago 00:08:26 1
Так быстро я ещё не фильтровал свои настойки !!!
1 month ago 00:11:48 1
У вас нет права упрекать и обвинять нас! Небензя РАЗНОСИТ Британию на заседание ООН по Украине
1 month ago 00:12:26 1
ВСУ ударили по штабу Курского фронта ВС РФ | Вероятно уничтожено командование целого направления
1 month ago 00:25:23 3
Как решать уравнения с модулем или Математический торт с кремом (часть 1) | Математика
1 month ago 00:21:57 2
Уравнения с модулем. Часть 2 | Математика | TutorOnline
1 month ago 00:15:55 1
Правила классической мафии (2021)
1 month ago 01:08:25 1
Эфир с Львом Клыковым. “Переход в новый мир. Чего нам ждать в 2025 - 2027 г.“
1 month ago 00:26:59 1
Мелирование на темные русые волосы дома | Окрашивание волос | Уроки окрашивания волос
1 month ago 00:15:26 1
ТАРО-прогноз с 25 ноября по 1 декабря 2024 ♈︎ ОВЕН
1 month ago 00:15:33 6
Spotlight 2 класс (Спотлайт 2) Английский в фокусе 2кл./ Урок 15 “In the Bath!“ 3b стр. 36 - 38
1 month ago 00:12:24 1
Вилла Вашей Мечты в Греции! 🌴 Обзор Роскошного Дома
1 month ago 00:22:46 1
НОВЫЕ ПРАВИЛА КРУГА: РАЗВОРОТЫ, ОБРАТНЫЙ и ДВУСТОРОННИЙ КРУГИ, изменения ПДД круговое движение 2024
2 months ago 00:03:03 1
Видеоурок по правам ребёнка “В стране прав ребёнка“
2 months ago 01:33:20 3
Оптимизация тестирования с использованием Pytest // Демо-занятие курса «Python QA Engineer»
2 months ago 00:28:55 1
Перфилов Семён - Расчёт инфузии
2 months ago 00:02:24 1
Пиджак - 2004 год - русский трейлер
2 months ago 00:02:20 1
⚡️Лукашенко с трибуны COP29 в Баку: Макрон думал, что он герой... А где он сейчас?
2 months ago 01:32:37 2
Чужаки изнутри | ALI
2 months ago 00:09:46 5
Стоячие волны в Трансформаторе Тесла, резонанс, коэффициент трансформации
2 months ago 00:15:18 1
Ученые нашли суперорганизацию, которая правит мировой экономикой