Курс по Laravel+inertia+vue. Урок 3. CRUD. Список и пагинация
"В этом уроке мы наконец начнем реализовывать CRUD, а также сделаем вывод всех пользователей и пагинацию. Ссылка на готовую вёрстку из урока: https://tailwindui.com/preview #inertia#laravel#cutcode --------------------------------------------------------------------------------- Репозиторий https://github.com/CutCodeRu/laravel-inertia-vue-crud ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - https://cutcode.dev/?utm_source=rt Угостить меня кофе - buymeacoffee.com/cutcode ???Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.dev/chat-bot?utm_source=rt --------------------------------------------------------------------------------- ⏰ Таймкоды: 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! Мы продолжаем серию роликов по inertia.js и напомню, что в конечном итоге мы реализуем небольшой проект с выводом пользователей и возможностью ими управлять, полноценный 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. --------------------------------------------------------------------------------- ? делитесь этим видео с друзьями: https://www.youtube.com/watch?v=k9DW9T3-TgE ? подпишитесь на YouTube-канал: https://www.youtube.com/channel/UCkKZ3S8JiB5nUAaTYhpCwzQ?sub_confirmation=1 ? Курс по Laravel с нуля: https://www.youtube.com/watch?v=phTSw6XDATw&list=PLTucyHptHtTkUbXaikXEmCWL8GradRx9I Курс по Laravel+inertia+vue. Урок 3. CRUD. Список и пагинация --------------------------------------------------------------------------------- ? наш сайт: https://cutcode.dev/?utm_source=rt ? наш instagram: https://www.instagram.com/cutcoderu/ ? Наш telegram-канал: https://t.me/laravel_cutcode"
"В этом уроке мы наконец начнем реализовывать CRUD, а также сделаем вывод всех пользователей и пагинацию. Ссылка на готовую вёрстку из урока: https://tailwindui.com/preview #inertia#laravel#cutcode --------------------------------------------------------------------------------- Репозиторий https://github.com/CutCodeRu/laravel-inertia-vue-crud ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - https://cutcode.dev/?utm_source=rt Угостить меня кофе - buymeacoffee.com/cutcode ???Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.dev/chat-bot?utm_source=rt --------------------------------------------------------------------------------- ⏰ Таймкоды: 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! Мы продолжаем серию роликов по inertia.js и напомню, что в конечном итоге мы реализуем небольшой проект с выводом пользователей и возможностью ими управлять, полноценный 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. --------------------------------------------------------------------------------- ? делитесь этим видео с друзьями: https://www.youtube.com/watch?v=k9DW9T3-TgE ? подпишитесь на YouTube-канал: https://www.youtube.com/channel/UCkKZ3S8JiB5nUAaTYhpCwzQ?sub_confirmation=1 ? Курс по Laravel с нуля: https://www.youtube.com/watch?v=phTSw6XDATw&list=PLTucyHptHtTkUbXaikXEmCWL8GradRx9I Курс по Laravel+inertia+vue. Урок 3. CRUD. Список и пагинация --------------------------------------------------------------------------------- ? наш сайт: https://cutcode.dev/?utm_source=rt ? наш instagram: https://www.instagram.com/cutcoderu/ ? Наш telegram-канал: https://t.me/laravel_cutcode"