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

Поля

Поля — фундаментальные компоненты и «строительные блоки» формы в Netuno. Они представляют интерфейс взаимодействия с пользователем и определяют, как данные будут структурированы и сохранены.

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

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

Эти кнопки позволяют управлять общим состоянием редактирования:

  • Редактировать существующее поле: раскрывающееся меню для выбора уже созданного поля и изменения его настроек.

  • Создать новое поле: очищает все поля формы, чтобы начать настройку нового элемента с нуля.

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

field-edit-existing-pt.png

1 - Заголовок поля​

Заголовок поля (технически известный как Label) — это визуальная подсказка, которая сообщает пользователю, какую информацию нужно ввести в форму. Он работает как идентифицирующая метка, благодаря чему заполнение данных становится интуитивным и правильным.

На этом этапе заголовок выполняет двойную функцию на платформе:

  • В управлении полями (Создание): служит для идентификации поля в вашем списке элементов во время разработки приложения.

field-title-name-pt.png

  • В пользовательском интерфейсе (Просмотр): это текст, который отображается непосредственно над полем ввода (input) или рядом с ним и указывает конечному пользователю, что нужно ввести в форму.

field-title-name-content-pt.png

2 - Имя столбца​

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

Автоматическое форматирование (переключатель «Авто»):

Netuno упрощает этот процесс, автоматически заполняя имя на основе «Заголовка поля». Используется шаблон snake_case.

Правила написания: если вы решите заполнить имя вручную (отключив «Авто»), используйте единственное число, только строчные буквы и избегайте пробелов и специальных символов.

field-column-name-pt.png

3 - Типы данных​

Определение Типа данных задаёт природу собираемой информации и напрямую влияет на внешний вид поля для пользователя и на способ хранения данных в системе.

field-type-data-pt.png

3.1 Текстовые поля​

Эти поля предназначены для ввода текста в разных форматах. Они различаются в зависимости от необходимого объёма данных.

ТипЧто делает?Пример практического использования
textСоздаёт простой input для одной строки.Имена, названия статей, районы и т. д.
textareaСоздаёт input с большей текстовой областью для нескольких строк.Описания товаров, комментарии, примечания.
emailСоздаёт текстовый input, отформатированный для ввода e-mail.Регистрация контактного e-mail, вход пользователя.
texthtmlСоздаёт редактор форматированного текста, поддерживающий HTML.Создание контента для блога, маркетинговых писем, страниц сайта.
textmdСоздаёт текстовый редактор, поддерживающий язык разметки Markdown.Идеально для технической документации, постов в блоге для разработчиков.

3.2 Числовые поля​

Используются для сбора строго числовой информации.

ТипЧто делает?Пример использования
textnumСоздаёт input для ввода целых чисел.Количество на складе, возраст человека, число вакансий.
textfloatСоздаёт input для ввода чисел с десятичными знаками.Цены на товары (например, 99.90), вес (например, 75.5), рост (например, 1.82).

3.3 Поля выбора​

Используются, когда пользователь должен выбрать один из заранее заданных вариантов.

ТипЧто делает?Пример практического использования
selectСоздаёт список вариантов, из которого пользователь может выбрать только один.Выбор региона, семейного положения, категории товара.
multiselectСоздаёт список вариантов, из которого пользователь может выбрать несколько.Выбор интересов (спорт, технологии), ингредиентов пиццы.
checkboxПоказывает единственный флажок (включить/выключить).«Я принимаю условия использования», «Запомнить мой пароль».
colorПоказывает визуальный выбор цвета.Выбор цвета товара, настройка цвета события.

3.4 Поля даты и времени​

Специализированы для ввода временной информации.

ТипЧто делает?Пример практического использования
dateПоказывает календарь для выбора даты (день, месяц, год).Дата рождения, дата записи.
datetimeПозволяет выбрать дату и время.Начало события, дата и время публикации.
timeПозволяет выбрать время (часы и минуты).Время работы, время будильника.

3.5 Поля файлов и медиа​

Используются для отправки файлов и изображений в ваше приложение.

ТипЧто делает?Пример практического использования
fileСоздаёт поле для загрузки любого файла (PDF, DOCX, ZIP).Прикрепить резюме, отправить подтверждение оплаты.
imageПоле, оптимизированное для загрузки изображений (JPG, PNG, GIF).Фото профиля пользователя, изображение товара.

3.6 Технические и специальные поля​

Эти поля имеют автоматическое поведение или служат особым целям системы.

ТипЧто делает?Пример практического использования
hiddenПоле невидимо для пользователя, но хранит значение.Хранение ID, пришедшего с другой страницы, кода отслеживания.
uidАвтоматически генерирует универсальный уникальный идентификатор.Первичный ключ записи, уникальный код заказа.
userСвязывает запись с пользователем, который её создал или изменил.Идентификация автора поста в блоге, продавца, зарегистрировавшего клиента.
lastchangeАвтоматически сохраняет дату и время последнего изменения записи.Аудит, чтобы узнать, когда данные были изменены в последний раз.
groupИспользуется для визуальной группировки других полей в форме.Создание разделов вроде «Личные данные» и «Адрес» для организации длинных форм.

4 - Настройки поведения и макета​

Эта область — «панель управления» вашего поля, определяющая бизнес-правила и права доступа.

field-behavior-and-layout-settings-pt.png

4.1 Правила целостности данных​

Эти параметры обеспечивают качество и согласованность информации.

НастройкаЧто делает?Пример практического использования
Уникальные значения (первичный ключ)Превращает поле в основной и уникальный идентификатор, запрещая дублирование значений.Использовать для «ИНН», чтобы гарантировать отсутствие двух клиентов с одинаковым номером.
Обязательное (не NULL)Делает заполнение поля обязательным.Применять к важным полям, таким как «Имя» и «E-mail».

4.2 Управление правами и видимостью​

Определяет, где и как пользователи взаимодействуют с данными этого поля.

НастройкаЧто делает?Пример практического использования
Показывать в результатахОпределяет, будет ли столбец отображаться в основном списке данных.Снять отметку для «Внутренних примечаний», чтобы список оставался чистым.
Разрешить фильтрациюДобавляет поле поиска для этого столбца в списке.Включить для «Статуса заказа», чтобы упростить поиск.
Разрешить просмотрУправляет тем, будет ли содержимое отображаться в режиме просмотра.Оставлять отмеченным в большинстве случаев.
Разрешить редактированиеПозволяет изменять содержимое, когда запись редактируется.Снять отметку для полей, которые не должны изменяться, например «Дата регистрации».
Разрешить при созданииОпределяет, должно ли поле отображаться в форме создания.Снять отметку для полей «обратной связи», которые нужно заполнять после создания.
Разрешить экспортВключает данные этого поля при экспорте списка (Excel, CSV).Снять отметку для внутренних данных, не важных для внешних отчётов.

5 - Визуальная организация формы​

Определяет расположение полей в макете.

field-visual-organization-form-pt.png

НастройкаЧто делает?Пример практического использования
СтрокаОпределяет вертикальную позицию поля в форме.Разместить «Полное имя» в строке 1, а «Адрес» — в строке 2.
СтолбецОпределяет горизонтальную позицию, позволяя размещать несколько полей рядом.Чтобы «Город» и «Регион» были вместе, использовать строку 3, столбец 1 (Город) и столбец 2 (Регион).

6 - Дополнительные параметры​

Для более тонкой настройки нажмите кнопку «+ Дополнительные параметры».

6.1 Поле описания​

field-view-options-description-pt.png

НастройкаЧто делает?Пример практического использования
ОписаниеДобавляет текст-подсказку или инструкцию, отображаемую под полем.В поле «Пароль» использовать описание, чтобы сообщить правила: «Пароль должен содержать не менее 8 символов...».

6.2 Размеры поля​

field-dimensioning-layout-pt.png

Тонкий контроль над размером поля.

НастройкаЧто делает?Пример практического использования
ШиринаОпределяет ширину компонента (на основе сетки из 12 столбцов).«ИНН» (ширина: 6) и «Дата рождения» (ширина: 6) в одной строке.
ВысотаОпределяет высоту компонента в пикселях (px).Для textarea «Примечания» задать высоту «120», чтобы получить большую область.
Ширина ячейки (px)Определяет фиксированную ширину ячейки в пикселях.Использовать для выравнивания полей с определённой шириной, например «Регион» (ширина: 80).
Высота ячейки (px)Определяет фиксированную высоту ячейки в пикселях.Увеличить высоту поля image, чтобы создать область для перетаскивания.
RowspanПозволяет ячейке расширяться по вертикали на несколько строк.textarea «Описание», занимающий 3 строки по высоте рядом с меньшими полями.
ColspanПозволяет ячейке расширяться по горизонтали на несколько столбцов.Поле «Полный адрес» (Colspan: 2) над «Городом» и «Регионом».

6.3 Валидация и правила данных​

Установите ограничения для вводимых значений.

НастройкаЧто делает?Пример практического использования
MaxМаксимальное значение (числовое) или максимальное число символов (текст).В «Оценка (0–10)» задать Max как «10». В «Псевдоним» — Max «20».
MinМинимальное значение (числовое) или минимальное число символов (текст).В «Количество» задать Min как «1». В «Обоснование» — Min «30».

6.4 Управление доступом​

field-access-control-pt.png

Определите группы и пользователей, которые могут просматривать и редактировать поле.

НастройкаЧто делает?Пример практического использования
Видимость для пользователя и видимость для группыОграничивает просмотр поля только указанными пользователями или группами.«Комиссия продавца» с видимостью для группы «Менеджеры».
Редактирование пользователем и редактирование группойПозволяет только указанным пользователям или группам редактировать поле (остальные видят его как «только для чтения»).«Статус заказа» с редактированием для группы «Логистика».