Курс по 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-канал:
1 view
989
509
2 days ago 00:14:42 1
«Хороший конец». А.П.Чехов. Читает Владимир Антоник. Аудиокнига
2 days ago 00:06:42 1
Тонкости выполнения диафрагмального дыхания
2 days ago 00:00:59 1
Как избавиться от перхоти без лекарств и шампуней!
2 days ago 00:16:59 1
AlphaBay – Гидра для США. Как ловили короля даркнета или Мориарти, который НЕ смог
3 days ago 00:08:26 1
Так быстро я ещё не фильтровал свои настойки !!!
4 days ago 00:11:48 1
У вас нет права упрекать и обвинять нас! Небензя РАЗНОСИТ Британию на заседание ООН по Украине
4 days ago 00:12:26 1
ВСУ ударили по штабу Курского фронта ВС РФ | Вероятно уничтожено командование целого направления
5 days ago 00:25:23 3
Как решать уравнения с модулем или Математический торт с кремом (часть 1) | Математика
5 days ago 00:21:57 2
Уравнения с модулем. Часть 2 | Математика | TutorOnline
6 days ago 00:15:55 1
Правила классической мафии (2021)
6 days ago 01:08:25 1
Эфир с Львом Клыковым. “Переход в новый мир. Чего нам ждать в 2025 - 2027 г.“
6 days ago 00:26:59 1
Мелирование на темные русые волосы дома | Окрашивание волос | Уроки окрашивания волос
1 week ago 00:15:26 1
ТАРО-прогноз с 25 ноября по 1 декабря 2024 ♈︎ ОВЕН
1 week ago 00:15:33 6
Spotlight 2 класс (Спотлайт 2) Английский в фокусе 2кл./ Урок 15 “In the Bath!“ 3b стр. 36 - 38
1 week ago 00:12:24 1
Вилла Вашей Мечты в Греции! 🌴 Обзор Роскошного Дома
1 week ago 00:22:46 1
НОВЫЕ ПРАВИЛА КРУГА: РАЗВОРОТЫ, ОБРАТНЫЙ и ДВУСТОРОННИЙ КРУГИ, изменения ПДД круговое движение 2024
1 week ago 00:03:03 1
Видеоурок по правам ребёнка “В стране прав ребёнка“
2 weeks ago 01:33:20 3
Оптимизация тестирования с использованием Pytest // Демо-занятие курса «Python QA Engineer»
2 weeks ago 00:28:55 1
Перфилов Семён - Расчёт инфузии
2 weeks ago 00:02:24 1
Пиджак - 2004 год - русский трейлер
2 weeks ago 00:02:20 1
⚡️Лукашенко с трибуны COP29 в Баку: Макрон думал, что он герой... А где он сейчас?
2 weeks ago 01:32:37 2
Чужаки изнутри | ALI
2 weeks ago 00:09:46 5
Стоячие волны в Трансформаторе Тесла, резонанс, коэффициент трансформации
2 weeks ago 00:15:18 1
Ученые нашли суперорганизацию, которая правит мировой экономикой