Работающее демо · подготовлено 7 сентября 2026

Angular / Ionic

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

В репозитории есть исходный снимок от 1 мая 2024; начало разработки этим не установлено. Демо: 7 сентября 2026.Версия 45a75c0a13 кадров интерфейса

01 / Задача

Расписание, таблицы и формы на одном экране

Оператору нужно быстро находить запись в расписании, видеть её статус и менять поля без потери контекста таблицы.

Для кого: Операторы расписаний и пользователи прикладных учётных интерфейсов.

Мой вклад

  • Связка Angular, Ionic и табличных компонентов.
  • Фильтры, формы, статусы выполнения и мобильное представление.
  • Исправление идентификаторов и повторного добавления, изоляция демонстрационного входа и воспроизводимые данные.

Интерфейс в работе

Сценарии, детали и состояния

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

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

Angular 17

Компоненты страниц, формы, маршрутизация и состояние.

Ionic 7

Навигация, элементы управления, модальные формы и адаптивный интерфейс.

SlickGrid

Табличное представление и операции со строками.

03 / Решения

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

  • Синтетические записи покрывают демонстрируемые поля, а не заменяют таблицу пустым макетом.
  • Форма редактирует черновик; отмена не должна менять исходную запись.
  • Изменения остаются внутри браузерной сессии; серверный API расписаний в публичное демо не подключён.
Компоненты опубликованного демо
Компоненты опубликованного демо

04 / Проверка

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

  1. Войдите test / test и откройте расписание.
  2. Отфильтруйте записи, переключите статусы и сравните представления.
  3. Добавьте запись, проверьте обязательные поля, откройте редактирование и отмените изменение.
  4. Проверьте мобильный вид и сброс исходного набора.

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

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

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

  • Демонстрационный вход test / test не является системой аутентификации.
  • 180 синтетических лабораторных записей и четыре BCP-примера не являются рабочими данными.
  • Нереализованные разделы не включены в маршрут демонстрации. Число добавляемых строк ограничено 500.

Нужны детали реализации?

Архитектура, code-map, API, проверка, развёртывание и реальные измерения.

Открыть документацию →Скачать материалы ↓