|
|
|
На данный момент основными директориями в структуре проекта являются **universo-backend** и **universo-frontend**.
|
|
|
|
|
|
|
|
* **universo-backend** - директория, в которой находится весь backend проекта. Для backend мы используем систему управления контентом **Wagtail 5**, основанный на библиотеке Django. В данной директории находятся такие файлы:
|
|
|
|
# universo-backend
|
|
|
|
|
|
|
|
Директория, в которой находится весь backend проекта. Для backend мы используем систему управления контентом **Wagtail 5**, основанный на библиотеке Django. В данной директории находятся такие файлы:
|
|
|
|
|
|
|
|
1. ....
|
|
|
|
|
|
|
|
* **universo-frontend** - директория, в которой находится весь frontend проекта. Для frontend мы используем фреймворк **Quasar 2**, основанный на Vue.js. В качестве языка программирования мы используем **TypeScript**. Также для frontend мы используем игровой 2D фреймворк **Phaser 3**. В данной директории находятся такие папки:
|
|
|
|
# universo-frontend
|
|
|
|
|
|
|
|
Директория, в которой находится весь frontend проекта. Для frontend мы используем фреймворк **Quasar 2**, основанный на Vue.js. В качестве языка программирования мы используем **TypeScript**. Также для frontend мы используем игровой 2D фреймворк **Phaser 3**. В данной директории находятся такие папки:
|
|
|
|
|
|
|
|
1. `.vscode` - используется для хранения настроек Visual Studio Code. Это позволяет участникам команды иметь согласованный опыт разработки, независимо от их глобальных настроек VS Code. Здесь находятся файлы, такие как: -` extensions.json`\- Этот файл используется для указания рекомендуемых расширений, которые должны быть установлены для данного проекта;
|
|
|
|
|
| ... | ... | @@ -23,16 +27,22 @@ |
|
|
|
|
|
|
|
* `assets` - каталог, содержащий статические ресурсы, такие как изображения, стили и т.д.;
|
|
|
|
* `boot` - каталог, содержащий файлы, которые запускаются при загрузке вашего приложения. На данный момент эта папка пустая;
|
|
|
|
* `components` - каталог, содержащий Vue компоненты, которые мы можем использовать в своем приложении. В папке находятся файлы: `EssentialLink.vue` - этот компонент предназначен для представления ссылки в удобном и стилизованном виде, с возможностью добавления иконки; `models.ts` - файл, используется для определения интерфейсов или типов данных в TypeScript;
|
|
|
|
* `css` - каталог, содержащий глобальные CSS-файлы для нашего приложения. В папке находятся файлы: `app.scss` - файл используется для определения глобальных стилей нашего приложения. Это может включать в себя базовые стили для элементов HTML, таких как заголовки, абзацы, ссылки и т.д., а также любые пользовательские классы или стили, которые мы используем во всем приложении; `quasar.variables.scss` - файл используется для переопределения стандартных переменных SCSS, которые используются внутри Quasar Framework. Quasar использует эти переменные для определения цветов, размеров шрифтов, отступов и других аспектов дизайна во всем фреймворке. Переопределяя эти переменные, мы можем настроить внешний вид и ощущение нашего приложения на глобальном уровне;
|
|
|
|
* `components` - каталог, содержащий Vue компоненты, которые мы можем использовать в своем приложении. В папке находятся файлы:
|
|
|
|
* `EssentialLink.vue` - этот компонент предназначен для представления ссылки в удобном и стилизованном виде, с возможностью добавления иконки;
|
|
|
|
* `models.ts` - файл, используется для определения интерфейсов или типов данных в TypeScript;
|
|
|
|
* `css` - каталог, содержащий глобальные CSS-файлы для нашего приложения. В папке находятся файлы:
|
|
|
|
|
|
|
|
* `app.scss` - файл используется для определения глобальных стилей нашего приложения. Это может включать в себя базовые стили для элементов HTML, таких как заголовки, абзацы, ссылки и т.д., а также любые пользовательские классы или стили, которые мы используем во всем приложении;
|
|
|
|
* `quasar.variables.scss` - файл используется для переопределения стандартных переменных SCSS, которые используются внутри Quasar Framework. Quasar использует эти переменные для определения цветов, размеров шрифтов, отступов и других аспектов дизайна во всем фреймворке. Переопределяя эти переменные, мы можем настроить внешний вид и ощущение нашего приложения на глобальном уровне;
|
|
|
|
|
|
|
|
* `layouts` - каталог, содержащий макеты для нашего приложения. Макет определяет, как расположены основные части нашего интерфейса;
|
|
|
|
* `pages` - каталог, содержащий компоненты страниц, которые используются роутером для отображения. На данный момент здесь три страницы:
|
|
|
|
* `ErrorNotFound.vue` - страница, появляющаяся у пользователя из-за какой-либо ошибки;
|
|
|
|
* `IndexPage.vue` - первоначальная страница нашего проекта;
|
|
|
|
* `PhaserTest.vue` - страница, которая содержит бесконечный холст с комплектующими для работы над собственным проектом пользователя;
|
|
|
|
* `ErrorNotFound.vue` - страница, появляющаяся у пользователя из-за какой-либо ошибки;
|
|
|
|
* `IndexPage.vue` - первоначальная страница нашего проекта;
|
|
|
|
* `PhaserTest.vue` - страница, которая содержит бесконечный холст с комплектующими для работы над собственным проектом пользователя;
|
|
|
|
* `router` - каталог, содержащий настройки маршрутизации для нашего приложения. В нем находятся файлы:
|
|
|
|
* `index.ts` - файл используется для создания экземпляра маршрутизатора Vue и настройки его с использованием маршрутов, определенных в routes.ts. Этот экземпляр маршрутизатора затем импортируется и используется в главном файле нашего приложения для включения маршрутизации;
|
|
|
|
* `routes.ts` - файл содержит определение всех маршрутов в нашем приложении. Маршрут состоит из пути (URL-адреса) и компонента, который должен быть отображен, когда пользователь переходит по этому пути;
|
|
|
|
* `index.ts` - файл используется для создания экземпляра маршрутизатора Vue и настройки его с использованием маршрутов, определенных в routes.ts. Этот экземпляр маршрутизатора затем импортируется и используется в главном файле нашего приложения для включения маршрутизации;
|
|
|
|
* `routes.ts` - файл содержит определение всех маршрутов в нашем приложении. Маршрут состоит из пути (URL-адреса) и компонента, который должен быть отображен, когда пользователь переходит по этому пути;
|
|
|
|
|
|
|
|
Также стоит упомянуть о файлах, которые находятся в корневом пути universo-frontend:
|
|
|
|
|
| ... | ... | |
