基于java web的在线音乐网站开发与实现

     本人的毕业设计,页面设计感觉不咋地,感觉可以做出更好的页面效果,但是时间有限。我后期有时间再优化,虽然毕业设计过了,但是作为本人大学四年写的代码量最多的项目,还是有必要后期不断优化的。项目采用S2SH+JSP+Ajax+Layui+Jquery等技术框架开发,虽然现在已经不是SSH的天下了,但是学习一下还是很有必要的,不然后面工作遇到这种老的项目自己再上手还是挺痛苦的。学习一个框架其实是一件挺困难的事情,但是后期开发用的多了,自然就熟练和掌握了,不讲了,直接上项目。

1.网站的首页

页面我个人觉得还是好看的,作为一个java后端开发人员,学习点前端知识还是很有必要的,有没有听过一句话,java后端工程师很多都是进可攻前端,退可守后端。菜单导航栏用的是bootstrap的导航组件,轮播图也是bootstrap的轮播组件,随便看一下官网的文档就可以做出来了,感兴趣的朋友可以自学一下,有网页设计基础就可以很快上手了。。基于java web的在线音乐网站开发与实现_第1张图片

2.登录和注册界面

基于java web的在线音乐网站开发与实现_第2张图片

基于java web的在线音乐网站开发与实现_第3张图片

3.榜单页面

基于java web的在线音乐网站开发与实现_第4张图片

4.歌手页面

基于java web的在线音乐网站开发与实现_第5张图片

5.专辑页面

基于java web的在线音乐网站开发与实现_第6张图片

6.MV页面和MV播放页面

mv播放采用的是video.js视频播放插件,很好用的一个插件。

基于java web的在线音乐网站开发与实现_第7张图片

基于java web的在线音乐网站开发与实现_第8张图片

7.音乐播放器界面

 我本人写的一个html5音乐播放器,现在主流的浏览器都支持H5了,所以利用H5的audio音频标签实现歌曲播放很简单。我做毕业设计的时候想找一个网上开源的音乐播放器,发现都没有自己喜欢的,所以我决定自己开发。我刚开始没有思路,后面网上慢慢找资料学习和对比现在主流音乐网站的音乐播放器的功能,就自己开发出来了,支持歌曲列表操作,删除一首和清空列表,歌曲支持点击进度条和拖动按钮实现快进和快退操作,歌曲支持简单的行匹配效果,支持动画平滑滚动效果,歌手的图片会根据后台上传的歌手图片中查找出来显示,带点图片感觉比较好看一点。

基于java web的在线音乐网站开发与实现_第9张图片

9.后台登陆界面和后台主页

后台登陆界面也是自己设计的,重点是好看哈哈。。慢慢的我发现了设计页面的窍门,背景很重要,背景随便找张色彩丰富的图片利用ps进行高斯模糊效果,就很好看了。这个登陆界面做过项目以来设计的最好看的登陆界面,感觉进入这个界面是不是很想登陆看看什么效果。。

基于java web的在线音乐网站开发与实现_第10张图片

基于java web的在线音乐网站开发与实现_第11张图片

10.后台用户管理

图标问题后期再弄,layui图标较少,所以就直接不加图标了。以后做项目肯定需要加上图标美观一点,这需要利用第三方图标。

基于java web的在线音乐网站开发与实现_第12张图片

11.歌手管理

基于java web的在线音乐网站开发与实现_第13张图片

12.歌曲管理和添加歌曲

基于java web的在线音乐网站开发与实现_第14张图片

基于java web的在线音乐网站开发与实现_第15张图片

13.歌词管理

支持歌词文件批量上传,没有和歌曲建立关联,Ajax请求查找歌词时根据歌曲名称和歌手名称进行查找。

基于java web的在线音乐网站开发与实现_第16张图片

14.歌单管理

对歌单进行CRUD操作,还有为歌单中加入歌曲。

基于java web的在线音乐网站开发与实现_第17张图片

15.专辑管理

基于java web的在线音乐网站开发与实现_第18张图片

16.上传MV和MV管理

基于java web的在线音乐网站开发与实现_第19张图片

基于java web的在线音乐网站开发与实现_第20张图片

以上只重点介绍核心功能模块,项目代码量我觉得够多了。做这个项目让我学到了很多,不懂得地方就去学习,检验你学习成果的最好依据就是你的成品。

你可能感兴趣的:(个人项目)