Онлайн-демонстрация

Ссылка на демонстрацию на облачном диске

Функциональное описание

1. Классификация просмотра файлов различных форматов.

2. Поддержка трёх видов отображения: в виде сетки, таблицы и временной шкалы.

3. Функция сверхбыстрой передачи данных для повышения эффективности загрузки.

4. Возможность одновременной загрузки одного файла несколькими пользователями, что значительно повышает эффективность загрузки.

5. Отказ от избыточности: каждая копия файла сохраняется только один раз, что повышает эффективность использования жёсткого диска.

6. Отображение в реальном времени информации о ходе загрузки файла, скорости загрузки и процентном соотношении.

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

8. Поддержка воспроизведения видео и аудио, а также функции перетаскивания для управления воспроизведением и изменения скорости.

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

10. Эффективный механизм восстановления данных.

Будущие улучшения

1. Загрузка папок с файлами.

2. Распаковка файлов онлайн.

3. Сжатие файлов онлайн.

4. Обмен файлами.

5. Перетаскивание файлов для загрузки.

6. Скачивание по ссылке (загрузка процесса передаётся серверу).

7. И так далее.

Текущие планы

1. Реализация функции обмена файлами.

Адрес исходного кода

Архитектура программного обеспечения

Проект разработан с использованием подхода разделения переднего и заднего плана, и в нём используются следующие ключевые технологии:

Передний план: Element UI, Vue CLI@3, Node.js, Webpack.

Задний план: Spring Boot, Spring Data Jpa, Spring Security.

База данных: MySQL, H2.

Структура данных: рекурсивные алгоритмы, обход и вставка деревьев.

Некоторые скриншоты функций

Воспроизведение видео

Предварительный просмотр изображений

Специальное заявление

Спасибо сообществу Qiwen и Qiwen Disk за этот проект. Передняя часть этого проекта была разработана на основе их интерфейса, а задняя часть разработана самостоятельно.

Этот проект также является моей дипломной работой и первым веб-продуктом, который я разработал самостоятельно после обучения. Если вам нравится, пожалуйста, поддержите меня, поставив звёздочку!

Надеюсь, что найдутся энтузиасты, которые смогут поделиться логотипом. Буду очень благодарен!