Работающее демо · подготовлено 7 сентября 2026
Angular / Ionic
Интерфейс расписания с фильтрами, таблицами и редактированием записей. Для публичного показа подготовлен полный синтетический набор данных и мобильные состояния.
01 / Задача
Расписание, таблицы и формы на одном экране
Оператору нужно быстро находить запись в расписании, видеть её статус и менять поля без потери контекста таблицы.
Для кого: Операторы расписаний и пользователи прикладных учётных интерфейсов.
Мой вклад
- Связка Angular, Ionic и табличных компонентов.
- Фильтры, формы, статусы выполнения и мобильное представление.
- Исправление идентификаторов и повторного добавления, изоляция демонстрационного входа и воспроизводимые данные.
Интерфейс в работе
Сценарии, детали и состояния02 / Технологии
Стек и его роль
Angular 17
Компоненты страниц, формы, маршрутизация и состояние.
Ionic 7
Навигация, элементы управления, модальные формы и адаптивный интерфейс.
SlickGrid
Табличное представление и операции со строками.
03 / Решения
Как устроен проект
- Синтетические записи покрывают демонстрируемые поля, а не заменяют таблицу пустым макетом.
- Форма редактирует черновик; отмена не должна менять исходную запись.
- Изменения остаются внутри браузерной сессии; серверный API расписаний в публичное демо не подключён.
04 / Проверка
Что попробовать
- Войдите test / test и откройте расписание.
- Отфильтруйте записи, переключите статусы и сравните представления.
- Добавьте запись, проверьте обязательные поля, откройте редактирование и отмените изменение.
- Проверьте мобильный вид и сброс исходного набора.
Подтверждённые результаты
- Сохранено 13 содержательных кадров фактического интерфейса.
- Дата, сценарий и версия указаны у каждого кадра.
- Отдельного backend-процесса на VPS нет: Nginx раздаёт статику. Ресурсы общего Nginx нельзя честно приписать одному сайту.
- Измерено 6 повторений сценария; медиана 2390.0 мс, максимум 3282 мс. Время включает браузер и HTTPS; методика и ограничения приложены.
Границы и ограничения
- Демонстрационный вход test / test не является системой аутентификации.
- 180 синтетических лабораторных записей и четыре BCP-примера не являются рабочими данными.
- Нереализованные разделы не включены в маршрут демонстрации. Число добавляемых строк ограничено 500.
Нужны детали реализации?
Архитектура, code-map, API, проверка, развёртывание и реальные измерения.
Открыть документацию →Скачать материалы ↓