该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置：
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术：
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 系统详细设计
5.1管理员功能模块
管理员登录，管理员通过登录页面输入用户名、密码并点击登录进行系统登录操作，如图5-1所示。
图5-1管理员登录界面图
管理员登录系统后，可以对首页、个人中心、用户管理、歌手管理、歌曲类型管理、歌单分类管理、歌曲管理、歌单管理、音乐视频管理、音乐社区、系统管理等功能进行相应操作，如图5-2所示。
图5-2管理员功能界图面
个人中心，在个人中心页面可以修改密码、个人信息修改操作，如图5-3所示。
图5-3个人中心界面图
用户管理，在用户管理页面可以对用户账号、用户姓名、性别、年龄、头像等内容进行详情、修改、删除等操作，如图5-4所示。
图5-4用户管理界面图
歌曲类型管理，在歌曲类型管理页面可以新增歌曲类型信息等内容，以及对歌曲类型管理进行修改、删除等操作，如图5-5所示。
图5-5歌曲类型管理界面图
歌手管理，在歌手管理页面可以对歌手姓名、歌手性别、头像、歌曲流派、标签、代表歌曲等内容进行详情、修改、删除等操作，如图5-6所示。
图5-6歌手管理界面图
歌曲管理，在歌曲管理页面可以对歌曲名称、歌曲类型、封面、歌手、专辑、时长、音频、发行方等内容进行详情、修改、删除等操作，如图5-7所示。
图5-7歌曲管理界面图
系统管理；管理员在该页面为轮播图管理界面、音乐资讯。管理员可以在此页面进行首页轮播图的管理，音乐资讯发布，通过新建操作可在轮播图中加入新的图片，还可以对已上传的图片进行修改操作，以及图片的删除操作，如图5-8 5-9所示。
图5-8轮播图管理界面图
图5-9音乐资讯界面图
歌单管理，在歌单管理页面可以对歌单名称、封面、歌单分类、发布时间等内容进行详情、修改、删除等操作，如图5-10所示。
图5-10歌单管理界面图
音乐视频管理，在音乐视频管理页面可以对视频名称、视频、区域、歌手、发布时间、视频封面等内容进行详情、修改、删除等操作，如图5-11所示。
图5-11音乐视频管理界面图
音乐社区，在音乐社区页面可以对帖子标题、用户名、状态等内容进行详情、修改、删除等操作如图5-12所示。
图5-12音乐社区界面图
5.2用户前台功能模块
用户在系统前台可以查看首页、歌手、歌曲、歌单、音乐视频、音乐社区、音乐资讯、个人中心等内容，如图5-13所示。
图5-13前台功能界面图
用户注册，在注册页面填写用户账号、密码、确认密码、用户姓名、年龄等详细信息进行注册，如图5-14所示。
图5-14用户注册界面图
用户登录，用户在登录页面通过填写账号、密码信息完成登录，如图5-15所示。
图5-15用户登录界面图
音乐视频，用户进入到音乐视频页面查看视频名称、视频、区域、歌手、发布时间、视频简介、视频封面、点击次数，如有需要进行收藏或者评论等操作，如图5-16所示。
图5-16音乐视频界面图
歌曲，用户进入到歌曲页面查看歌曲名称、歌曲类型、封面、歌手、专辑、时长、音频、发行方、点击次数，如有需要进行收藏或者评论等操作，如图5-17所示。
图5-17歌曲界面图
歌手，用户进入到歌手页面查看歌手姓名、歌手性别、头像、歌曲流派、标签、代表歌曲、点击次数，如有需要进行收藏或者评论等操作，如图5-18所示。
图5-18歌手界面图
个人中心，用户在个人中心页面可以查看我的发布、我的收藏，可对个人信息进行编辑用户账号、密码、用户姓名、性别、年龄、头像，以及用户对个人信息更新操作，退出登录，如图5-19 5-20 5-21所示。
图5-19个人中心界面图
图5-20我的发布界面图
图5-21我的收藏界面图
音乐资讯，用户进入到音乐资讯页面查看标题、简介、发布时间、资讯内容，如图5-22所示。
图5-22音乐资讯界面图
音乐社区，在音乐社区页面填写标题、类型、内容等信息，可进行发表，如图5-23所示。
图5-23音乐社区界面图
