Конструктор форм/страниц No/Low Code платформы лёгкой разработки Appliner создаёт пользовательские интерфейсы функциональных приложений (ФП) без необходимости программирования.
Аккордеон — это элемент, который показывает список заголовков (обычно в столбик). При клике по заголовку — он «раскрывается», и под ним появляется дополнительный контент.
Фрейм — позволяет выделить в окне браузера независимую область, в которой может отображаться отдельный HTML-документ. Технически это контейнер, в которые загружаются другие документы, что позволяет создавать сложные многооконные интерфейсы. Результат, который можно получить с использованием этого элемента, – это область, в которой отображается любая страница (кроме текущей), созданная в функциональном приложении. Для того, чтобы установить […]
Компонент, который позволяет упорядочить элементы интерфейса в одном направлении — по горизонтали или вертикали. Фактически это контейнер, в который помещаются элементы, которые нужно расположить вместе. Элементы внутри стека могут быть одного типа или различаться. Количество элементов ограничивается физическими размерами элементов и экрана. Для того, чтобы осуществить настройку компонента “Стек”, выделите его в рабочей области. […]
Табы (вкладки) — это элемент интерфейса, который позволяет переключаться между несколькими разделами или «вкладками» внутри одного экрана или раздела без перезагрузки страницы. Каждая вкладка открывает свой набор контента. Для того, чтобы изменить элемент компонента, выделите его левой клавишей мыши. Чтобы переименовать, например, вкладку “Tab 1” выделите текст “Tab 1” и введите нужное название вкладки, например “ Вкладка […]
Компонент “Коллекция ” используется для вывода данных из таблицы. Результат, который можно получить с использованием этого элемента, – это область, в которой данные содержатся в виде маленьких таблиц (карточек). Для создания коллекции перетащите иконку компонента на макет страницы. При создании коллекции в диалоговом окне можно выбрать вертикальное или горизонтальное размещение табличных данных. Выберите таблицу, данные […]
Результат использования Создание таблицы. Компонент q-table фреймворка Quasar. Место для gif
Диаграмма С помощью данного компонента можно получить представление набора данных в виде диаграмм различных типов. В качестве источника данных может выступать: таблица, представление или запрос. Виды доступных диаграмм Гистограмма Количественные соотношения некоторого показателя представлены в виде прямоугольников, площади которых пропорциональны. Высота прямоугольников определяет соотношения отображаемого параметра. Диаграмма рассеивания Представляет собой график, на котором по […]
Компонент создает поле с картой. На динамической карте можно указать местоположение объекта, отображать/скрывать слои с объектами, определить масштаб и другие параметры, а так-же просматривать данные о выбранном объекте. Для работы с компонентом необходимо подготовить структуру данных. Данная структура будет выступать источником/хранилищем геоданных. Структура данных Схема данных Добавление и настройка компонента Разместите компонент “Компоненты” […]
Компонент позволяет вставить в макет веб-страницы иконку из встроенной библиотеки. В отличие от “Изображения”, для иконок нельзя изменить цвет или размер. Доступен только выбор иконок из библиотеки.
Компонент “Видео” Компонент позволяет добавить плеер для воспроизведения видеоконтента. В зависимости от настроек плеер может быть видоизменён. Компонент находится в группе “Контент” конструктора форм. Настройки компонента Компонент настраивается в зависимости от выбранного провайдера. Провайдер это ресурс и его плеер через который будет транслироваться видеоконтент, можно выбрать из следующих провайдеров: HTML5 Source – устанавливается по умолчанию […]
Компонент Анимация Lottie позволяет размещать на веб-страницах элементы анимации Lottie — популярного формата анимационных файлов на основе JSON. Это помогает разнообразить экранные формы, делать их оригинальными, нескучными и современными. Особенности Lottie-анимаций: Малый размер файла. Анимации Lottie значительно меньше по размеру по сравнению с GIF или MP4 при сохранении качества. Масштабируемость. Поскольку анимации основаны на векторах, их можно […]
Компонент “Чат” предназначен для визуализации диалога между пользователем и другим пользователем или ИИ-ассистентом и хранения последовательности сообщений. Для того, чтобы создать экранную форму чата, перетащите иконку компонента “Чат” на рабочий стол. В открывшемся диалоговом окне вам будет предложено выбрать существующую таблицу для хранения сообщений чата или создать новую. Таблица должна иметь определенный набор обязательных полей, […]
С помощью компонента “Календарь” пользователь может создавать, редактировать и просматривать события. Это может быть полезно для планирования встреч, поставок, выставок, собраний и любого типа задач. Для работы с компонентом необходимо предварительно подготовить структуру данных. Данная структура будет выступать источником/хранилищем данных о задачах. А так-же связью с карточками (создания, редактирования, просмотра) в соответствии с типом задачи. […]
Компонент позволяет визуализировать график работ/ план проекта. На диаграмме Ганта отражаются задачи и последовательность их выполнения. Диаграмма Ганта состоит из следующих элементов: Список задач или действий. В левой части диаграммы указывают список мероприятий или задач, с которыми предстоит работать на проекте. Исполнитель. Возле сроков указывают сотрудника, ответственного за выполнение конкретной задачи. Сроки. Рядом со списком […]
Добавляет в приложение визуализацию доски Канбан. Доска Kanban — это инструмент управления проектами, который помогает наглядно представить задачи, ограничить объем незавершенной работы и добиться максимальной эффективности (или скорости). Она может помочь командам упорядочить повседневную работу. С помощью карточек и столбцов на доске Kanban команды могут понять, какой объем работы следует взять на себя, и выполнить […]
Компонент создает поле, позволяющее пользователю выбирать одно или несколько значений из предложенных вариантов. Компонент находится в группе “Прочее”, списка компонентов раздела конструктора форм. Используется для создания флажков на веб-странице. Результат, который можно получить с использованием этого элемента, – это чекбокс, который пользователь может отметить или снять галочку. Это может быть полезно для создания форм, опросов […]
Результат использования Создает разделитель Место для gif
Фильтр В примере показана работа “Фильтра” во взаимодействии с “Универсальной таблицей”. Сценарий: Пользователю необходимо найти задачи, в названии которых содержится искомое значение. Результат: Пользователь видит в таблице, только те задачи, в названии которых содержится слово “поставка”. Шаги реализации заданного сценария Создание и настройка “Фильтра”. На странице ФП размещаем компонент “Фильтр”; Выбираем в качестве […]
Подпись (Lable) Создает поле-метку, которое используется для связывания с другими элементами формы. Например с: Input, Textarea, Checkbox Щелчок по тексту метки может активировать связанный элемент формы, что делает процесс ввода данных более удобным для пользователей. Компонент находится в группе “Прочие” конструктора форм. Настройки компонента Компонент имеет следующие настройки и параметры: For – текстовое поле, задаётся […]
Компонент создает поле с 3 кнопками – пунктами меню. Настройка компонента Компонент состоит из нескольких элементов, каждый их которых имеет свои настройки. Настройки осуществляются при помощи иструментов, расположенных в закладке “Настройки”: Navbar – имеет следующие настройки: id – идентификатор элемента; title – наименование элемента. Ссылка – имеет следующие настройки: Title – название компонента в приложении. […]
Компонент позволяет вставить текстовое поле в виде цитаты в макет страницы. В настоящее время имеются похожите компоненты для этий же целей, например “Текст” (коллекция “Контент”). Компонент “цитата” отличается предустановленным форматированием текста. Дальнейшее форматирование осуществляется с помощью инструментов в закладке “Настройки” и “Стили”. Настройки компонента Компонент имеет следующие настройки и параметры: id – идентификатор компонента; […]
Переключатель (Radio) Создает кнопку-переключатель, который позволяет пользователю выбрать одно значение из группы взаимосвязанных вариантов. Используется для создания переключателей. Результат, который можно получить с использованием этого элемента, – это набор взаимосвязанных переключателей, из которых пользователь может выбрать только один вариант. Это часто используется в формах для выбора единственного варианта из нескольких предложенных. Компонент находится в группе […]
Выбор из списка (Select) Создает поле (выпадающий список), который позволяет пользователю выбрать один вариант из предложенных. Используется для создания выпадающего списка вариантов, из которых пользователь может выбрать один. Это удобно для создания форм с выбором определенных значений или категорий. Настройки компонента Компонент имеет следующие настройки (закладка “Настройки”): name – текстовое поле, наименование компонента; options – […]
Компонент многострочное текстовое поле (или текстовая область), предназначен для ввода больших объемов текста. Используется для создания многострочного поля ввода. Результат, который можно получить с использованием этого элемента, – это область, в которой пользователь может ввести большой объем текста, например, комментарий, отзыв, сообщение и т.д. Настройки компонента Компонент имеет следующее параметры для настройки: Name – наименование […]
Элемент “хлебные крошки” Популярный компонент навигации “хлебные крошки” позволяет создаь и настроить группу ссылок для управления переходами пользователя между веб-страницами и экранными формами приложения. Перетащите иконку компонента на рабочий стол. Созданный элемент по умолчанию содержит две ссылки. Дальнейшие изменения компоненита производятся с помощью интсрументов во вкладке “Настройки”. В поле “Разделитель” можно указать иной (вместо “/”) разделитель. […]
Компонент “Кнопка” позволяет добавить в экранную форму кнопку и настраивать ее функционал. Располагается в коллекции “Управление”. Для того, чтобы разместить кнопку на странице, нужно перетащить иконку “Кнопка” на рабочий стол. Дальнейшие настройки осуществляются во вкладках “Стили” и “Настройки” в правой части экрана Во вкладке “Стили” можно изменить общий стиль кнопки, точный или относительный размер, шрифт […]
С помощью элемента “Ссылка” создается гиперссылка, которая при нажатии на нее будет перенаправлять пользователя на указанный URL. У компонента имеются следующие настройки и параметры: Title – название компонента в приложении, отображается как подсказка при наведении; Href – hypertext reference, URL адрес на которой происходит переход при нажатии на ссылку; Target – параметр, регулирующий открытие ссылки […]
Компонент используется для создания возможности передачи пользователем файла посредством формы. В результате создается кнопка,, которая позволяет загрузить файл с компьютера в систему. Компонент должен быть размещен на макете страницы в пределах формы. Предварительно необходимо в модели данных создать таблицу с соответствующими полями (с соответствующим типом данных). В данном случае тип данных должен быть “Вложение”. Если […]
Компонент “Форма” используется для создания форм в веб-интерфейсе, с помощью которых пользователь может вводить какие-либо данные, отправлять их на обработку или осуществлять другие действия. При “перетаскивании” иконки “Форма” на рабочий стол система предложит осуществить выбор компонента, с которым создаваемая форма должна будет взаимодействовать. Доступен выбор между: Системными действиями; Моделью данных (то есть, выполнением операций […]
Примеры взаимодействия с компонентом “Форма” Компонент “Форма” используется для создания на странице форм для ввода данных пользователем и дальнейшей их обработки. Это может быть полезно, например, для анкетирвоания пользователя, ввода текстовых данных, отправки комментариев, подписки на рассылку и т.д. Операции, доступные при использовании компонента “Форма” Создание записи Разместите на странице компонент “Форма”; В диалоговом окне […]
Создает однострочное текстовое поле, в котором пользователь может вводить информацию в текстовом формате. Используется для создания полей ввода на веб-странице. Результат, который можно получить с использованием этого элемента, – это поле, в котором пользователь может ввести текст, числа или другую информацию. Это может быть полезно для создания форм, поисковых строк, опросов и прочих интерактивных элементов […]
Целое число Компонент позволяет вводить только целые числа. Буквы в поле не вводятся, при попытке ввести вещественное число выдаётся ошибка. Компонент можно разместить только на форме. Компонент расположен в группе “Формы” конструктора форм. Для введения числа в поле можно использовать как устройства ввода так и кнопки увеличения и уменьшения числа (число по умолчанию 0). Настройки […]
Компонент позволяет разместить на странице композицию полей для заполнения пользователем (Минуты, Часы, Дни, Месяцы, Годы), формат получаемых данных – временной интервал . Элемент размещается на макете страницы в пределах компонента “Форма”. В таблице, в которой хранятся данные, получаемые посредством формы, должно быть в наличи поле с типом данных “Интервал”. Если форма создается на оновании таблицы, […]
Компонент позволяет разместить на странице поле для заполнения пользователем, формат получаемых данных – денежная сумма. Элемент размещается на макете страницы в пределах компонента “Форма”. В таблице, в которой хранятся данные, получаемые посредством формы, должно быть в наличи поле с типом данных “Денежная сумма”. Если форма создается на оновании таблицы, уже имеющей поле с данными нужного […]
Многострочный текст Создает текстовое поле, в котором пользователь может вводить текстовую информацию. Используется для создания полей ввода на веб-странице. Результат, который можно получить с использованием этого элемента, – это поле, в котором пользователь может ввести текст, числа или другую информацию. Это может быть полезно для создания форм, поисковых строк, опросов и прочих интерактивных элементов на […]
Компонент позволяет разместить на странице поле для заполнения пользователем, формат получаемых данных – телефонный номер. Элемент размещается на макете страницы в пределах компонента “Форма”. В таблице, в которой хранятся данные, получаемые посредством формы, должно быть в наличи поле с типом данных “Телефон”. Формат телефонного номера выбирается при создании поля. Если форма создается на оновании таблицы, […]
Компонент позволят создать текстовый указатель. Компонент расположен в группе “Формы” конструктора форм. Компонент может быть размещён только на компоненте “Форма” Настройки компонента Компонент имеет следующие настройки: id – идентификатор компонента; title – наименование компонента
Компонент позволяет разместить на форме поле с 24-часовым форматом, с возможностью установки времени. Результат, который можно получить с использованием этого элемента, – выбор пользователем времени в заданном для этого поле. В таблице, в которой хранятся данные, получаемые посредством формы, должно быть в наличи поле с типом данных “Время”. Компонент расположен в группе “Формы” конструктора форм. […]
С помощью компонента «Древовидный выбор» пользователь может выбирать записи из источника данных, представленные в виде дерева с чекбоксами. Это удобно для выбора нескольких элементов из иерархического справочника: подразделений, категорий, регионов, статей номенклатуры и любых других данных, организованных «родитель — потомок». Компонент размещается внутри формы (компонент “Форма“). Отмеченные пользователем узлы сохраняются в указанное поле формы в […]
Создает однострочное текстовое поле, в котором пользователь может вводить информацию в формате url-адреса. Компонент размещается на форме. При перенесении компонента на форму, у которой есть текстовые параметры, позволяет привязать поле к параметру. Настройка компонента Компонент имеет следующие настройки и параметры: Placeholder – предварительный текст в области, стирается при установке курсора в область текста. По умолчанию […]
Операции с экранными формами Пользовательский интерфейс функциональнного приложения, создаваемого на платформе Appliner, представляет собой набор веб-страниц, каждая из которых может иметь свою уникальну структуру, композицию и функциональное наполнение. Как правило, в приложении имеется главная страница, с которой ведут ссылки на друие страницы (по кнопке или другим способом). Важно!!! Разграничение доступа к информации для пользователей с […]
Image С помощью элемента “Изображение” в макет веб-страницы добавляется изображение. Поддерживаемые форматы изображения: JPG, PNG, SVG. Для создания изображения перетащите иконку компонента на рабочий стол. В открывшемся диалоговом окне нажмите на поле “Перетащите файл или нажмите для загрузки”. Далее укажите путь для закачки одного или несколких файлов изображений. Выберите одно изображение из загруженных. Оно автоматически […]
Таймер (Обратный отсчет) Компонент создает поле с 24-часовым форматом времени. Используется для создания обратного отсчета, например, до какого-то события или даты. Таймер создаётся в формате: ДД-ММ-ЧЧ-СС. Таймер запускается в момент наступления даты и времени, указанных в настройках компонента. Настройки компонента Компонент таймер состоит из нескольких элементов, которые имеют разные настройки: Timer – имеет следующие настройки: […]
С помощью данного компонента на странице размещается календарь с возможностью выбора даты. Элемент должен быть размещен в пределах формы. Используется для возможности выбора даты на странице. Результат, который можно получить с использованием этого элемента, – выбор даты в заданном для этого поле. Дата задаётся в формате ДД.ММ.ГГГГ. В таблице, в которой хранятся данные, получаемые посредством […]
Компонент позволяет разместить на странице поле для заполнения пользователем, формат получаемых данных – процент. Элемент размещается на макете страницы в пределах компонента “Форма”. В таблице, в которой хранятся данные, получаемые посредством формы, должно быть в наличи поле с типом данных “Процент”. Если форма создается на оновании таблицы, уже имеющей поле с данными нужного типа, то […]
+ 37 Articles
Показать оставшиеся статьи