Курс по Laravel+inertia+vue. Урок 5. Тестирование, формы, flash уведомления

Настало время для крайнего ролика в серии по Laravel и сегодня мы наведем порядок в формах - косметческие улучшения, сделаем flash-уведомления, посмотрим как организовано тестирование в . Ну а в конце ролика мы подведем итоги относительно инерции и я выскажу свое мнение! #inertia#laravel#cutcode --------------------------------------------------------------------------------- Репозиторий ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - Угостить меня кофе - 🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - --------------------------------------------------------------------------------- ⏰ Таймкоды: 00:00 Введение 00:38 Настройка форм 02:34 Flash message 06:37 Тестирование 09:44 Подведение итогов по курсу Всех поклонников Laravel я приветствую на канале Cutcode! Мы продолжаем тему и сегодня у нас завершающей серию ролик. Отдельное спасибо вам за активность - канал развивается только благодаря вам! Что нас ждет сегодня в выпуске: - немного косметики в формах. - осветим тему глобальных данных и сделаем flash-уведомления - разберемся с тестированием - самое главное подведем итоги я выскажу свое мнение Меньше слов - погнали! Давайте начнем с того что немножко поиграемся с формами с косметикой у helper use form в инерции есть несколько интересных состояний, которые могут улучшить ваш интерфейс по работе с формами. К примеру кнопка обновить вы можете добавить атрибут disabled на условии что у формы состояние processing будет true, то есть когда у нас форма в процессе отправки, у нас на кнопки будет button disabled и либо можно подставить сюда загрузку и что угодно уже на ваше усмотрение и этот момент оживить. Далее еще интересное состояние у формы это isDirty вы можете отслеживать изменились ли какие-либо поля в рамках вашей формы и к примеру выдавать сообщения что что-то вашей форме поменялось не забудьте сохранить немного улучшив интерфейс. Давайте посмотрим как это работает добавим блог добавим условие if - здесь укажем форм и состоянии isDirty - если она у нас True, тогда мы будем выводить этот блок и здесь напишем “что-то изменилось не забудьте сохранить форму“ ну пусть будет так. Пусть будет зеленым и пусть будет небольшой padding. Давайте посмотрим что у нас получилось - откроем форму, попробуем что-либо изменить. После чего мы сразу видим что наше сообщение, которое у нас на состоянии isDirty. Возвращает символ и исчезает. Так интересный момент, который может улучшить интерфейс. Следующий недостаток - когда мы что-либо сохраняем у нас происходит redirect. Чтобы увидеть что запись точно сохранилась нам необходимое им найти здесь и увидеть что то что мы меняли сохранилось. Больше ничего нам на это не указывает. Нам необходимо добавить уведомление о том, что запись сохранена flash message. Давайте как раз это сделаем и заодно поиграемся с шерп дата, то есть глобальными переменными в наши компоненты. Я об этом уже говорил в начале цикла роликов и говорил о том, что мы поиграемся на примере объекта с авторизованным пользователем. Но до авторизованного пользователя мы не дошли и поэтому в данном случае мы поиграемся как раз с flash messenge. Давайте откроем middlewar который у нас отвечает за инерцию handleInertiaRequest. Здесь как раз в методе Share о котором я говорил мы можем глобального все компоненты отправить какие-либо данные. И давайте как раз организуем flash message и будем его к передавать если он есть. --------------------------------------------------------------------------------- 📹 делитесь этим видео с друзьями: 🔔 подпишитесь на YouTube-канал: 📼 Курс по Laravel с нуля: Курс по Laravel inertia vue. Урок 5. Тестирование, формы, flash уведомления --------------------------------------------------------------------------------- 🔗 наш сайт: 📷 наш instagram: 📱 Наш telegram-канал:
Back to Top