音乐播放器

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1QN411p74r?t=10.1

三、运行截图：

4.1系统运行平台设置

想要本系统运行，需要硬件和软件两个环境的支持。本系统服务端的硬件环境为电脑一台，软件环境为windows操作系统和idea软件以及mysql数据库。微信端的环境为手机一部和微信开发者工具。

4.2系统首页界面的设计实现

系统的首页可以看到标题、功能导航栏、搜索框、歌曲信息等，在首页的上方可以看到搜索框、背景图片。系统首页的功能设计效果如下图4.1所示：

图4.1系统首页界面的运行效果图

4.3用户注册功能的设计实现

为了保证系统的安全性和满足用户的听歌要求，用户需要先进行注册才可以进行操作，用户注册时需要注意表单信息的填写，在表单信息填写完成后，系统可以实现对表单信息进行自我检测，当检测为正确时，可以实现注册成功，当有信息检测为错误时会提示重新填写。用户注册成功后系统会把填写的表单保存到数据库中。用户注册的实现界面如下图4.2所示：

图4.2用户注册功能的界面实现

4.4用户登录功能的设计实现

用户注册完成后，可以点击登录功能进行登录，在登录时会进行账号和密码的数据验证，账号和密码验证正确则登录成功，账号和密码验证错误则登录失败，需要重新登录。用户登录功能的实现界面如下图4.3所示：

图4.3用户登录功能实现界面效果

4.5用户个人信息修改功能的设计实现

用户登录后可以对自己的个人资料进行修改维护，包括对图片的设置，在用户个人信息修改界面设置了保存按钮和退出登录按钮，方便用户提交和重新填写信息。用户个人信息修改功能的实现界面如下图4.4所示：

图4.4用户个人信息修改实现界面

4.6歌曲信息功能的设计实现

歌曲信息为基本的功能，歌曲信息可以按照推荐进行排名，对于歌曲信息的展示以图片展示为主，可以使用户更加的一目了然，歌曲信息的实现界面如下图4.5所示：

图4.5歌曲信息实现运行效果界面

4.7评价功能的设计实现

在看到喜欢的歌曲后可以在线评论。评论功能的设计界面如下图4.6所示：

图4.6评论功能的运行效果界面

4.8会员优惠功能界面的设计实现

用户可以通过本功能进行会员卡的信息了解。会员优惠功能的界面实现如下图4.7所示：

图4.7会员优惠功能的运行界面实现

4.9会员办理功能的设计实现

用户可以选择会员优惠进行会员卡的办理。会员办理功能的界面实现如下图4.8所示：

图4.8会员办理功能的运行效果界面

4.10我的功能的界面实现

在我的功能里可以查询会员优惠和进行会员办理以及管理会员信息、收藏信息，实现界面如下图4.9所示：

图4.9我的功能的实现界面

4.11管理员功能模块的设计实现

管理员可以管理用户信息、歌曲信息、会员优惠信息和会员办理信息、歌曲分类信息等。管理员的实现界面如下图4.10所示：

图4.10管理员功能运行效果界面