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
2. Gestión de usuarios
3. Gestión de cantantes
4. Gestión de listas de canciones
2.2 Sistema cliente
1. Página de inicio
2. Lista de canciones
3. Artista
4. Mi música
3. Construir
3.1 Construcción de fondo
1. Modificar el archivo de configuración
Modificar la dirección de la base de datos.
2. Modificar la ruta del proyecto
3. Colocar archivos estáticos
Coloque el archivo de datos descargado en la carpeta del servidor de música.
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.
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