Introduction
The development of this music website mainly uses the VUE framework to develop the front-end and back-end, the back-end interface is realized by Spring Boot + MyBatis, and the database uses MySQL.
This project is also an excellent graduation project we have done.
Run show
System functions
- play music
- User login registration
- User information editing, avatar modification
- Song, playlist search
- Playlist scoring
- Playlist, song reviews
- Paging display of playlist list and singer list
- Synchronous lyrics display
- Music collection, download, drag control, volume control
- Management of users, songs, singers, and playlist information in the background
Use technology
Backend
SpringBoot + MyBatis
Front end Vue + Vue-Router + Vuex + Axios + Element UI
Installation and operation
Get the source code
Contact senior to obtain
Modify the configuration file
1) Create a database. Import the tp_music.sql file in the music-website/music-server/sql folder into the database.
2) Modify the back-end configuration file and go to the files in the music-website/music-server/src/main/resources directory to modify your spring.datasource.username and spring.datasource.password; modify the files circled in the figure below The path in the addResourceLocations method under the MyPicConfig class, otherwise the resource cannot be loaded. (There are some differences between the paths under Mac and win. Mine is the path on Mac. On win, you need to indicate which disk it is after file:, for example: file:C:\user\XXX\)
Startup project
music-server is the backend of this project, which is used to listen to requests from the frontend and provide responses. Music-client and music-manage are both the front-end part of this project. The former is the front-end and the latter is the back-end. The backend must be started at runtime. Both front-end projects can be started or only one of them can be started. They are independent.
Start the backend: enter the music-server folder and run the following command to start the server
// Method
one./mvnw spring-boot:run
// Method two
mvn spring-boot:run // prerequisite to install maven to
start the foreground: enter the music-client folder, run the following command to start the foreground project
npm install // install dependencies
npm run dev // start the foreground project and
start the background: enter the music-manage folder, run the following command to start the background management project
npm install // install dependencies
npm run dev // start the background management project
At last
Students who need graduation design, please leave a message below, welcome to discuss
This senior is a graduate student in computer science, and he is good at:
algorithm
web system
microcontroller development
enthusiastic and responsible, helping students to tide over graduation