《网络编程》课程设计云乐Web云音乐播放系统项目课程设计报告

1、网络编程课 程 设 计 报 告（2014 2015学年 第 1 学期）系 别：计算机学院软件工程系专业名称：12软件金融服务工程1班课程设计科目： 网络编程课程设计学生姓名：学 号：指导教师：成 绩：完成时间：2015年1月19日-1月23日项目组成员及分工项目角色日常职责人员分配项目组长项目架构,团队管理,版本控制，进度管理等等前台开发人员前台界面设计及美工后台开发人员web服务器端程序开发数据库开发人员数据库设计及实现测试人员项目测试文档完成人员课设文档建设日志记录人员日志记录项目组成员成绩项目组成员学号成绩目录一、云乐系统概述1二、需求分析与总体设计12.1 需求分析12.2 总体设计2

2、三、界面设计13四、数据库设计224.1 表设计224.2建立jdbc连接24五、代码设计27六、运行调试276.1 测试流程描述276.2 功能测试用例28七、结论与心得31八、致谢31九、参考文献31附录：全部源程序清单32课程设计日志34一、云乐系统概述云乐web音乐播放系统，是一个基于web平台播放和云空间存储的web音乐播放器。根据在线音乐管理系统，可将其分为前台和后台两个部分。从前台主界面可以发现注册用户可以实现如下功能：用户注册，用户登录，分享歌曲，下载歌曲，填写关于音乐的评论，音乐盒，点歌，试听歌曲，发送和接受短消息。从后台主界面可以发现超级管理员并且实现如下功能：管理员登录，

3、音乐管理，友情链接，用户管理，添加管理员，修改密码和关闭。二、需求分析与总体设计2.1 需求分析1、系统名称云乐（cloud music）web云音乐播放系统2、任务概述(1)用户在非本机情况下无法及时导入歌曲，本软件能够通过用户数据实现何时何地都找回自己的歌曲、歌单。(2)用户往往在重装系统等场合下丢失歌曲文件，本软件通过云服务，保证数据永不丢失。(3)庞大的歌曲占用用户过多内存，本软件是在线形式，可以最大程度上减少本地空间的使用，符合当今绿色软件，快速软件的理念。(4)为用户设计曲单分享模块，解决您不知道听什么的困扰。3、设计目的解决传统的听音乐方式和互联网听音乐方式已经不能完全满足用户对

4、听音乐的需求的问题。不仅是这样，云音乐解放了电脑的内存，将空间节省下来用于其他更需要的地方，解决了用户电脑内存不足的问题。4、系统功能根据在线音乐管理系统，可将其分为前台和后台两个部分。从前台主界面可以发现注册用户可以实现如下功能：用户注册，用户登录，分享歌曲，下载歌曲，填写关于音乐的评论，音乐盒，点歌，试听歌曲，发送和接受短消息。从后台主界面可以发现超级管理员可以实现如下功能：管理员登录，音乐管理，友情链接，用户管理，添加管理员，修改密码和关闭。5、详细功能（1）用户登录:新用户填写用户信息注册登录。（2）歌曲列表：用户可以根据自己的喜好添加歌单，重命名歌曲列表，对不满意歌曲进行删除并且可以

5、将本地歌曲上传到云端并且自动添加到歌曲列表中。(3）歌曲分享：用户可将自己喜欢的歌曲分享给其他用户，如果用户不满意自己分享的歌曲还可删除已经分享的歌曲。(4)动态库：可以查看最近常听歌曲、网上热门歌曲和其他用户分享的歌曲。(5)用户信息:显示用户的主要信息2.2 总体设计 系统设计的角色有普通用户和超级管理员，普通用户可进行用户注册、用户登录、用户信息修改（包括登录密码修改、基础信息修改）；超级管理员可进行登录、权限管理（包括添加管理员等）、用户信息管理（包括查看用户信息、修改用户信息、删除用户信息、添加管理员）。普通用户和超级管理员的用例图如图2.1所示：图2.1 普通用户和超级管理员的用例

6、图根据在线音乐管理系统，可将其分为前台和后台两个部分。前台主界面可以发现注册用户并且实现如下功能：用户注册，用户登录，分享歌曲，下载歌曲，填写关于音乐的评论，音乐盒，点歌，试听歌曲，发送和接收短消息。前台功能结构如图2.2所示：在线音乐管理前台用户注册用户登录分享歌曲发送短消息接受短消息注销登录填写评论添加 音乐盒试听歌曲点歌下载歌曲图2.2 在线音乐管理系统前台结构图从后台主界面可以发现超级管理员并且实现如下功能：管理员登录，音乐管理，友情链接，用户管理，添加管理员，修改密码和关闭。后台功能结构如图2.3所示：在线音乐管理后台管理员登录音乐管理友情链接 用户管理添加管理员修改密码图2.3 在

7、线音乐管理系统后台结构图1、用户注册功能模块实现功能说明: 用户点击首页中的注册链接后，页面中显示注册层供用户填写注册信息，当用户入新注册的用户名时，struts的register.java调用后 判断是否存在同名用户，并返回判断的信息；当用户输入密码和确认密码时，判断密码是否和确认密码相同；若以上两个条件同时满足，注册按钮可用。否则，注册按钮不可用。完成输入信息后，点击注册按钮进行用户注册操作，注册操作完成后，系统自动为用户跳到登录页面。用户注册功能模块如图2.4和表2.1所示：图2.4 用户注册功能模块表2.1 用户注册功能模块描述编号名称类型描述1index.jsp页面文件首页页面3re

8、gister.java注册类执行注册操作4register.jsp页面文件用户注册信息5login.java登录类执行登录操作2、登录功能模块实现功能说明：用户点击完登陆链接后，在页面中显示,用户输入完用户名和密码后点击登陆按钮完成登陆操作，退出登录时点击注销登录。登录功能模块如图2.5和表2.2所示：图2.5 登录功能模块表2.2 登录功能模块描述编号名称类型描述1index.jsp登录文件登录页面2login.java登录类存放所有的执行方法3dbconnection.javadao操作类数据库获取4logout.java注销登录类点击注销登录按钮后退出登录3、在线音乐上传功能模块实现功能

9、说明：用户进入主页面后，点击上传歌曲，进入上传歌曲页面。上传歌曲时，音乐的形式在后台的servlet相关类uploadmusic.java类中做了相关设置。当用户上传完歌曲后，可以点击下一步按钮，显示上传成功提示框，系统自动将歌曲添加到数据库中，同时跳转到音乐更新页面，填写音乐相关信息，主题的字数和内容的字数在后台的upload.java中都做了设置, 当用户输入完相应的信息后，可以点击提交按钮，系统自动将信息添加到数据库中，添加成功后，显示添加成功提示框，跳转到主页可以进行音乐播放试听。在线音乐上传功能模块如图2.6和表2.3所示：图2.6 在线音乐上传功能模块表2.3 在线音乐上传功能模块

10、描述编号名称类型描述1index.jsp文件主页面2uploadmusic.javaservlet类执行上传音乐操作3dbconnectiondao操作类获取数据库4upload.javaservlet执行音乐更新操作5upload.jsp文件音乐更新页面4、添加评论功能模块实现功能说明：当用户上传完音乐信息后，点击阅读全文，跳转到添加评论页面，可以输入信息，主题的字数和内容的字数在后台的servlet相关类addcomments中都做了设置。当用户输入完相应的信息后，可以点击提交按钮，系统自动将信息添加到数据库中，添加成功后可以查看输入的内容。当用户输入的信息不满足要求时，会发出错误信息提示

11、，同时不满足要求的信息也不会添加到数据库中。因此用户需要进行修改内容，然后在重新添加。添加评论功能模块如图2.7和表2.4所示：图2.7 添加评论功能模块表2.4 添加评论功能模块描述编号名称类型描述1show.jsp文件添加评论页面2addcomments.javaservlet类执行添加信息操作3dbconnectiondao操作类获取数据库5、音乐盒功能模块实现功能说明：在上传完音乐后，用户可以创建属于该用户自己的音乐盒。点击添加音乐盒按钮，相关添加操作在后台servlet类中做了设置，并获取数据库进行连接查询，查看数据库中是否已存在相同音乐，如果没有则将音乐添加到数据库中，添加成功后，

12、通过后台的servlet相关类setbox.java进行操作音乐盒中的播放列表，并通过jdom组件动态创建xml播放 列表，并且在主页动态显示。音乐盒功能模块如图2.8和表2.5所示：图2.8 音乐盒功能模块表2.5 音乐盒功能模块描述编号名称类型描述1index.jsp文件主页面2musicbox.javaservlet类执行添加音乐盒操作3dbconnectiondao操作类获取数据库4setbox.javaservlet类操作音乐盒播放列表5creatxml.javajdom组件动态创建xml播放列表5music.box.jsp文件音乐盒页面6、信息发送功能模块实现功能说明：用户进入主页

13、面后，点击短消息，进入发送短信页面。发送短信时，信息的相关内容在后台的servlet相关类message.java类中做了相关设置。当用户输入完相应的信息后，可以点击提交按钮，系统自动将信息添加到数据库中，添加成功后显示发送成功的提示框，对方可以进行信息的查看和接受。当用户输入的信息不满足要求时，会发出错误信息提示，同时不满足要求的信息也不会添加到数据库中。因此用户需要进行修改内容，然后在重新提交。短信发送功能模块如图2.9和表2.6所示：图2.9 短信发送功能模块表2.6 短信发送功能模块描述编号名称类型描述1message.jsp文件发送短信页面2message.javaservlet类执

14、行发送信息操作3dbconnectiondao操作类获取数据库7、短信接收删除功能模块实现功能说明：用户进入主页面后，点击查看短消息，看是否有已接收的未读短信，进行删除操作，删除操作通过后台的servlet相关类desmessage.java进行执行，操作成功后，自动更新数据库，并在主页面上显示删除成功。在线音乐上传功能模块如图2.10和表2.7所示：图2.10 短信接收删除功能模块表2.7 短信接收删除功能模块描述编号名称类型描述1showmessage.jsp文件显示短信页面2delmessage.javaservlet类执行删除信息操作3dbconnectiondao操作类数据库连接更新

15、8、点歌功能模块实现功能说明：用户上传完歌曲可以进行点歌功能，点击sendmusic页面的点歌，可以为对方点歌，并 进行留言和信息发送。点歌和信息发送，通过后台的servlet相关类sendmusic.java类进行执行验证，操作成功后，自动更新数据库，更新成功后，显示信息发送成功提示框。对方可以进行信息接收和歌曲试听。点歌功能模块如图2.11和表2.8所示：图2.11 点歌功能模块表2.8 点歌功能模块描述编号名称类型描述1sendmusic.jsp文件点歌页面2sendmusic.javaservlet类执行点歌操作3dbconnectiondao操作类数据库连接更新9、友情链接功能模块实

16、现功能说明:当超级管理员登录在线音乐管理系统的后台后，不仅可以添加友情链接的信息的信息，还可以删除任何已存在的超级链接。通过调用后台的servlet相关类link.java类，执行插入操作，插入成功后，自动更新数据库，并在当前页面中成功显示，能进行删除操作，且能在前台中成功显示链接。友情链接功能模块如图2.12和表2.9所示：图2.12 友情链接功能模块表2.9 友情链接功能模块描述编号名称类型描述1link.jsp文件添加链接页面2link.javaservle类存放所有的执行方法3dbconnection.javadao操作类数据库获取4index.jsp文件主页面三、界面设计1、用户注册

17、功能模块的界面设计图3.1 用户注册界面图3.2 用户注册成功界面2、登录功能模块的界面设计图3.3 用户登录界面图3.4 用户登录成功界面3、在线音乐上传功能功能模块的界面设计图3.5 音乐上传界面图3.6 选择上传音乐文件界面图3.7 上传音乐选择成功界面图3.8 音乐上传成功界面图3.9 上传音乐试听界面4、添加评论功能模块的界面设计图3.10 评论功能界面图3.11 评论成功界面5、音乐盒功能模块的界面设计图3.12 音乐盒界面图3.13 音乐盒播放和删除功能界面6、信息发送功能模块的界面设计图3.14 发送短信息界面图3.15 短信息发送成功界面7、短信接收删除功能模块的界面设计图3

18、.16 短消息接收界面图3.17 我的短消息界面图3.18 短消息查看界面图3.19 短消息删除界面图3.20 短消息删除成功界面8、点歌功能模块的界面设计图3.21 歌曲点播界面图3.22 歌曲点播成功界面9、友情链接功能模块的界面设计图3.23 友情链接界面四、数据库设计4.1 表设计1.admin(管理员信息表)管理员信息 表用来保存管理员信息，该表的结构如下：表4.1 admin表的结构字段名数据类型是否为空是否主键默认值描述idintno是id(自动编号)namevarchar(20)yes管理员用户名pwdvarchar(32)yes密码2.comments(留言信息表)留言信息

19、表用来保存留言信息，该表的结构如下所示：表4.2 comments表的结构字段名数据类型是否为空是否主键 默认值描述idintnoyesid号（自动编号）valuetextnonull留言的内容namevarchar(20)nonull留言人的昵称music_idint(4)nonull音乐编号timevarchar(13)nonull发表评论时间3.link(链接表)链接表用来保存链接信息，该表的结构如下所示：表4.3 link表的结构字段名数据类型是否为空是否主键默认值描述idintno是id(自动编号)valuetextyes友情链接的值titlevarchar(100)yes友情链接的

20、标题4.message（短信信息表)短信信息 表用来保存短信信息，该表的结构如下所示：表4.4 message表的结构字段名数据类型是否为空是否主键 默认值描述idint noyesid号（自动编号）fromvarchar(20)发短信的用户toint(4)接受短信的用户titlevarchar(200)短信的标题valuetextnonull短信的内容timevarchar(13)nonull发短信的时间newint(1)发短信的次5.music（音乐信息表)音乐信息 表用来保存音乐信息，该表的结构如下所示：表4.5 music表的结构字段名数据类型是否为空是否主键 默认值描述idint n

21、oyesid号（自动编号）titlevarchar(50)音乐的标题singervarchar(30)音乐的歌曲special varchar(30)音乐所属专辑valuetextnonull音乐标题timevarchar(13)nonull上传时间clickint(5)音乐试听次数urllongtext音乐的地址6.tip （提示信息表)提示信息 表用来保存提示信息，该表的结构如下所示：表4.6 tip表的结构字段名数据类型是否为空是否主键 默认值描述idint noyesid号（自动编号）valuetext提示内容7.user(用户信息表)用户信息 表用来保存用户信息，该表的结构如下所示：

22、表4.7 user表的结构字段名数据类型是否为空是否主键默认值描述idintno是id(自动编号)namevarchar(20)yes用户名pwdvarchar(32)yes用户密码music_boxlongtext音乐盒4.2建立jdbc连接图4.1 jdbc连接代码一图4.2 jdbc连接代码二图4.3 jdbc连接代码三五、代码设计图5.1 web-xml配置六、运行调试6.1 测试流程描述1.测试计划:根据需求估算测试所需资源（人力、设备等）、所需时间、功能点划分、如何合理分配安排资源等。2.用例设计：根据测试计划、任务分配、功能点划分，设计合理的测试用例。3.执行测试：根据测试用例的

23、详细步骤，执行测试用例。4.执行结果记录和bug记录：对每个case记录测试的结果，有bug的在测试管理工具中编写bug记录。6.2 功能测试用例表6.1 用户注册功能用例表用例idzc01项目名称云乐在线音乐播放系统开发人员林娜莉模块名称用户注册功能用例作者阮雪妃参考信息web云音乐播放系统项目课程设计报告测试类型功能测试设计日期2015.1.19测试人员李兴彬、林娜莉测试方法黑盒测试法测试日期2015.1.22用例描述对用户注册功能中需要用到的数据进行一些基础的维护前置条件游客已进入首页编号模块名称操作步骤数据预期结果实际结果结果比较说明1用户注册a点击首页右上角的“注册”按钮b跳出注册界

24、面，按照提示填写用户名、用户密码、确认密码三项信息c 点击“立即注册”按钮用户名名：amy密码：amy确认密码：amy1、添加新用户成功1、添加新用户成功通过2用户注册a点击首页右上角的“注册”按钮b跳出注册界面，按照提示只填写用户和密码c 点击“立即注册”按钮用户名名：amy 密码：amy确认密码：2、添加新用户失败，提示其他信息为必填项2、添加新用户失败，提示其他信息为必填项通过3用户注册a点击首页右上角的“注册”按钮b跳出注册界面，按照提示只填写用户,密码和错误确认密码c 点击“立即注册”按钮用户名名：amy 密码：amy确认密码：1232、添加新用户失败，提示确认密码错误2、添加新用户

25、失败，提示确认密码错误通过表6.2 用户登录功能用例表用例idzc02项目名称云乐在线音乐播放系统开发人员林娜莉模块名称用户登录功能用例作者阮雪妃参考信息web云音乐播放系统项目课程设计报告测试类型功能测试设计日期2015.1.19测试人员李兴彬、林娜莉测试方法黑盒测试法测试日期2015.1.22用例描述对用户登录功能中需要用到的数据进行一些基础的维护前置条件游客已进入首页编号模块名称操作步骤数据预期结果实际结果结果比较说明1用户登录a在右上角登录界面，按照提示填写用户名、用户密码b 点击“登录”按钮用户名名：amy密码：amy1、用户登录成功1、用户登录成功通过2用户登录a在右上角登录界面，

26、按照提示填写用户名、错误用户密码b 点击“登录”按钮用户名名：amy 密码：123确认密码：2、用户登录失败，提示密码错误2、添加新用户失败，提示密码错误通过3用户登录a在右上角登录界面，按照提示填写未注册用户名、用户密码b 点击“登录”按钮用户名名：123 密码：amy2、用户登录失败，提示该用户名不存在2、用户登录失败，提示该用户名不存在通过表6.3 在线音乐上传功能用例idzc03项目名称云乐在线音乐播放系统开发人员林娜莉模块名称在线音乐上传功能用例作者阮雪妃参考信息web云音乐播放系统项目课程设计报告测试类型功能测试设计日期2015.1.19测试人员李兴彬、林娜莉测试方法黑盒测试法测试

27、日期2015.1.22用例描述对在线音乐上传功能中需要用到的数据进行一些基础的维护前置条件游客已登录编号模块名称操作步骤数据预期结果实际结果结果比较说明1在线音乐上传a在导航栏点击分享歌曲b 点击“选择文件”按钮c 选择需要上传的歌曲，按“下一步”d 填写歌曲名称，歌手，所属专辑，简介四项信息，填写完成后点击“提交”按钮歌曲名称：想家歌手：未知所属专辑：未知简介：123456778901、歌曲上传成功1、歌曲上传成功通过2在线音乐上传a在导航栏点击分享歌曲b 点击“选择文件”按钮c 选择需要上传的歌曲，按“下一步”d 只填写歌曲名称，歌手，所属专辑，简介四项中的任意一项信息，填写完成后点击“提

28、交”按钮歌曲名称：想家2、歌曲上传失败，提示用户将其他项信息填完2、歌曲上传失败，提示用户将其他项信息填完通过七、结论与心得我们的项目是云乐（cloud music）web云音乐播放系统，在项目基本完成后，老师看完我们的项目并给出了意见和建议，我们针对老师的意见对项目做出了些许修改和完善，在项目里面增加了个文本框和在发送消息时增加用户名可选择框，使项目更加完善。通过这次课程设计，我们知道了在jsp中不能有太多java代码，要扔掉脚本，实现没有脚本的页面，更多采用标准动作、定制标记和el表达式等。同时，我们也更加明白团结合作的重要性，一个项目的完成需要依靠集体的力量。最后，由于时间不够，超级管理员的功能模块没有全部完成，之后再利用其他时间进行完善。八、致谢感谢林老师对我们云乐项目提供的各种有意义的建议和提点；感谢学校特意安排一周的时间让我们能完成和完善这个项目；感谢小组的每一个成员认真的完