El proyecto de finalización de Java es de código abierto, el sitio web de música de springboot+vue

1. Introducción al sistema

El cliente y la gestión de este sitio web de música se implementan con el marco VUE, el servidor se implementa con Spring Boot + MyBatis y la base de datos usa MySQL.

1.1 Función

  • reproducir música
  • Registro de inicio de sesión de usuario
  • Edición de información de usuario, modificación de avatar.
  • Buscar canciones y listas de reproducción
  • puntuación de la lista de reproducción
  • Listas de reproducción, reseñas de canciones
  • Visualización de paginación de la lista de reproducción y la lista de cantantes
  • Visualización sincrónica de letras
  • Colección de música, descarga, control de arrastre, control de volumen
  • Gestión de usuarios, canciones, cantantes e información de la lista de canciones en segundo plano

1.2 Pila de tecnología

Backend
SpringBoot + MyBatis
Frontend
Vue + Vue-Router + Vuex + Axios + ElementUI

1.3 Entorno de desarrollo

JDK: jdk-8u141
mysql: mysql-5.7.21-1-macos10.13-x86_64
nodo: v12.4.0
IDE: IntelliJ IDEA 2018, VSCode

2. Función del sistema

Referencia:
https://gitee.com/Yin-hongwei/music-website?_from=gitee_search

2.1 Sistema de gestión de antecedentes

1. Página de inicio del sistema
inserte la descripción de la imagen aquí
2. Gestión de usuarios
inserte la descripción de la imagen aquí
3. Gestión de cantantes inserte la descripción de la imagen aquí
4. Gestión de listas de canciones
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

2.2 Sistema cliente

1. Página de inicio
inserte la descripción de la imagen aquí
2. Lista de canciones
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
3. Artista
inserte la descripción de la imagen aquíinserte la descripción de la imagen aquí
4. Mi música
inserte la descripción de la imagen aquí

3. Construir

3.1 Construcción de fondo

1. Modificar el archivo de configuración

Modificar la dirección de la base de datos.
inserte la descripción de la imagen aquí
2. Modificar la ruta del proyecto inserte la descripción de la imagen aquí
3. Colocar archivos estáticos

Coloque el archivo de datos descargado en la carpeta del servidor de música.
inserte la descripción de la imagen aquí

3.2 Construcción en primer plano

Importe los dos sistemas de primer plano respectivamente y ejecute los siguientes comandos.

npm install
npm run dev

Simplemente visite la dirección de registro de la consola.
inserte la descripción de la imagen aquí
Dirección del sistema de gestión: http://localhost:8080
Contraseña de la cuenta: admin/123
Dirección del sistema del cliente: http://localhost:8081
Contraseña de la cuenta: Yin/123

Supongo que te gusta

Origin blog.csdn.net/qq_20143059/article/details/122474415
Recomendado
Clasificación