Welcome to add WeChat to communicate with each other and learn!
Project source code: https://gitee.com/oklongmm/biye
1. The homepage of the website
Personally, I think the page is pretty good. As a java back-end developer, it is necessary to learn some front-end knowledge. Have you ever heard a word? Many java back-end engineers are attacking the front-end and retreating to the back-end. . The menu navigation bar uses the bootstrap navigation component, and the carousel diagram is also the bootstrap carousel component. Just look at the official website documentation and you can make it. If you are interested, you can learn by yourself. If you have a basic web design, you can get started quickly. Up. .
2. Login and registration interface
3. List page
4. Singer page
5. Album page
6. MV page and MV playback page
mv playback uses video.js video playback plug-in, a very easy to use plug-in.
7. Music player interface
I wrote an html5 music player, and now mainstream browsers support H5, so it is very simple to use H5's audio tag to realize song playback. When I was doing my graduation project, I wanted to find an open source music player on the Internet. I found that I didn't have any one I liked, so I decided to develop it myself. I didn’t have any ideas at the beginning. Later, I slowly looked for information on the Internet to learn and compare the functions of the music players on the current mainstream music websites. I developed it myself. It supports song list operations, deletes a song and clears the list. The song supports clicking the progress bar and Drag the button to achieve fast forward and rewind operations. Songs support simple line matching effects and smooth scrolling animation effects. The singer's pictures will be found and displayed based on the singer pictures uploaded in the background. A little picture feels better.
9. Backstage login interface and backstage homepage
The background login interface is also designed by myself, and the focus is to look good haha. . Slowly I discovered the trick to designing the page. The background is very important. Just find a colorful picture for the background and use the PS to perform the Gaussian blur effect, which is very good. This login interface is the best-looking login interface designed since the project. I feel like entering this interface do you really want to log in to see the effect. .
10. Back-end user management
I will fix the icon problem later, there are fewer layui icons, so I don’t add icons directly. In the future, you will definitely need to add a more beautiful icon to the project, which requires the use of third-party icons.
11. Singer Management
12. Song management and adding songs
13. Lyrics management
Supports batch upload of lyrics files, and no association with songs is established. When Ajax requests to find lyrics, it will search according to the name of the song and the name of the artist.
14. Playlist management
Perform CRUD operations on the playlist, and add songs to the playlist.
15. Album management
16. Upload MV and MV management
The above only focuses on the core functional modules, I think the amount of project code is enough