Коу-бед

Одностраничное приложение для управления изображениями Qiniu, созданное с использованием Vue-cli (на основе museui), с разделением на фронтэнд и бэкэнд. Бэкэнд основан на express и Qiniu nodejs-SDK, изначально он был развёрнут и обслуживался на Heroku, но из-за медленного отклика службы сервис был перенесён на сервер друга в облаке Huawei.

Адрес проекта:

• Исходный адрес: https://github.com/alex1504/vue-qiniu-image-bed
• Онлайн-адрес: http://cowbed.huzerui.com

Разработка функций: — личное пространство и переключение общего пространства; — загрузка с помощью элемента ввода, перетаскивание файла для загрузки, загрузка URL онлайн-изображений; — копирование внешней цепочки (markdown); — управление изображениями, предварительный просмотр, загрузка, пакетное удаление; — картинная площадь, обмен изображениями на площади; — управление датами изображений; — переименование изображений; — аудио и видео ресурсы.

Технологический стек: Фронтенд: — Vue2: прогрессивный фреймворк MVVM Vue2.0; — Vuex: совместное использование состояния между различными компонентами; — Vue-router: плагин для управления маршрутизацией одностраничного приложения; — Axios: инструмент HTTP-запросов; — SASS (SCSS): язык предварительной обработки CSS; — Webpack: автоматизированные инструменты сборки; — Localstorage: локальное хранилище.

Бэкенд: — Express: лаконичный и гибкий фреймворк для веб-приложений node.js; — cors (промежуточное ПО): совместное использование ресурсов между доменами; — body-parse (промежуточное ПО): анализ тела запроса; — formidable (промежуточное ПО): модуль Node.js для анализа данных формы (form-data); — nodemon: мониторинг изменений, автоматическое перезапуск сервиса узла.

Основная грамматика: — фронтенд ES6, бэкенд ES5 (часть времени разработки была в компании, по некоторым причинам невозможно использовать более высокую версию node).

Локальный просмотр:

git clone https://github.com/alex1504/vue-qiniu-image-bed.git
cd https://github.com/alex1504/vue-qiniu-image-bed.git
// Установка зависимости фронтенда
npm install
cd server
// Установка зависимости бэкенда
npm install
cd ../
npm run dev
// Открыть другой процесс git
npm run server

Прочее:

1. Для повышения скорости доступа сайт использует статический хостинг coding.net.
2. В приложении используется localStorage для сохранения данных авторизации Qiniu.
3. Некоторые библиотеки ресурсов вводятся через CDN, предоставляемые bootCDN.
4. Если у вас есть какие-либо вопросы, отзывы или предложения, пожалуйста, отправьте их в issue.
5. Добро пожаловать в fork и star, ваша поддержка — движущая сила для меня.