基于Java-web的音乐网站的设计与实现论文

基于Java-web的音乐网站的设计与实现论文本科毕业论文（设计）题目：基于JSP的音乐网站的设计与实现姓名：学号：专业：院系：指导老师：职称学位：讲师／硕士完成时间： 2015年 5月教务处制安徽新华学院本科毕业论文（设计）独创承诺书本人按照毕业论文（设计）进度计划积极开展实验（调查）研究活动，实事求是地做好实验（调查）记录，所呈交的毕业论文（设计）是我个人在导师指导下进行的研究工作及取得的研究成果。

据我所知，除文中特别加以标注引用参考文献资料外，论文（设计）中所有数据均为自己研究成果，不包含其他人已经发表或撰写过的研究成果。

与我一同工作的同志对本研究所做的工作已在论文中作了明确说明并表示谢意。

毕业论文（设计）作者签名：日期：用户密用户图3.13用户信息E-R图3.6.2 数据表设计根据网站的需求我们创建的数据库主要分为7个表：管理员表admin、留言表comments、友情链接表link、短信息表message、音乐列表music、最新消息通知表tip、用户表user。

这七个表分别涵盖了整个网站所要用到的数据。

下面分别介绍这几个表的结构：（1）admin（管理员表），是专为管理网站后台的人员创建的表，用于存储管理员的信息，其中还设置了管理员的权限，管理员可以在网站后台修改信息。

包括编号（id），管理员名称（name），密码（pwd）。

其中，id（编号）为该表的主键。

如表3.14所示：表3.14管理员表（admin）（2）comments（留言表），本网站所有用户的留言都存储在此表中，方便用户查询。

包括留言编号（id），留言内容（value），用户昵称（name），留言音乐编号（music_id），留言时间（time）。

其中，id（留言编号）为该表的主键，如表3.15所示:表3.15留言表（comments）（3）link（友情链接表），音乐网站添加的友情链接网站的信息存储在这里。

包括id（友情链接编号），友情链接网站名称（value），友情链接网站地址（title），id（友情链接编号）为该表的主键，如表3.16所示：表3.16友情链接表（link）（4）message（短消息表），此表用来存储网络用户给其他用户点歌的短消息的，包括发送消息人的名称（from），发送定位（to），消息标题（title），消息内容（value），消息时间（time），新到消息（new），管理员可以通过管理此表来管理短消息。

其中，id（点歌的编号）为该表的主键。

如表3.17所示：表3.17短信息表（message）（5）music（音乐表），此表是音乐的信息，尽可能的详细音乐信息，方便用户以后的查找过程。

此表包括音乐编号（id），音乐名称（title），歌手（singer），音乐所属专辑（special），音乐简介（value）,音乐上传时间（time ），音乐点击次数（clink），网页地址（url）。

其中，id（音乐编号）为该表的主键，如表3.18所示：表3.18音乐列表（music）（6）tip（最新消息通知表），用户可以根据此消息来了解是谁上传了哪一首音乐，随时了解音乐网站的上传音乐动态。

包括消息通知编号（id），消息内容（value），。

其中，消息通知编号（id）为改表的主键。

如表3.19所示：表3.19最新信息通知表（tip）（7）user（用户表），专门存储在本网站注册的用户，方便用户的下次登录。

包括用户编号（id）,用户名称（name），用户密码（pwd），其中，id（用户编号）为该表的主键。

如表3.20所示：表3.20用户表（user）4 系统实现整个音乐网站丰富多彩，界面功能模块清晰，让用户可以更加的了解这个音乐网站的功能，也借此增加用户对此音乐网站的喜爱。

4.1 用户注册用户可以在本网站注册、填写相关的信息、注意格式一定要正确，否则会系统会自动提示出错，注册成功后可以享受本网站的所有信息资料，包括音乐上传、发送短消息等相关操作。

如图4.1 及对应代码如下所示：图4.1用户注册界面图4.2 首页首页界面是富有特色的，既涵盖了整个网站的内容又显得简明、简便明了，可以让用户一眼就找到自己想要的功能模块，为其提供了方便。

在网站首页用户可以登录，登录后可在首页上点相应导航，进行操作。

未经注册的用户浏览网站时，如果没有任何用户上传音乐，则会看到显示内容——暂无任何音乐，快来分享给大家把！如图4.2所示：图4.2首页（无音乐上传）界面图未经注册的用户浏览网站时，如果有用户上传了音乐，就可以对上传的音乐进行试听、下载，也可以对上传的音乐进行留言，还可以阅读其他浏览者对这首音乐的留言，借此了解这首音乐。

但不能将音乐添加到自己的音乐盒，也不能点歌，更不能上传音乐、发送短消息。

必须注册成用户登录进去才可以点歌、上传音乐、发送短消息等。

有音乐上传的首页，如图4.3所示：图4.3首页（有音乐上传）界面图首页主页面显示了五个大块：首页、音乐盒、短信息、分享音乐、播放列表。

人们可以在本网站的首页进行注册用户，填写相关的信息，注意格式一定要正确，否则会系统会自动提示出错，注册成功后可以享受本音乐网站的所有信息资料，包括对音乐进行试听、下载、留言以及上传音乐，还可以将自己的喜欢的音乐点给其他用户。

点歌功能如图4.4所示：图4.4点歌界面图在首页中点击阅读留言进入留言模块中，留言内容通过表单插件Jquery.form使其最近留言信息进行异步更新，也就是只有更新了最近留言显示这一块，其他不进行更新。

音乐留言如图4.5所示：图4.5音乐留言界面图主要代码如下：4.3 音乐盒在这里用户可以在首页里任意的查找其他用户上传的音乐并将自己喜欢的音乐加入到自己的音乐盒中。

加入之后，自动保存，用户在下次登录之后可在音乐盒中看到自己原先添加到音乐盒中的音乐。

等过一段时间不喜欢自己所加入到音乐盒中的音乐也可以将其删除。

如图4.6所示：图4.6音乐盒界面图4.4 短消息在这里你可以查看其他用户发给你的短消息，自己也可以给其他用户发送短消息。

以此来增进彼此的了解，也可以让其他用户更加贴切的了解自己喜欢的音乐和事情。

如图4.7和图4.8所示：图4.7发送短消息界面图图4.8查看短消息界面图4.5 分享音乐在这个模块可以上传音乐，上传音乐时的类型必须为MP3类型，也必须写上音乐名称、歌手、所属专辑、简介等信息，让不了解的人们更加快的了解到这首音乐。

如图4.9所示：图4.9分享音乐界面图4.6 播放列表只有在音乐盒里对音乐进行过播放，才会有播放列表的存在，如果播放过此音乐，就可以点击播放上次创建的播放列表。

如图4.10所示：图 4.10播放列表界面图4.7 后台管理管理员通过账号和密码进入后台管理系统，进行网站的相关维护。

后台管理又单独设置了几个页面，为的就是使管理员的工作更加方便，使任何信息的删除，修改都集中到另一个界面上，这样的话就不会跟前台页面混淆了。

如图4.11所示：图4.11管理员登录以上所有实现的功能都是通过Struts2框架来开发的，首先在web.xml文件中定义核心Filter来拦截用户请求，之后利用配置文件定义处理用户请求的Action类，在配置Action，还需要配置处理结果和物理视图资源之间的对应关系，最后编写视图资源。

Jquery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。

Jquery有许多成熟的插件可供选择，例如：通过Ncejforms 可美化表单，通过Thickbox可设置弹出效果，通过Audioplayer可支持音乐播放器等。

通过使用Jquery表单插件Jquery.form来实现音乐网站系统中对于留言这一模块进行异步刷新，其中AjaxSubmit（）由Ajax来提交表单。

大多数情况下，都是调用AjaxSubmit来对用户提交表单进行响应。

004下载是否可以下载音乐。

输入相应程序；(3)运行相应代码；(4)观察结果及相关提示信息。

可以下载音乐。

可以下载音乐。

005 测试点击注销登录是否提示——注销成功。

(1)进MyEclipse;(2)输入相应程序；(3)运行相应代码；(4)观察结果及相关提示信息。

点击注销登录提示——注销成功。

点击注销登录提示——注销成功。

5.2.2 测试结果1. 在注册界面中输入已经注册过的用户会提示——用户名已存在。

如图5.1所示：图5.1登录界面图提示图2.在未登陆的情况下不可以访问除首页外的其他的界面，并且还会出现提示——请登录后再访问。

如图5.2所示：图5.2登录界面图提示图3.在登陆页面输入注册过用户名和正确的密码，登陆成功并跳转到系统主页面，点击下载也可以下载音乐。

如图5.3所示：图5.3下载界面图4. 点击注销登录会否提示——注销成功。

如图5.4所示：图5.4注销成功界面图6 总结经过此次毕业设计，充分认识到了自己编程能力方面的缺陷，感觉到自己的基础比较薄弱。

但在这段时间里，我不断地发现自己的问题，并且找出问题产生的原因，根据相关的方法解决问题。

经过努力，查阅相关资料，终于完成了音乐网站的功能实现。

从开始的时候确定论文题目，总体设计需求分析，模块功能设计，到后面每一个功能模块的实现，再到整个系统开发的实现。

这次毕业设计让我认识到了自己的能力，也是对自己在大学四年里学习的一次实践和总结，同时也让我更彻底地了解了开发的基本流程，相信这些经验对于以后从事的工作会有极大的影响。

在本次系统设计中，我学会很多不错的技术，例如Struts2框架、Java、。