Перейти к основному содержимому

Сценарий разработки экранной формы

Этот сценарий предполагает, что большинство действий по разработке экранной формы вы можете выполнить без написания кода. Вы используете визуальный режим Редактора Форм при выполнении этого сценария.

Последовательность некоторых этапов сценария может варьироваться.

Предварительные требования​

Вы создали файл экранной формы или сгенерировали экранную форму на основе метаданых модели данных или на основе класса модели данных.

Этапы​

Разработка экранной формы включает следующие этапы:

  1. Определение действий, применимых к экранной форме

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

    При настройке действий с выполнением GraphQL-запроса данных вы можете генерировать типовые GraphQL-запросы или конструировать GraphQL-запросы.

  2. Настройка источников данных для компонентов экранной формы

    Вы настраиваете источники данных для компонентов экранной формы, указывая в качестве параметров созданные ранее действия, которые используют GraphQL-запросы или запросы с помощью бэкенд-сервисов Платформы для взаимодействия с базой данных разрабатываемого приложения.

  3. Настройка общих свойств группы компонентов экранной формы

    Этот этап не является обязательным. Вы выполняете этот этап только, если хотите внести единообразие в оформление компонентов экранной формы в группе. Если вы пропустите этот этап, при добавлении компонентов на экранную форму будут использоваться параметры свойств группы по умолчанию.

    Если вы сгенерировали экранную форму, вы можете пропустить этот этап.

  4. Создание свойств фрагмента экранной формы

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

  5. Добавление компонентов на экранную форму

    Вы можете начать разработку экранной формы с этого этапа или с предыдущего, а после перейти к этапам 1 и 2 этого сценария.

    Если вы сгенерировали экранную форму и не хотите добавлять на экранную форму дополнительные компоненты, вы пропускаете этот этап.

    Вы добавляете на экранную форму компоненты Платформы согласно макетам страниц разрабатываемого приложения.

  6. Присваивание значений свойствам компонентов экранной формы

    Вы присваиваете значения свойствам добавленных на экранную форму компонентов на панели Свойства Редактора Форм. Свойства компонента DataGrid также можно настроить в специальном окне.

    При присваивании значений свойствам компонентов вы можете использовать не только константы (например, при определении неизменной надписи на кнопке), но и переменные состояния. Создавать переменные состояния можно в визуальном режиме Редактора Форм. Значения переменным состояния можно присваивать, используя настроенный источник данных. При присваивании значений свойствам компонентов могут использоваться функции на JavaScript или значения из словаря локализации.

  7. Описание обработчиков событий для компонентов экранной формы

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

  8. Настройка CSS-стилей компонентов экранной формы и темы оформления страниц приложения

    Этот этап не является обязательным. Вы описываете CSS-классы в файле CSS.css, настраиваете CSS-стили компонентов экранной формы на панели Свойства Редактора Форм. В Редакторе Стилей, ассоциированном с Styles.mdtheme, вы настраиваете цветовую палитру и другие параметры оформления страниц приложения.

  9. Настройка маршрутизации экранной формы

    Этот этап не является обязательным. Если бизнес-требования к разрабатываемому приложению описывают доступ к экранной форме по определенному URL-адресу, вы настраиваете маршрутизацию этой экранной формы.

  10. Тестирование визуального представления экранной формы с автогенерируемыми данными

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

  1. Просмотр экранной формы в режиме эмуляции работающего приложения

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

Результаты​

Экранная форма разработана. Теперь вы можете изменить ее в Редакторе Форм в режиме редактирования кода, чтобы реализовать полный набор возможностей, который не доступен в визуальном режиме Редактора Форм. Например, вы можете настроить валидацию данных, вводимых в компоненты экранных форм.