Дизайнер веб-приложений

Нажмите, чтобы скопировать

Web Application Designer - это компонент AppMaster.io, предназначенный для создания панелей администратора и одностраничных веб-приложений (SPA). Основная идея Web Application Designer заключается в том, чтобы позволить вам точно спроектировать панель администратора или интерфейс, обращенный к клиенту, клиентский портал и многое другое.

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

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

  1. На холсте есть несколько секций, в которых могут быть размещены компоненты. Левый выпадающий раздел под названием Главное меню (оранжевый) предназначен для размещения новых страниц, которые будут формировать главное навигационное меню вашего веб-приложения. Никакие другие компоненты, кроме страниц, не могут быть помещены в эту секцию.
  2. Левая секция под названием App components (зеленые) предназначена для размещения страниц, которые не будут видны пользователям, но будут доступны для навигации и обработчиков модалов. Никакие другие компоненты, кроме страниц и модалов, не могут быть помещены в эту секцию.
  3. Верхняя и нижняя секции предназначены для верхнего и нижнего колон титулов и видны независимо от выбранной в данный момент страницы. Хорошей практикой является размещение компонентов внутри этих секций, чтобы сделать их видимыми для пользователей.
  4. Центральная секция холста представлена содержимым страницы и компонентами страницы. Он принадлежит текущей выбранной странице из главного меню. Чтобы увидеть содержимое страницы, необходимо выбрать соответствующий пункт меню.
  5. Секциякомпонентов страницы предназначена только для размещения модальных компонентов.
  6. Раздел конфигурации приложения позволяет настроить параметры авторизации/регистрации, создать бизнес-логику, глобальные переменные и настроить триггеры на события приложения.
  7. Набор компонентов, которые вы можете использовать для дизайна вашего веб-интерфейса.

Как только все необходимые компоненты будут размещены на холсте - нажмите кнопку Save , чтобы сохранить схему веб-приложения.

Учетные данные по умолчанию

Учетные данные по умолчанию для авторизации веб-приложения следующие: Логин: [email protected] Пароль: appmaster