您好,欢迎访问三七文档
WEB课程设计报告课程设计题目:音乐网站设计学生姓名:专业:班级:指导教师:2012年04月28日目录第1节课程设计题目及背景………………………………………………………11.1设计题目…………………………………………………………………11.2设计背景…………………………………………………………………1第2节网站设计的开发工具………………………………………………………1第3节网站建设过程………………………………………………………………13.1网站系统分析…………………………………………………………13.2数据库的设计……………………………………………………………23.3功能模块介绍……………………………………………………………5第4节网站工作流程………………………………………………………………94.1连接数据库……………………………………………………………94.2用户登录………………………………………………………………94.3歌曲显示,以最新歌曲为例……………………………………………104.4音乐搜索………………………………………………………………11第5节网站显示效果………………………………………………………………135.1网站主页………………………………………………………………135.2歌曲分类页面…………………………………………………………145.3音乐搜索页面…………………………………………………………145.4用户留言页面…………………………………………………………145.5音乐播放器页面………………………………………………………155.6后台管理主页面………………………………………………………155.7用户管理页面…………………………………………………………165.8歌曲管理页面…………………………………………………………165.9留言管理页面…………………………………………………………175.10系统管理页面…………………………………………………………17第6节总结和设计体会……………………………………………………………18东华理工大学长江学院Java课程设计报告1第1节课程设计题目及背景1.1设计题目构架一个音乐网站,要求网站必须包含音乐网站的一些基本功能,即前台的用户申请登陆功能,听歌功能,音乐搜索,音乐收藏功能,提交留言和后台的用户管理,歌曲管理,留言管理,系统管理。1.2设计背景在互联网发展迅猛的今天,我们无时无刻不与网络接触,可以从中查找我们需要的信息,可以发布想让别人知道的信息,可以找到你不认识但真心的朋友,也可以第一时间看到国内外的重大事件。当我们无事可做的时候,便开始了娱乐方式的搜索,由此,很多音乐网站和视频网站应运而生,服务大家,为我们的生活增添了色彩。随着我国网民的增加,也促进了音乐网站的开发。第2节网站设计的开发工具2.1Dreamweaver8.02.2Flash8.02.3Firework8.02.4Access数据库2.5IIS服务器说明:Dreamweaver用于网站的开发,Flash用于网站flash效果的制作,firework对图片进行处理,IIS作为我们的asp网站服务器,数据库则采用微软的Access数据库。第3节网站建设过程3.1网站系统分析音乐网站包括两大功能模块:前台和后台。两大功能模块又分为很多子模块。前台包括动态显示歌曲模块,动态显示时间模块,用户登录与注册模块,关于我们和留言模块,音乐搜索模块。后台包括用户管理模块,歌曲管理模块,留言管理模块和系统管理模块。整体模块组织如下图所示:东华理工大学长江学院Java课程设计报告23.1.1前台模块详细功能描述用户注册:用户注册自己的空间用户登录:用户登录空间查看音乐收藏动态显示歌曲:根据类别不同,显示华人歌曲,日韩歌曲,影视歌曲,伤感歌曲,非主流歌曲等等。动态时间:网页中显示动态的时间音乐搜索:搜索数据库中包含的歌曲留言:用户提交自己的留言3.1.2后台模块详细功能描述用户管理:显示和编辑所有用户信息,歌曲收藏和删除用户歌曲管理:显示,编辑和插入歌曲信息,删除歌曲留言管理:显示和删除留言信息系统管理:修改管理员密码和网站信息3.2数据库的设计3.2.1用户信息表(users),属性和内容如下表:列名数据类型必填字段默认值说明Userid自动编号是无用户IdUsername文本是无用户名Userpassword文本是无密码Mobile文本是无手机Userqq文本是无QQAdddate日期/时间是是注册日期Psw_quesions文本是无密码提示Psw_answer文本是无密码答案City文本是无所在城市音乐网前台模块后台模块用户注册模块用户登录模块动态显示歌曲留言模块音乐搜索模块动态显示时间用户管理模块歌曲管理模块留言管理模块系统管理模块东华理工大学长江学院Java课程设计报告3Address文本是无地址Sex文本是无性别Realname文本是无真实姓名Code文本否无邮编Useremail文本是无电子邮箱3.2.2音乐信息表(music),属性和内容如下表:列名数据类型必填字段默认值说明id自动编号是无音乐编号Music_name文本是无音乐名称Artist文本是无艺术家url文本是是音乐文件地址Zhuanji文本是无所属专辑Adddate日期/时间是是添加日期Liebie文本是是所属分类3.2.3管理员信息表(admin),属性和内容如下表:列名数据类型必填字段默认值说明Id自动编号是否管理员编号Admin文本是否用户名Adminpassword文本是否密码东华理工大学长江学院Java课程设计报告43.2.4留言信息表(liuyan),属性和内容如下表:列名数据类型必填字段默认值说明Ly_id自动编号是否留言编号Content文本是否留言内容Connection文本是否留言方式Addtime日期/时间是是留言日期3.2.5网站信息表(webmess),属性和内容如下表:列名数据类型必填字段默认值说明Shuoming文本是否网站说明Web_name文本是否网站名称Web_yuming文本是否网站域名Web_key文本是否关键字Describle文本是否描述3.2.6歌曲收藏表(shoucang),属性如下表:列名数据类型必填字段默认值说明S_id自动编号是否收藏编号Username文本是否用户idMusic_name文本是否音乐idAdddate日期/时间是否收藏时间东华理工大学长江学院Java课程设计报告53.2.7用户-音乐关系表(sx),属性如下表:列名数据类型必填字段默认值说明S_id自动编号是否编号Username文本是否用户名Music_name文本是否歌曲名Artist文本是否艺术家url文本是是音乐地址Adddate日期/时间是是添加日期3.3功能模块介绍3.3.1登陆注册模块该模块的工作流程图如下:登陆界面输入用户名和密码账号或密码错误!N注销用户修改注册信息修改成功点击注册链接Y注册页面Y检查表单元素填写注册信息YN东华理工大学长江学院Java课程设计报告63.3.2动态显示歌曲模块该模块流程图如下:3.3.3动态显示时间模块该模块采用javascript脚本显示动态的系统时间,代码如下:scriptlanguage=javascript//动态时钟!--functionshow(){vardate=newDate();//日期对象varnow=;varmyweekday=date.getDay();varweekday=;now=date.getFullYear()+年;now=now+(date.getMonth()+1)+月;now=now+date.getDate()+日;if(myweekday==0)weekday=星期日;elseif(myweekday==1)weekday=星期一;elseif(myweekday==2)weekday=星期二;elseif(myweekday==3)weekday=星期三;elseif(myweekday==4)weekday=星期四;歌曲显示华人歌曲日韩歌曲欧美歌曲影视歌曲乐队歌曲DJ歌曲流行歌曲伤感歌曲经典歌曲网络歌曲非主流歌曲根据数据库中音乐的类别分别绑定数据集判断有无音乐显示歌曲列表没有相关记录!YN东华理工大学长江学院Java课程设计报告7elseif(myweekday==5)weekday=星期五;elseif(myweekday==6)weekday=星期六;now=now+weekday;now=now+date.getHours()+:;if(date.getMinutes().toString().length==2)now=now+date.getMinutes()+:;elsenow=now+0+date.getMinutes()+:;if(date.getSeconds().toString().length==2)now=now+date.getSeconds();elsenow=now+0+date.getSeconds();document.getElementById(nowDiv).innerHTML=now;//div的html是now这个字符串setTimeout(show(),1000);//设置过1000毫秒就是1秒,调用show方法}--/script3.3.4音乐搜索模块该模块的工作流程图如下:3.3.5留言模块该模块的工作流程图如下:音乐搜索判断数据库中表中是否存在改信息输入搜索信息Y显示搜索信息N没有相关记录用户留言输入留言信息东华理工大学长江学院Java课程设计报告83.3.6后台管理该模块的工作流程图如下:第4节网站工作流程后台管理判断账号和密码正确性Y账号或密码错误!N输入管理员账号和密码查看歌曲信息查看用户信息查看留言信息修改管理员密码删除成功!删除用户YN删除歌曲YN添加歌曲输入歌曲信息检查表单删除成功!添加成功!YN删除成功!删除留言YN输入旧密码输入新密码是否正确N检查表单修改成功!YYN东华理工大学长江学院Java课程设计报告94.1连接数据库4.1.1创建ODBC数据源管理工具—数据源ODBC—系统DSN打开ODBCMicrosoftAccess安装,数据源名conn,选择数据库文件,确定。4.1.2连接数据库文件(如下图)4.2用户登录包括3个页面:login.asp,loginfo.asp和loginerr.asp,通过添加服务器行为的登陆用户行为即可。登陆成功如图:4.3歌曲显示,以最新歌曲为例4.3.1做出最新歌曲显示页面,如下:4.3.2绑定记录集东华理工大学长江学院Java课程设计报告10添加服务器行为中的添加记录集,打开下图记录集节目,正确填写各项,华人歌曲和日韩歌曲等页面只是筛选或排序不同而已。此页面的记录集如下:4.3.3添加重复区域和显示区域选中要重复的区域,添加服务器行为中的重复区域,选择相应条件即可,选择插入—应用程序—记录集分页—记录集导航条,添加上一页和下一页等。4.3.4显示的结果如下:4.4音乐搜索4.4.1添加搜索结果页面东华理工大学长江学院Java课程设计报告114.4.2绑定记录集注:Request.Form(“searchtext”)是从搜索页面传递过来的参数,并将该参数与数据库中的歌曲名和艺术家字段比较,筛选出需要的记录。4.4.3搜索结果显示,如下:4.5音乐播放页面4.5.1Dreamweaver中制作出该页面东华理工大学长江学院Java课程设计报告12注:列表中为框架网页,包括15个网页,即15个分类,可以查看自己的收藏,并播放收听美妙的歌曲。4.5.2绑定记录集注:musicid为点击试听后传递的参数东华理工大学长江学院Java课程设计报告13第5节网站显示效果5.1网站主页注:主页的右上角为动态时钟,上方为网站形象flash,并有设为首页和添加收藏功能,可通过上传作品和下载作品查看说明,中间网站分类导
本文标题:WEB音乐网站设计
链接地址:https://www.777doc.com/doc-4208083 .html