Курс по 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-канал:
Back to Top