Пользовательский интерфейс системы представляет собой приложение построенное при помощи фреймворка Vue 3 и Vuetify
Бóльшая часть проекта представляет собой автоматически сгенерированный vue-cli
проект. Исходный код приложения находится в src и состоит из:
- Dialog.vue - диалоговое окно для создания объекта;
- DataTable.vue - таблица с карточками обьектов, в таблице есть возможность сортировки обьектов по выбранному полю по возрастанию и убыванию;
Пользовательский интерфейс строится в ходе многоступенчатой сборки nginx, после чего готовое приложение копируется в Nginx.
- App.vue - центр приложения, т.к. именно объект описываемый в данном файле подставляется в DOM index.html.
- Dockerfile - Dockerfile
- babel.config.js - конфигурация Babel
- package.json и package-lock.json - NPM-зависимости проекта
- vue.config.js - директивы Webpack для сбора проекта в production-режиме.
- Запуск приложений в Docker Compose
docker-compose up -d --build
- Завершение работы
docker-compose down
На машине с доступом в Интернет должны быть установлены:
- git
- docker (пользователь, выполняющий скрипт, должен находиться в группе docker)
- docker-compose