项目运行
环境配置：
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术：
Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境：建议是用5.7版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
6.Navcat11：这个版本不限10/11/14/15都可以。；
Node.js毕设帮助，指导，本源码(见文末)，调试部署
5.1系统功能模块
wai音乐网站，在网站首页可以查看首页、公告信息、音乐信息、个人中心、后台管理等内容，如图5-1所示。
图5-1网站功能界面图
会员注册，在会员注册页面通过填写会员号、密码、姓名、手机号码、邮箱等详细内容进行注册操作，如图5-2所示。
图5-2会员注册界面图
公告信息，在公告信息页面可以查看公告名称、图片、发布时间、公告内容等详细内容，如图5-3所示。
图5-3公告信息界面图
音乐信息，在音乐信息页面可以查看歌曲名称、歌手、作曲、作词、图片、音乐类型、音乐简介、发行时间、音频等详细内容，根据需要进行分享，评论或收藏；如图5-4所示。
图5-4音乐信息界面图
个人中心，在个人中心页面通过填写会员号、密码、姓名、性别、手机号码、邮箱、上传图片等内容完成信息更新操作，还可以根据需要对我的收藏进行详细操作，如图5-5所示。
图5-5个人中心界面图
5.2管理员功能模块
管理员登录，通过填写注册时输入的用户名、密码、选择权限进行登录，如图5-6所示。
图5-6管理员登录界面图
管理员登录进入wai音乐网站可以查看首页、个人中心、会员管理、公告信息管理、音乐类型管理、音乐信息管理、管理员管理、系统管理等信息进行详细操作，如图5-7所示。
图5-7管理员功能界面图
会员管理，在会员管理页面中可以查看索引、会员号、姓名、性别、手机号码、邮箱、头像等信息，并可根据需要对列表进行详情，修改或删除等操作，如图5-8所示。
图5-8会员管理界面图
公告信息管理，在公告信息管理页面中可以查看索引、公告名称、图片、发布时间等信息，并可根据需要对列表进行详情，修改或删除等详细操作，如图5-9所示。
图5-9公告信息管理界面图
音乐类型管理，在音乐类型管理页面中可以查看索引、音乐类型等内容，并且根据需要对列表进行详情、修改或删除等详细操作，如图5-10所示。
图5-10音乐类型管理界面图
音乐信息管理，在音乐信息管理页面中可以查看索引、歌曲名称、封面、歌手、作曲、作词、音乐类型、音频、视频、发行时间等内容，并且根据需要对列表进行详情、修改、查看评论或删除等详细操作，如图5-11所示。
图5-11音乐信息管理界面图
管理员管理，在管理员管理管理页面中可以查看索引、用户名、密码、角色等内容，并且根据需要对列表进行详情、修改或删除等详细操作，如图5-12所示。
图5-12管理员管理界面图
系统管理，在轮播图管理页面中可以查看索引、名称、值类型等内容，并且根据需要对列表进行详情或修改等详细操作，如图5-13所示。
图5-13系统管理界面图
5.3会员后台功能模块
会员登录进入wai音乐网站后台可以查看首页、个人中心、音乐分享管理、我的收藏管理等信息进行详细操作，如图5-14所示。
图5-14会员后台功能界面图
个人中心，在个人中心页面通过填写会员号、姓名、性别、手机号码、邮箱、头像等信息进行个人信息修改操作，如图5-15所示。
图5-15个人中心界面图
我的收藏管理，在我的收藏管理页面中可以查看索引、收藏名称、收藏图片等内容，并且根据需要对列表进行详情或修改等详细操作，如图5-16所示。
图5-16我的收藏管理界面图
