Личная музыка
Введение проекта
Этот проект был оптимизирован на основе проекта Springboot + Vue Music Swiet :
- Столь регистрации сайта музыкального сайта добавляет функцию рейтинга
- Музыкальный игрок добавляет синглы, случайное воспроизведение и функции переключения по заказу в песнях в играх
- Добавить тексты песен к интерфейсу текстов
- В своем музыкальном интерфейсе я добавил функцию просмотра истории пользователя для воспроизведения музыкальных записей.
- На основе функций сбора видео проектов функция отмены коллекции добавлена
- Функция отмены лайков на странице комментариев песни пользователя
- Статус входа пользователя может порекомендовать аналогичные списки песен и певцов пользователям через историю пользователей, прослушивая записи песен, сбор песен и списка песен
- Фоночный интерфейс музыкального веб -сайта увеличивает функцию перехвата маршрутизации.
- Все статические файлы ресурсов в проекте используют статический сервер Nginx для доступа, чтобы статический файл был полностью отделен от фонового кода
Проект проекта
Конфигурация среды за кулисами
Конфигурация базы данных
- Установить базу данных MySQL8 и визуальное программное обеспечение Navicat
- После того, как программное обеспечение , связанное с базой данных
Конфигурация среды разработки
- JDK18
- Maven 3.8.6
- Redis 5.0.14
- Nginx 1.23.1
Введение NGINX Configuration
- Создайте папку загрузки в каталоге CD -DRIVE ROOT, а затем создайте аватар и голосовые папки в папке загрузки соответственно
- Установка NGINX должен быть в дискоте C.
找到listen 80,然后在它下面添加或替换如下配置
listen 80;
server_name localhost;
sendfile on;
keepalive_timeout 65;
charset utf-8;
#access_log logs/host.access.log main;
location / {
add_header 'Access-Control-Allow-Origin' $http_origin;
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}
root /upload/;
index index.html index.htm; # 需要转发的url地址
}
location ^~/api/ {
proxy_pass http://localhost:8889/;
}
location ^~/apk/ {
proxy_pass http://localhost:8889/admin/;
}
- Модификация конфигурации перезапускается для перезапуска Nginx.
Фронт -Конфигурация окружающей среды
- Nodejs 16.16.0
- После установки Nodejs настройте источник зеркала NPM , а затем используйте NPM , чтобы заказать диспетчер программных пакетов пряжи во всем мире
Проектная операция
Фоновая операция
- Используйте версию Idea2022 , чтобы открыть все файлы в каталоге музыки-сервера , а затем дождитесь загрузки проекта Maven Depertion
- После завершения загрузки измените файл конфигурации в ресурсе и измените его в соответствии с средой вашей конфигурации
- После того, как содержимое файла конфигурации модифицируется, вам необходимо добавить имя пользователя, пароль и символ фона администратора в таблице администратора в музыкальной базе данных установлен, он установлен администратору для администратора.
Стойка регистрации
- Используйте команду пряжи или NPM для установки требуемого модуля
- Установка модуля завершена, он может быть напрямую упакован
- После того, как упаковка завершена, поместите файл пакета в папку загрузки .
- Адрес доступа к стойке регистрации после предыдущего шага: http: // localhost/view
- Адреса доступа к фоному доступу: http: // localhost/admin
- Впервые в базе данных нет файлов ресурсов. фон.
Запустите скриншот