一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1G94y1h7XC?t=8.5
三、运行截图:
进入到这个环节,也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中,是会帮助系统编制人员节省时间,并提升开发效率的。所以在系统的编程阶段,也就是系统实现阶段,对于一些不合理的设计需求,也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。
3.1 管理员功能实现
3.1.1 音乐信息管理
管理员进入指定功能操作区之后可以管理音乐信息。其页面见下图。管理员主要负责音乐信息的增删改查,可以查看用户对音乐的评论。
图3.1 音乐信息管理页面
3.1.2 歌单信息管理
管理员进入指定功能操作区之后可以管理歌单信息。其页面见下图。管理员主要负责歌单信息的增删改查,查看用户对歌单的评论。
图3.2 歌单信息管理页面
3.1.3 留言板管理
管理员进入指定功能操作区之后可以管理留言信息。其页面见下图。管理员在本页面可以回复用户的留言,查询,删除用户的留言。
图3.3 留言板管理页面
3.1.4 用户管理
管理员进入指定功能操作区之后可以管理用户。其页面见下图。管理员有权限管理用户资料,包括查询用户,删除用户。
图3.4 用户管理页面
3.1.5 音乐资讯
管理员进入指定功能操作区之后可以管理音乐资讯信息。其页面见下图。管理员负责发布音乐资讯,修改,查询,删除音乐资讯。
图3.5 音乐资讯页面
3.2 用户功能实现
3.2.1 音乐信息
用户进入指定功能操作区之后可以查看音乐信息。其页面见下图。用户在当期页面查看音乐介绍,收藏音乐,可以试听音乐,可以评论音乐。
图3.6 音乐信息页面
3.2.2 歌单信息
用户进入指定功能操作区之后可以查看歌单信息。其页面见下图。用户在当期页面查看歌单,收藏歌单,评论歌单,播放歌曲。
图3.7 歌单信息页面
3.2.3 留言反馈
用户进入指定功能操作区之后可以进行留言反馈。其页面见下图。用户发布留言,其发布的留言以及管理员的回复信息都会显示在本页面。
图3.8 留言反馈页面
3.2.4 音乐资讯
用户进入指定功能操作区之后可以查看音乐资讯信息。其页面见下图。用户点击音乐资讯的图片或标题可以查看音乐资讯内容。
图3.9 音乐资讯页面