2022-07-21 09:35

码上Music

yansun

项目

(1011)

(0)

收藏

blog

后端主页.jpg

一、开发成员:汪坤、申佳璇、马志浩、张廉苇、徐冬岩

开发技术:Mysql,Ajax+JavaScript+Jquery+CSS

操作系统:Windows

数据库:MySQL

开发工具:IntelliJ IDEA 2021.1.3 x64,Heidisql.exe,Google Chrome,Gitee

核心技术:MVC,JavaEE

二、主要功能:

       本项目为音乐在线播放的交互网站,分为前端管理和后端管理两个界面。前端界面,用户可以在本网站听歌,看mv,发布评论,创建自己的歌单,关注其他用户,实现用户与用户之间的交互效果。后端界面,管理员可以在后端管理界面对整个码上Music网站进行用户管理,数据管理等。

 

前端界面

1、  码上Music---前端登录界面

用户可以在此界面进行账号的登录以及注册,注册时会进行头像预览,如果用户不想马上选择头像的话,会提供一个默认头像。

1.png          202207211658384756717025803.png

2、  用户登录进去之后可以在右上角头像的个人中心按钮,进入个人中心界面。在个人中心界面可以查看自己粉丝用户及粉丝数量,自己的关注用户及关注数量,个人歌单,喜欢的音乐,收藏等等。还可以对个人信息进行修改,密码的修改。

前端用户主页.jpg

前端用户主页2.jpg

前端用户主页3.jpg

前端用户主页4.jpg

前端用户主页5.jpg

3、  侧边栏及顶部搜索,都是全局可用,数据全局同步,侧边栏可以进行收缩的,用户可以选择自己喜欢的样式,侧边栏还设有我的歌单,我的收藏,我的音乐分类的二级菜单栏功能。

前端搜索界面1.jpg

当查询的内容搜索不到时,会提示用户暂无内容。

前端搜索界面2.jpg

4、  首页推荐界面

本界面会进行最新30首新歌的推荐,且每首歌可进行收藏和添加到我的喜欢,此功能为全局功能,下面不在介绍。

前端推荐界面.jpg

前端推荐界面2.jpg

前端推荐界面3.jpg

5、  首页音乐馆界面

本界面显示本网站的所有的用户公开的歌单,歌曲排行榜,歌手,专辑等等。

通过点击上方的四个分类进行切换。

为了给用户每次体验新的内容,每次点击歌单会进行随机刷新。

前端音乐馆.jpg

6、  首页mv视频界面

本界面随机显示9个mv推荐,可以点进进入观看mv,在mv播放界面会有5部除已在播放的mv之外的其他5个mv推荐。

前端视频.jpg

前端MV.jpg

 

后端管理界面

1、  用户管理界面

对账号信息进行查看以及对账号进行暂停使用,搜索用户等功能。

后端用户管理.jpg

 

2、  歌曲管理界面

可以对歌曲进行停用,修改,增加,查询等功能。

后端歌曲管理.jpg

3、  歌手管理

可以对歌手进行移除,修改,增加,查询等功能。

后端歌手管理.jpg

 

4、  歌单管理

对歌单内容进行移除,修改,增加,查询等功能。

后端歌单管理.jpg

5、  专辑管理

对专辑内容进行下架,修改,增加,查询等功能。

后端专辑管理.jpg

6、  评论管理

对评论内容进行删除,查询等功能。

后端评论管理.jpg

7、  视频管理

对视频内容进行下架,修改,增加,查询等功能。

后端视频管理.jpg


0条评论

点击登录参与评论