АИС «Единая приемная кампания»

Практика

Frontend / CRM / интеграции / техническое лидерство

Развитие frontend городской информационной системы для процессов поступления и профессионального образования Москвы — от Laravel 9 / Blade интерфейса, работавшего поверх отдельного backend API, до самостоятельной Vue 3 платформы с реестрами, заявлениями, аналитикой, call-центром, helpdesk, очередями и специализированными рабочими местами.

Контекст

Операционная система росла вместе с приёмной кампанией: к базовым реестрам добавлялись комиссии, обращения, очереди, аналитика и отдельные рабочие места. Frontend должен был поддерживать этот рост, оставаясь понятным для разных ролей и устойчивым к изменениям backend-контрактов.

Решение

Интерфейс был выделен в самостоятельную Vue-платформу. Предметные сценарии разделены на модули и рабочие места, состояние и права централизованы, а взаимодействие с API и realtime-контуром получило явную границу. По мере роста продукта добавились тесты, feature-модули и техническое ревью frontend-изменений.

Ограничения

Закрытый внутренний продукт с ролевым доступом и чувствительными данными
Постепенный переход с Laravel / Blade без остановки действующих сценариев
Одновременная работа обычных, публичных и терминальных интерфейсов
API, WebSocket и несколько сред развёртывания с разным темпом обновлений

Что изменилось

Административная панель выросла в специализированную операционную CRM
Frontend и backend получили устойчивую границу вместо ручной связи Blade и API
Реестры, call-центр, helpdesk, очереди и аналитика работают в общей клиентской системе
Техническое ревью и декомпозиция стали частью регулярного развития frontend

Схема кейса

Контур операционной платформы

Рабочие места

Приёмная кампания
Call-центр
Helpdesk
Очереди

Frontend platform

Vue modules
State + roles
Registries
Analytics

Интеграционный слой

API contracts
WebSocket
Import / export
Multi-env flow

Обезличенная реконструкция по подтверждённым модулям. Она показывает распределение ответственности, а не production-топологию.

Контур работ

01
Основная ответственность — frontend: архитектура клиентского приложения, пользовательские сценарии, состояние, компоненты и интеграция с API
02
Переход от Laravel 9 + Blade/server-rendered HTML, где клиентский и серверный UI-слой вручную связывался с отдельным API, к самостоятельному Vue SPA и устойчивой границе между frontend и backend
03
Реестры абитуриентов, заявлений, организаций, сотрудников, программ, специальностей и слотов
04
Приёмные кампании, вступительные испытания, комиссии, мониторинг заявлений и операционные dashboards
05
Call-центр, helpdesk, события, формы, QR-сценарии, очереди, публичные и терминальные интерфейсы
06
Аналитика, отчётность, импорт и экспорт данных, realtime/WebSocket-сценарии и ролевая модель доступа
07
Подключение к backend по необходимости: code review, приёмка изменений и интеграций, проверка API-контрактов и закрытие критических пробелов со стороны продукта
08
С марта 2026 — senior frontend: техническое ревью, приёмка, декомпозиция задач и координация других frontend-разработчиков

Технологии периода

Generation 0 / Laravel frontend shell

Laravel 9 / Blade / Bootstrap 5.1 / Laravel Mix 6 / 2023

Архивное состояние 2023 года подтверждено исходниками. Laravel использовался как frontend-shell: Blade формировал страницы, а данные приходили из отдельного backend API через APP_API_SB. В браузере использовались jQuery AJAX, async/await и Promise.all, часть запросов проходила через Laravel Http helper; в package.json также присутствовал Axios 0.25. Рост числа асинхронных сценариев и ручной координации запросов стал одной из причин перехода к самостоятельному Vue frontend.

Generation 1 / Vue SPA

0.0.47 → 0.0.48 / 03.2024

Первый сохранившийся Git-срез отдельного frontend. Vue 3.4.7, Vite 4.5.1, TypeScript 5.3.3, Vuetify 3.3.21, Pinia 2.1.7 и Vue Router 4.2.5. Появились самостоятельная маршрутизация, состояние, права доступа и realtime-сценарии.

Generation 2 / Operational CRM

0.3.0 → 0.3.7 / 01.2025

Следующее поколение frontend: Vue 3.4.35, Vite 5.3.5, TypeScript 5.5.4, Vuetify 3.6.13, Pinia 2.2.0 и Vue Router 4.4.0. Продукт вырос из административной панели в специализированную операционную CRM.

Generation 3 / Platform

0.3.753 snapshot → prod v0.3.1255-69b89a34

Текущее поколение. Core stack стабилизирован, а развитие сосредоточено на предметных модулях и инженерной зрелости: admission 2026, helpdesk, очереди, комиссии, feature modules, Vitest/Vue Test Utils, API + WebSocket и многостендовый release flow. Предоставленный срез исходников имеет версию 0.3.753; текущий production — v0.3.1255-69b89a34.

Версии и даты отражают подтверждённые архивами, Git-историей или релизами состояния и не означают, что каждый компонент использовался во всех развёртываниях.