Grid Form

01 / Задача

Конфигурация превращается в таблицу и форму

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

Для кого: Разработчики административных интерфейсов и операторских форм.

Мой вклад

• Конфигурируемые grid/form-компоненты и модальное редактирование.
• Связь операций создания, изменения и удаления со стабильными идентификаторами.
• Для демо исправлены отмена редактирования, обязательные поля, мобильные действия и сброс.

02 / Технологии

Стек и его роль

03 / Решения

Как устроен проект

• Описание полей отделено от данных таблицы.
• Модальная форма работает с копией записи; сохранение применяется явно.
• Локальный seed и ограничение числа записей делают публичный пример воспроизводимым.

04 / Проверка

Что попробовать

1. Откройте конфигурационную таблицу и сравните две формы.
2. Заполните обязательные поля и добавьте девятую запись.
3. Измените строку в модальном окне, затем проверьте отмену изменения.
4. Отмените удаление, подтвердите удаление и сбросьте таблицу к восьми строкам.

Подтверждённые результаты

• Сохранено 12 содержательных кадров фактического интерфейса.
• Дата, сценарий и версия указаны у каждого кадра.
• Отдельного backend-процесса на VPS нет: Nginx раздаёт статику. Ресурсы общего Nginx нельзя честно приписать одному сайту.
• Измерено 6 повторений сценария; медиана 978.5 мс, максимум 3471 мс. Время включает браузер и HTTPS; методика и ограничения приложены.

Границы и ограничения

• Восемь исходных записей синтетические. Данные живут в памяти вкладки; серверная БД не нужна.
• Проект сохранён на Angular 11: демонстрирует исходную архитектуру, а не современный стандарт Angular.
• Таблица на узком экране прокручивается горизонтально; число записей ограничено 120.