Прохождение: Создание формы ввода данных

В этом прохождении вы узнаете:* Создание формы ввода на шаге с помощью виджетов ввода* Сохранение введенных данных в переменных и таблице* Просмотр записей в таблице на шаге

В этом прохождении вы узнаете, как хранить данные в приложении, а также сохранять входные данные из приложения в таблице.

В конце обоих упражнений у вас будет приложение для ввода данных, которое будет выглядеть так:

Упражнение 1: Сохранение входных данных в приложении

В этом упражнении вы создадите базовый шаг, сохраняющий входные данные в переменных.

Создайте новое приложение

1. На вкладке "Приложения" нажмите "Приложения".
2. Нажмите + Создать приложение в правом верхнем углу.
3. Назовите приложение "Форма ввода данных - пример". По желанию вы можете добавить описание, чтобы другие пользователи знали, для чего это приложение.
4. Нажмите + Создать.

На странице сведений о приложении вы можете нажать кнопку Редактировать в правом верхнем углу или щелкнуть по названию шага без названия, чтобы войти в редактор приложений.

Добавление виджетов ввода с переменными источниками данных

1. Перейдите на вкладку Inputs и выберите Checkbox.
2. В боковой панели назовите Label: "Заказ выполнен".
3. В разделе Источник данных щелкните пустое поле, а затем + Добавить переменную.
4. Назовите переменную "Work order completed" и измените значение Default на no. Нажмите + Создать.{height="" width=""}.

Конфигурация виджета будет выглядеть следующим образом:

{height="" width=""}.

1. Добавьте виджет Date picker на вкладке Inputs.
2. В боковой панели назовите Label: "Дата завершена".
3. В разделе Источник данных нажмите на пустое поле, а затем + Добавить переменную.
4. Назовите переменную "Дата завершена" и нажмите + Создать.

Конфигурация виджета будет выглядеть следующим образом:{height="" width=""}.

Создание триггера для сохранения введенных данных

1. Перейдите на вкладку Кнопки и выберите Отправить.
2. На боковой панели нажмите знак + плюс рядом с Триггеры.
3. Назовите триггер "Сохранить данные приложения".
4. В разделе Then выберите App из выпадающего списка. Затем выберите Сохранить все данные приложения. Нажмите кнопку Сохранить.

Теперь у вас есть базовый шаг ввода данных, который использует переменные для хранения значений. Вот как выглядит приложение, когда вы тестируете его в режиме разработчика:

Обратите внимание, что переменные хранят данные о завершении, которые вы можете видеть ниже экрана шага.

Упражнение 2: Сохранение входных данных в таблице

В этом упражнении вы создадите шаг ввода данных, который сохраняет значения в таблице Work Orders. Вы также сможете просматривать записи в таблице из шага приложения.1. Добавьте новый шаг и назовите его "Упражнение 2".

Добавьте таблицу в приложение

1. Перейдите на вкладку Записи и выберите + Добавить таблицу.
2. Выберите таблицу "Заказы на выполнение работ" и нажмите кнопку Добавить.
3. Нажмите значок + рядом с пунктом Record Placeholder.
4. Назовите держатель записи: "Текущие рабочие заказы". Нажмите кнопку Добавить держатель записи.

Создайте входы формы данных

1. Щелкните Входные данные и выберите Одиночный выбор.
2. В боковой панели обозначьте виджет: "Product".
3. В разделе Параметры данных щелкните пустое поле Источник данных, а затем + Добавить переменную.
4. Назовите переменную "Product" и нажмите + Create.
5. В разделе Параметры выбора добавьте следующие параметры:
6. Рама велосипеда
7. Колесо
8. Трансмиссия

1. Добавьте на шаг виджет ввода числа.
2. Назовите метку: "Количество".
3. В разделе Параметры данных щелкните пустое поле Источник данных, а затем + Добавить переменную.
4. Назовите переменную "Product" и нажмите + Create.
5. В разделе Правила проверки нажмите +, чтобы добавить правило.
6. Выберите Greater Than и введите "0" в качестве статического значения.

Создайте триггер кнопки для сохранения вводимых значений

1. Добавьте кнопку в шаг.
2. В боковой панели добавьте текст: "Создать рабочий заказ".
3. В разделе Триггеры нажмите +.
4. Назовите триггер: "Сохранить входные значения в новой записи наряда на работу".
5. Добавьте в триггер следующие действия:
6. Записи таблицы → Создать запись → Выражение: RANDOMSTRING() → Текущие рабочие заказы
7. Манипуляция данными → Хранить → Переменная → Продукт → Запись таблицы → Текущие рабочие заказы → Продукт
8. Манипуляция данными → Магазин → Переменная → Количество → Запись в таблице → Текущие рабочие заказы → Количество

Пошаговый просмотр таблицы Заказы на выполнение работ

1. Нажмите Embed и выберите Interactive Table.
2. На боковой панели в разделе Источник данных выберите Tulip Table.
3. В следующем раскрывающемся списке выберите таблицу Work Orders.
4. В разделе Linked Placeholder выберите Current Work Orders.{height="" width=""}.
5. В разделе Fields добавьте следующие поля:
6. ID
7. Продукт
8. Количество
9. Дата создания
10. Статус
11. Цвет

1. Щелкните и перетащите квадраты вокруг виджета, чтобы настроить размеры и увидеть все поля.

Теперь у вас есть форма ввода данных, которая сохраняет переменные в держателе записи и создает запись в таблице из текущего держателя. Вот как выглядит этот шаг при тестировании в режиме разработчика:

{height="" width=""}.

Если вы введете "0" в поле "Количество", вы заметите сообщение об ошибке, которое предложит пользователю ввести приемлемое значение. Это возможно благодаря правилу валидации, которое вы установили для виджета.

Следующие шаги

Теперь, когда вы создали форму ввода данных, узнайте о создании приложений или о том, как визуализировать данные:

• Прохождение: Создайте свое первое приложение
• Прохождение: Создайте свой первый анализ