Скриншот архива с проектом
Структура проекта
Задание
Разработать сервис для автосалона для оперативного учёта автомобилей и их продаж. Для визуализации использовать библиотеки для Vue.js. Сам сервис должен быть - бэкенд на Python Django REST API а фронтенд на Vue.js.
Функционал программы
- учет авто
- поиск авто по бренду
- учет продаж
- поиск в продажах по бренду
- построение аналитических графиков
Содержание отчета к программе
Оглавление
1 Документ-концепция. 4
1.1 Назначение программного приложения. 4
1.2 Основные функции приложения. 4
1.3 Описание пользователей. 5
1.3.1 Виды пользователей и их краткие описания. 5
1.3.1.1 Пользователь. 5
1.4 Среда пользователя. 6
1.5 Основные потребности пользователей. 6
1.6 Состояние рынка и конкурирующие продукты.. 7
1.7 Функциональные требования. 8
1.8 Сценарии работы.. 9
1.9 Выводы по главе. 11
2 Архитектура и системные требования. 13
2.1 Архитектура. 13
2.2 Системные требования. 16
2.2.1 Состав таблиц базы данных. 16
2.3 Руководство программиста. 18
2.4 Руководство пользователя. 22
2.5 Выводы по главе. 26
Заключение. 27
Список использованной литературы.. 28
Фрагмент программного кода
<template> <div class="header-container"> <Slider/> <h1>Добро пожаловать в автосалон <span>Мир Авто</span>!</h1> <router-link to="/cars">Посмотреть список автомобилей </router-link> <router-link to="/cars/add">Добавить автомобиль </router-link> <router-link to="/sales">Посмотреть историю продаж</router-link> <router-link to="/sales/add">Добавить запись о продажах</router-link> </div> </template> <style scoped> .header-container h1 { color: red; font-size: 2rem; margin-bottom: 1rem; } .header-container h1 span { color: blue; /* или violet */ } </style>
Пояснения по запуску программы
1. Установка среды
-
Установить Visual Studio Code
-
Установить Python последней версии (например, 3.13)
-
Установить Node.js (желательно LTS)
2. Установка расширений для среды разработки
3. Запуск Backend.
Для этого выполняем - cd Backend / cd server - python manage.py runserver. Если ошибки выполняем установку библиотек - pip install django djangorestframework django-cors-headers Pillow django-cleanup и пробуем повторить запуск сервера
4. Запуск Frontend.
cd Frontend - cd cars-salon-frontend - npm run dev. Таким образом запуск завершен и кликнув по ссылке в терминале localhost 5173 запуститься кликентская часть приложения. И вы сможете с ней взаимодействовать - добавлять авто и продажи. данные будут сохраняться на сервере. и графики будут меняться в зависимости от введенных данных.
-