Пользовательские состояния и расширенные выражения в Bubble: подробный разбор
Bubble
0:00 / 0:00
Пользовательские состояния и расширенные выражения в Bubble: подробный разбор
566 просмотров · 1 месяц назад
Bubble
62,3 тыс. подписчиков
566 просмотров · 1 месяц назад
В этом уроке рассматриваются две концепции повышения уровня в редакторе свойств Bubble: пользовательские состояния и выражения форматирования текста. Это заключительный урок из пяти частей серии для начинающих по редактору свойств Bubble, и именно здесь одна страница начинает содержать несколько пользовательских интерфейсов.
Основываясь на уроках 1–3, этот урок расширяет процесс регистрации до полноценного входа в систему/регистрации. Вы продублируете форму регистрации в форму входа, добавите рабочий процесс «Вход пользователя» и используете пользовательское состояние для переключения между видимыми формами на одной странице.
Что такое пользовательское состояние в Bubble? Пользовательское состояние — это временные данные, прикрепленные к элементу — по сути, переменная, которую ваше приложение считывает и записывает в память, не обращаясь к базе данных. Пользовательские состояния идеально подходят для состояния пользовательского интерфейса (например, какая форма отображается), поэтапных процессов регистрации или хранения данных до того, как пользователь подтвердит их сохранение.
В этом видео показано, как группировать элементы в контейнер, почему важны соглашения об именовании при дублировании элементов, и как использовать действие «Установить состояние элемента», чтобы менять пользовательское состояние при касании пользователя. Рассматривается, как условно показывать и скрывать элементы в зависимости от значений пользовательского состояния, как отключить «видимость при загрузке представления», чтобы пользовательское состояние полностью контролировало видимость, и как добавить условие рабочего процесса, чтобы одно и то же событие касания вело себя по-разному в зависимости от текущего состояния.
Урок завершается оператором «форматировать как текст» в редакторе выражений — способом отображения разного текста в зависимости от значения «да/нет» без наложения нескольких условий. К концу у вас будет работающий переключатель входа/регистрации и представление о множестве способов, которыми Bubble позволяет решать одну и ту же задачу, независимо от того, создаете ли вы визуальное представление или используете агент искусственного интеллекта Bubble.
✦ ✦ ✦ ✦ ✦
Разделы
0:00 Как скопировать форму регистрации для создания формы входа
2:35 Как добавить рабочий процесс «Вход пользователя» в Bubble
5:03 Как создать пользовательское состояние в редакторе свойств Bubble
7:23 Как показывать и скрывать элементы на основе пользовательского состояния
9:22 Как создать переключатель пользовательского состояния с помощью действий установки состояния
13:15 Почему пользовательские состояния работают как временные данные в Bubble
15:26 Как использовать «Форматировано как текст» в редакторе выражений Bubble
19:26 Визуальное редактирование против ИИ: два способа создания в Bubble
✦ ✦ ✦ ✦ ✦
Подпишитесь на этот канал, чтобы первыми узнавать о новых видео!
Bubble — единственный полностью визуальный конструктор приложений на основе ИИ, который позволяет вам «визуализировать» код без написания самого кода, чтобы запускать реальные приложения для реальных пользователей. На сегодняшний день 6 миллионов разработчиков запустили более 7 миллионов приложений, которые в совокупности обрабатывают транзакции на сумму более 1 миллиарда долларов в год.
Хотите услышать их истории и советы, а также мнения лидеров отрасли? Подпишитесь на наш видеоподкаст, выходящий раз в две недели, The New Build ➡ • The New Build
Узнайте больше о Bubble:
Главная / начните бесплатно ➡ https://bble.io/yt
Twitter ➡ / bubble
Блог ➡ https://bubble.io/blog
Вопросы и поддержка ➡ bubble.io/support.