1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/qiwen-cloud-qiwen-file-web

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

На основе Spring Boot + VUE CLI@3 разработана распределённая файловая система, предназначенная для обеспечения простого и удобного хранения файлов для пользователей и предприятий. Система имеет развитую структуру каталогов для управления файлами.

Система использует лицензии MIT. Вы можете продолжить разработку на её основе или использовать проект в качестве основы для других разработок.

Функционал системы

Действия пользователя

  1. Регистрация пользователя.
  2. Вход пользователя.

Основные операции с файлами

Операция Файл Папка Один файл Несколько файлов Примечание
Создание Да Да Да Нет Создание онлайн-файлов Word, Excel, PowerPoint
Удаление Да Да Да Да
Загрузка Да Да Да Да Перетаскивание для загрузки, загрузка скриншотов
Переименование Да Да Да Нет
Перенос Да Да Да Да
Копирование Да Нет Да Нет
Распаковка Да Нет Да Нет ZIP, RAR
Предварительный просмотр Да Нет Да Нет Поддержка предварительного просмотра изображений, видео, аудио. Поддержка онлайн-просмотра распространённых текстовых файлов. Поддержка онлайн-просмотра документов Office
Совместный доступ Да Нет Да Нет Возможность установки срока действия, использование кода доступа
Поиск Да Да Нет Нет Поиск по названию файла с использованием ElasticSearch

Дополнительные функции

Функция Описание
Онлайн-редактирование документов Office Возможность создания, онлайн-редактирования и совместного редактирования документов Word, Excel и PowerPoint. Интеграция с OnlyOffice. Установка согласно инструкции
------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------
markdown 线编辑 Поддерживает онлайн-просмотр, редактирование и сохранение файлов в формате markdown.
Интегрирован mavon-editor, встроен в интерфейсную часть проекта.
Онлайн-редактирование кода Поддерживает просмотр, редактирование и сохранение онлайн наиболее распространённых типов файлов с кодом: C, C++, C#, Java, JavaScript, HTML, CSS, Less, Sass, Stylus.
Интегрирован vue-codemirror, встроен в интерфейсную часть проекта, можно обратиться к документации codemirror для добавления поддержки других языков.
Просмотр файлов по категориям Изображения, видео, музыка, документы и другие — более быстрый просмотр по категориям.
Различные режимы просмотра Поддерживаются режимы сетки, списка и временной шкалы. В режиме сетки размер значков можно настраивать вручную.
Корзина Файлы автоматически перемещаются в корзину после удаления, их можно восстановить или окончательно удалить оттуда.
Разнообразные способы хранения На основе собственной платформы сообщества Qiwen UFOP реализуется разнообразное хранение файлов. Поддерживается хранение на локальном диске, в облачном хранилище Alibaba OSS, в FastDFS, MinIO, а также в объектном хранилище Kodo от компании Qiniu. Для ознакомления со способами настройки обратитесь к разделу «Конфигурация способов хранения».
Поддержка фрагментации при загрузке На основе собственной платформы сообщества Qiwen UFOP реализована фрагментация при загрузке файлов. Интегрирован проект с открытым исходным кодом vue-simple-uploader.
Быстрая передача Вычисляется MD5 файла для быстрой передачи, что повышает эффективность загрузки.
Продолжение загрузки после разрыва соединения Можно продолжить загрузку одного и того же файла с момента разрыва соединения.
Отображение прогресса в реальном времени В реальном времени отображается информация о ходе загрузки файла, его скорости и результате.
Индикация объёма хранилища В реальном времени отображаются данные об использовании дискового пространства и общий объём хранилища.

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

| Название проекта | Адрес исходного кода | |---|---| | | master | develop | vue3/typescript/master | vue3/typescript/develop | | --- | --- | --- | --- | --- | | 稳定性 | 稳定分支 | 开发分支 | 稳定分支 | 开发分支 | | Vue.js 版本 | Vue 2 | Vue 2 | Vue 3 | Vue 3 | | 脚手架 | @vue/cli 5 | @vue/cli 5 | Vite | Vite | | 路由 | vue-router | vue-router | vue-router@4 | vue-router@4 | | 状态管理器 | Vuex | Vuex | Pinia | Pinia | | UI 组件库 | Element UI | Element UI | Element Plus | Element Plus | | JavaScript 库 | JavaScript | JavaScript | TypeScript | TypeScript | | XHR 请求 | Axios | Axios | Axios | Axios |

Разветвление слияния:

  1. develop -> master
  2. vue3/typescript/develop -> vue3/typescript/master

В настоящее время две ветви, связанные с Vue2, уже стабильны, а две ветви, связанные с Vue3, быстро развиваются...

Примечание: если вам нужно переключиться с ветки, связанной с Vue2, на ветку, связанную с Vue3, рекомендуется повторно клонировать этот проект в вашей локальной среде, переключиться на соответствующую версию Vue в двух проектах, выполнить команды установки, запуска и сборки npm install, npm run dev и npm run build, чтобы создать пакеты развёртывания node_modules или dist, чтобы избежать конфликтов при запуске и сборке из-за различий в структуре проекта, версии Vue и менеджере состояний.

Сетевое топографическое изображение

Сетевое топографическое изображение

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

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

  • Передний план: Element UI, Vue CLI@3, Node.js, Webpack
  • Задний план: Spring Boot, MyBatis, JPA, JWT
  • База данных: MySQL
  • Структура данных: рекурсивный алгоритм, обход и вставка дерева...

Инструкция по использованию

  1. Этот проект представляет собой код переднего плана.
  2. Загрузите код заднего плана, доступ к которому можно получить по этому адресу для извлечения: qiwen-file.

Инструкции по развёртыванию

Пожалуйста, перейдите в сообщество Qiwen, чтобы просмотреть руководство «Как развернуть Qiwen Cloud Disk» (https://www.qiwenshare.com/essay/detail/169).

Некоторые функциональные скриншоты

1. Домашняя страница диска

1.1 Макет страницы

  • В левой части панели категорий отображается список типов файлов, разделённых на «Мои файлы», «Корзина» и «Мой общий доступ», которые можно использовать для переключения между каталогами. В нижней части отображается используемое пространство для хранения.
    1. При нажатии на категорию «Все» в левой панели категорий список файлов справа будет меняться в зависимости от текущего местоположения и данных разбивки на страницы, полученных через интерфейс API, для отображения файлов в текущем местоположении и текущей странице.
    2. При нажатии на категории «Изображения», «Документы», «Видео», «Музыка» или «Другое» в левой панели категорий, список файлов справа изменится в соответствии с выбранным типом файла, и панель навигации хлебных крошек отобразит текущий тип файла.
    3. При нажатии на «Корзина» в левой панели категорий отобразится список файлов в корзине.
    4. При нажатии на «Мой общий доступ» в левой панели категорий отобразится список личных общих файлов.
  • Панель операций с файлами в верхней части включает группу кнопок операций с файлами, группу кнопок режима просмотра файлов и кнопку настройки отображения столбцов файлов.
  • Панель навигации хлебных крошек в середине обозначает текущее местоположение. Нажав на уровень, можно перейти к любому уровню каталога; нажав на пустую область после панели навигации хлебных крошек, можно вручную ввести путь для быстрого перехода к указанному каталогу.
  • Область отображения файлов справа отображает файлы в различных режимах в зависимости от выбранного режима просмотра; нижняя часть содержит компонент разбивки на страницы.
Домашняя страница диска

1.2 Функция макета

Левая панель меню может быть свернута, что позволяет контролировать отображение и скрытие столбцов в текущей таблице.

Функция макета

1.3 Функция регулировки размера значка

Поддерживается ручная регулировка размера значков в режиме сетки и режиме временной шкалы:

Регулировка размера значка

2. Навигация по пути

При нажатии на каталог вы перейдёте к содержимому этого каталога. Введя путь в пустой области после панели навигации хлебных крошек, вы можете быстро перейти к указанному пути (эта функция поддерживается только в разделе «Мои файлы — Все»).

Навигация по пути

3. Три режима просмотра

Файлы можно просматривать в трёх режимах: список, сетка и временная шкала.

3.1 Режим списка

Режим списка

3.2 Режим сетки

Режим сетки

3.3 Режим временной шкалы

Режим временной шкалы в настоящее время поддерживается только при выборе изображений в левой панели категорий. Мы постараемся как можно скорее поддержать другие типы файлов.

Режим временной шкалы

4. Операции с файлами

Операции с файлами сочетают в себе операции с файлами на компьютере. Поддерживаются любые файлы, вызывающие контекстное меню правой кнопкой мыши, или выбор файлов и нажатие соответствующих кнопок действий в верхней части.

4.1 Создание папки

Создание папки

4.2 Перемещение файлов

Поддерживает перемещение отдельных файлов и групп файлов. После выбора каталога нажмите «Подтвердить», чтобы переместить файлы в целевой каталог. Одновременно в окне предоставляется функция создания новой папки.

Перемещение файлов

4.3 Онлайн-распаковка файлов

Поддержка ZIP и RAR форматов файлов онлайн-распаковки. Поддерживает три метода распаковки:

  1. Распаковать в текущий каталог
  2. Распаковать во вновь созданную папку с тем же именем, что и у сжатого файла
  3. Распаковать в указанный каталог
Онлайн-распаковка файлов

4.4 Поиск файлов

Поддерживает поиск файлов по имени файла. Функцию поиска на заднем конце можно настроить, перейдя в верхнюю навигационную панель «Настройка — Конфигурация проекта на заднем конце — Настройка поиска файлов».

Поиск файлов

4.5 Функции пакетной обработки

В режиме списка и режиме сетки предоставляются функции пакетной обработки, позволяющие выполнять пакетное удаление, перемещение и загрузку файлов. Simple-uploader.js: плагин для фрагментарной загрузки, разработанный для Vue.js

Vue-video-player: видеопроигрыватель на основе video.js для Vue

Участие и вклад

  1. Форкните этот репозиторий.
  2. Создайте ветку Feat_xxx.
  3. Отправьте код.
  4. Создайте Pull Request.

Особенности работы с Code Cloud

  1. Используйте файлы Readme_XXX.md для поддержки разных языков, например Readme_en.md, Readme_zh.md.
  2. Официальный блог Code Cloud — blog.gitee.com.
  3. Вы можете посетить адрес https://gitee.com/explore, чтобы узнать о выдающихся open source проектах на Code Cloud.
  4. GVP — это аббревиатура от «Наиболее ценные проекты Code Cloud», так называют выдающиеся open source проекты, отобранные Code Cloud.
  5. Официальное руководство по использованию Code Cloud доступно по адресу https://gitee.com/help.
  6. Лица с обложки Code Cloud — это рубрика, демонстрирующая стиль участников Code Cloud, доступна по адресу https://gitee.com/gitee-stars/.

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Описание недоступно Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/qiwen-cloud-qiwen-file-web.git
git@api.gitlife.ru:oschina-mirror/qiwen-cloud-qiwen-file-web.git
oschina-mirror
qiwen-cloud-qiwen-file-web
qiwen-cloud-qiwen-file-web
master