关闭

关闭

关闭

封号提示

内容

首页 基于html5的音乐网站.doc

基于html5的音乐网站.doc

基于html5的音乐网站.doc

上传者: 字体中你的样子 2018-04-16 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《基于html5的音乐网站doc》,可适用于高等教育领域,主题内容包含基于html的音乐网站烟台大学毕业论文,设计摘要如今已经有很多的音乐网站但是界面不够友好不能给用户提供快速找到自己喜欢的音乐的方式。基于HTML的音符等。

基于html的音乐网站烟台大学毕业论文,设计摘要如今已经有很多的音乐网站但是界面不够友好不能给用户提供快速找到自己喜欢的音乐的方式。基于HTML的音乐网站是一个无需用户输入详细资料便能够挖掘到自己喜爱的音乐的网站。本网站实现以专题专辑单曲推荐的方式向用户呈现高质量的音乐。管理员会细心的将高质量的音乐分门别类分成不同的专题。同时考虑到用户的需求故将提供专辑的和单曲的推荐。为提高网站的互动性本网站提供评论模块和用户上传原创单曲模块。用户可以收听完音乐后添加自己的感想或者发表自己的评论。用户可以上传原创歌曲参加本网站的点击排行榜。本网站整体采用MVC模式分为前台用户使用界面后台管理员管理界面。前台使用了SemanticUI框架后台采用JspServlet技术。MVC是经过时间和无数的实践前辈们总结出来的精华所在是比较好用的模式之一。SemanticUI是基于HTML的比较好用的前台框架虽然HTML还没有一个完全成型的规范但是HTML正式草案已于年月日正式公布现在各大网站也已经在使用部分HTML的功能HTML也将是今后网站发展的方向。关键词HTML音乐MVCServlet烟台大学毕业论文,设计Abstract:Today,therearealotofmusicwebsite,buttheUIisnotfriendlyenough,cannotprovideawaywhichuserscanfindtheirfavoritemusicquicklyMusicwebsitewhichbasiconHTMdoesnotneedthedetailsofmusicbutuserscanfindtheirfavoritemusicThewebsitewillprovidehighqualitymusictousersbyvol,albumandsingleswayThemanagerofwebsitewillputthemusicintothedifferentvolaccordingtothedifferentstylesofmusicmoodandclassificationThinkingaboutthedemandofusers,thewebsitewillprovidealbumandsinglemusictousersToimprovetheinteractionofthewebsite,userscanwritecommentanduploadtheoriginalmusicUserscanaddtheirfeelingsorcommentsaboutthevol,albumandohersofthewebsitewithoutlogonIfusersuploadedtheiroriginalmusic,therewillbeachartsofclicknumberThewebsiteuseMVCmodel,andwhichdividedintofrontuserinterface,backgroundadministratormanagementinterfaceThefrontuserinterfaceisbasedonSemanticUIframework,backgroundadministratormanagementinterfaceusingtheJspandServletMVCisamodelwhichalreadythroughthetestoftimeandsummarizedbyourseniors,whickisoneofthebestmodeSemanticUIisagoodframeworkbasedonHTMLAlthoughHTMLisnotafullyformedspecification,butHTMLformaldraftwasformallyannouncedMay,,andsomeofthewebsitehadbeenusedHTMLforalongtimeAndHTMLwillbethefutureofthewebsiteKeywords:HTMLmusicMVCServlet烟台大学毕业论文,设计目录系统分析音乐网站系统功能要求要解决的问题功能性需求非功能性需求音乐网站开发功能收听音乐用户注册登录用户评论用户上传原创音乐排行榜后台管理音乐网站可行性分析功能可行性分析系统可行性分析音乐网站时序图收听音乐模块添加评论模块用户上传音乐模块管理员模块总体设计音乐网站功能模块划分音乐网站模块设计图音乐网站流程图详细设计音乐网站各模块功能收听音乐模块用户注册登录模块用户评论模块用户上传原创音乐模块排行榜模块后台管理模块音乐网站数据库设计音乐网站数据库ER图音乐网站表结构设计音乐网站实现烟台大学毕业论文,设计用户注册登录模块用户上传音乐模块音乐播放模块后台管理模块添加评论模块综合测试用例列表用户登录用户注册用户上传音乐管理员登录管理员操作点击播放结束语参考文献致谢烟台大学毕业论文,设计系统分析本章节介绍本音乐网站的需求要实现的功能和可行性分析。目前出现的音乐网站大致分四类:在线音乐类、音乐资讯类、音乐社区类、音乐电台类。在线音乐类查找音乐过于慢浪费用户大量的时间音乐资讯类主要不是播放音乐为主音乐社区类主要是分享自己的心得体会音乐电台类对于用户过于封闭用户体验不佳。由于这些原因我重新设计了新型的音乐网站。用户进入网站可以选择收听自己喜欢的专题或专辑每一个专题或专辑都有相应的文字介绍免于用户浪费大量的时间去试听音乐。收听完毕后可以留下自己的感想便于同他人交流。音乐网站系统功能要求要解决的问题该网站的用户分为管理员和普通用户管理员可以对网站的内容进行编辑包括用户的管理包括删除用户、禁言用户音乐管理专题管理专辑管理评论管理等。普通用户可以对自己的信息进行修改添加评论收听音乐等。整个网站注重舒适的用户体验完全以用户的角度考虑使用户能快速定位到自己喜欢的音乐并且可以通过评论来交到同自己兴趣相投的朋友。功能性需求根据音乐网站的分模块需求分析和实际场景的结合总结本音乐网站应该有的相关流程的功能如下:网站分为前台跟后台后台只有管理员有权限登录登陆后可以对网站的内容进行编辑普通用户只可以登录前台页面收听音乐用户注册登录后则可以上传原创音乐参加排行榜。管理员可以对注册的用户进行管理如果该用户超过半年以上没有登录则可以删除该用户如果该用户发布不良言论则可以对该用户进行禁言处理。网站可以播放存储于服务器的音乐管理员可以对相应的评论进行管理管理员可以发布评论如有不良评论则管理员可以删除该评论。管理员可以对专题、音乐、专辑进行管理通过编辑该专题发布该专题对已发布的专题可以进行修改或删除等操作。非功能性需求性能需求:网站响应速度跟用户所处网络环境有关运行时消耗资源与用户所使用的浏览器相关本网站当尽量减少用户所使用资源的消耗。可靠性:本网站不会发生失效的情况如需要调整会实现通知用户。如果服务器烟台大学毕业论文,设计发生故障保障用户的资料不会消失或损坏。易用性:本网站界面简洁易用用户不需要经过培训即可很好的使用本网站。安全性:本网站由前后台两方普通用户只能登陆前台系统管理员可以登陆后台和前台普通用户没有权限登陆后台管理系统。运行环境需求:由于本网站是基于HTML所开发的网站但是目前并不是所有的浏览器都能很好的兼容HTML所以必须使用能支持HTML新特性的浏览器才能很好的浏览本网站。音乐网站开发功能收听音乐作为一个音乐网站最重要的当然是音乐的收听好的用户体验比任何其他的功能都重要所以本网站以专题、专辑、单曲推荐的形式向用户推荐音乐用户可以根据每一项当然用户也可以根据歌的简介来了解音乐的风格等信息大大方便了用户对音乐的查找曲名歌手名等查找。用例图如图用户收听音乐用例图所示:收听音乐用户图用户收听音乐用例图用户注册登录用户可以注册成为本网站的会员用户以会员的身份登录后可以使用只有会员才可以使用的功能(例:删除自己添加的评论上传原创歌曲)。用例图如图用户注册登录用例图所示:注册登录用户图用户注册登录用例图用户评论用户可以对专题、专辑、单曲推荐发表自己的感想或评论普通用户可以以游客的身份进行评论但一旦评论则不可以删除。以会员身份登录后评论后可以将自己的评论删。用例图如图用户评论用例图所示:除烟台大学毕业论文,设计添加评论登录删除已添加评论用户图用户评论用例图用户上传原创音乐用户注册成为本网站的会员后可以上传原创音乐可以是纯原创的音乐或者是翻唱的音乐。用户在注册时必须同意本网站的用户条例上传的音乐必须没有版权问题。用例图如图用户上传音乐用例图所示:登录上传音乐用户图用户上传音乐用例图排行榜排行榜是为了用户上传的音乐而设定的分为点击排行榜和收藏排行榜。点击排行榜是只要用户点击收听音乐就会有排名改变收藏排行榜则必须是用户登录后才可以进行收藏操作根据用户的收藏数量进行排名。用例图如图用户上传音乐排行榜用例图所示:登录上传音乐排行榜用户图用户上传音乐排行榜用例图后台管理后台管理是管理员登录后对本音乐网站的内容进行编辑包括对专题的增加、删除、修改、查询对专辑的增加、删除、修改、查询对单曲的增加、删除、修改、查询对用户的删除、禁言、解禁对用户评论的删除操作等。用例图如图后台管理用例图所示:烟台大学毕业论文,设计解禁禁言删除<<include>>查询<<include>><<include>>修改密码<<include>>查询用户管理修改<<include>><<include>>删除<<include>><<include>>专题管理增加登录查询<<include>>管理员修改<<include>>专辑管理<<include>><<include>>删除<<include>>增加单曲管理<<include>>查询<<include>>评论管理<<include>><<include>>修改<<include>><<include>>删除增加查询删除图后台管理用例图音乐网站可行性分析功能可行性分析该系统是开放性的音乐网站提供音乐的收听音乐的显示方式为专题专辑和单曲推荐三种形式专题为一系列的风格相同的、曲风相同的或者感觉相同的曲目这样可以省去用户搜索歌曲的时间更能让用户找到自己喜欢的音乐的类型。这些曲目可能并不是同一专辑的因为同专辑并不是风格都相同的曲目所以加入了专辑推荐。因为有的用户可能觉得这一张专辑的曲目都非常棒而且也可以让喜欢某一歌手或乐队的用户能够收听自己喜欢的歌手或乐队的歌曲。单曲推荐的原因是有的歌手可能会发行单曲或者一些歌手并没有专辑所以只有以单曲的形式进行推荐或者某一首曲目背后有非常重要的意义或者非常感人的故事等等都需要进行单独讲解让用户可以了解这首曲目背后的故事。单单让用户收听歌曲略显单调所以引入了评论系统。用户可以在收听完对专题、专辑或单曲进行评论留下自己的想法自己的感悟同其他人分享说不得就能找到与自己志同道合的人或者看法相同的人也是人生一大乐事。烟台大学毕业论文,设计系统可行性分析技术方面基于目前的技术来说使用到的技术大部分都学过HTML是较新的技术但是通过自己在大学里培养的自学能力加之网络上的教学视频、资料等完全可以胜任。所以技术方面没有问题。经济方面本系统为教学阶段的最后一个环节所以人力资源免费资源学校方面提供知道老师义务知道。成本之需要计算学校资源的消耗以及自己制作软件期间的消耗。所以成本方面很低经济上完全可行。音乐网站时序图收听音乐模块用户可以根据自己的喜好收听喜欢的音乐时序图如图收听音乐时序图所示:用户页面查询模块数据库:点击:发送请求:查询数据库:返回歌曲信息图收听音乐时序图添加评论模块用户可以以游客身份对专题、专辑、单曲添加评论或者登录后以会员身份进行评论。时序图如图添加评论时序图所示:烟台大学毕业论文,设计用户页面添加评论模块数据库:点击:发送请求:验证用户状态:返回信息(成功或失败)图添加评论时序图用户上传音乐模块注册成为本音乐网站会员后可以上传原创音乐上传的音乐必须是无版权问题的。时序图如图用户上传音乐时序图所示:烟台大学毕业论文,设计用户登录选择要上传的音乐数据库页面:输入用户名和密码:点击登录:验证用户:返回信息(成功或失败):填写相关信息:点击上传:验证上传的文件格式:返回信息(成功或失败)图用户上传音乐时序图管理员模块后台管理模块:后台管理模块又分为用户管理、专题管理、音乐管理、专题管理、评论管理。管理员必须首先登录后才可以进入主页进行编辑操作。时序图如图后台管理时序图所示:烟台大学毕业论文,设计管理员登录添加音乐数据库页面:输入用户名和密码:点击登录:验证用户:返回信息(成功或失败):输入相关信息:点击增加:验证信息是否正确:返回信息(成功或失败)图后台管理时序图烟台大学毕业论文,设计总体设计本章节介绍本音乐网站的总体设计包括模块划分模块设计图系统流程图。音乐网站功能模块划分本音乐网站功能模块分为收听用户模块用户注册登录模块用户评论模块用户上传原创音乐模块排行榜模块后台管理模块。后台管理模块又分为用户管理、专题管理、音乐管理、专题管理、评论管理。音乐网站模块设计图本音乐网站总体模块划分为用户管理、专题管理、音乐管理、专题管理、评论管理。模块设计图如图音乐网站模块设计图所示:音乐网站用用户户收用后上注排听户台传行册音评管原榜创乐论理登音录乐用专音专评户题乐辑论管管管管管理理理理理图音乐网站模块设计图烟台大学毕业论文,设计音乐网站流程图下图为本网站的系统流程图从管理员个用户的角度描述了整个系统模块的进行流程。系统管理员输入用户名跟秘密后验证通过进入系统进行歌曲专题专辑用户跟评论的管理包括新增删除发布用户禁言用户删除评论删除等操作。流程图如图音乐网站后台流程图所示:开始输入用户名和密码否验证用户名和密码是进入主页用专专单修户辑题曲改管管管管密理理理理码结束图音乐网站后台流程图烟台大学毕业论文,设计普通用户进入前台网站后可以进行音乐的收听评论的添加或者可以进行用户注册从而可以上传自己的原创歌曲供他人收听而且会有点击榜和收藏榜排名。登录时输入用户名跟密码后验证通过进入系统可以对个人的信息进行修改或者添加评论。如果是本网站的注册用户则可以上传自己的原创歌曲。流程图如图音乐网站前台流程图所示:开始用户添加收听用户注册评论音乐登录输入用户名和密码否验证用户名和密码是进入个人主页管收上删理个藏传除人管音评信理乐论息结束图音乐网站前台流程图烟台大学毕业论文,设计详细设计本章详细介绍了本音乐网站的各功能模块的设计数据库的设计。数据库采用了Oracle数据库并粘贴系统ER图。音乐网站各模块功能收听音乐模块用户进入本音乐网站后即可以收听本网站的所有音乐。该模块包括专题的收听专辑的收听单曲的收听用户上传的音乐的收听。用户注册登录模块新用户可以进行注册需输入用户名邮箱两次密码。前台会有输入验证非空、邮箱格式验证、两次密码是否一致验证。验证通过会传向后台后台进行验证如果又存在则提示用户用户名已存在。如不存在提示注册成功并提示可以登录。登录点击登录时会新打开一个页面输入信息后前台会进行非空验证验证通过后会传向后台后台进行用户名和密码的验证验证通过后跳到主页面如果验证不通过则提示用户名或密码不正确。用户评论模块用户可以以游客的身份对专题专辑单曲进行评论。用户注册成为本网站的会员后可以删除已添加的评论。任何用户均可以对不好的言论进行举报管理员会进行处理删除相应的评论如果多次被举报则管理员会对会员进行禁言处理禁言后不能发布任何评论需等解禁后才可继续发表评论。评论必须少于字不能过长。用户上传原创音乐模块用户注册成为本网站会员后可以上传用户原创的音乐或者是翻唱的音乐当用户注册成为本网站会员时必须同意本网站的用户协议协议中规定用户上传的音乐为无版权纠纷的音乐。会员需要填写歌曲的名字默认艺术家为注册时的名字。上传的音乐格式必须是mp格式前台非空验证后台会有文件格式验证管理员也会进行试听不合适的音乐会被删除。排行榜模块排行榜为点击量排行榜此榜单只针对用户上传的原创音乐进行排行。每当用户点击此音乐播放时点击量便会加一为防止刷榜单榜单不会实时刷新只有手动刷新后才会更新榜单并设置点击后出现遮罩播放器自动播放音乐为便于用户查看音乐点烟台大学毕业论文,设计击播放器以外的地方播放器会隐藏再次点击播放器按钮会再次出现播放器。点击其他音乐会自动加载并播放此音乐。原来的音乐则会停止。后台管理模块用户管理:管理员可以对用户进行禁言解禁删除操作。用户被禁言后将不能发表任何评论解除禁言后才可以再次发表评论。用户被删除所有的信息将被删除包括个人的资料上传的歌曲等。专题管理:管理员可以对专题进行增加删除修改查询操作。管理员必须输入相应的专题名字专题简介图片才可以增加新的专题。修改可以修改专题名图片简介只是需要输入相应的内容。管理员可以对新专题进行发布只有发布后才可以在前台看到相应的内容。管理员可以根据专题的名字或者ID进行查询操作。专辑管理:管理员可以对专辑进行增加删除修改查询操作。管理员必须输入相应的专辑名字专辑简介艺术家图片才可以增加新的专辑。修改可以修改专辑名艺术家图片简介只需要输入相应的内容。管理员可以对新专辑进行发布只有发布后才可以在前台看到相应的内容。管理员可以根据专辑的名字或者艺术家进行查询操作。单曲管理:管理员可以对单曲进行增加删除修改查询操作。管理员必须输入相应的单曲名字艺术家单曲简介选择专辑后才可以增加新的单曲。根据歌曲的特性必须先增加专辑后才能增加歌曲。修改也是需要输入相应的内容在修改时可以将歌曲加入某一专题。一首单曲只可以加入一张专题一张专辑。管理员可以对新单曲进行发布只有发布后才可以在前台单曲推荐看到相应的内容。不发布也可以在专题和专辑中看到相应的单曲。管理员可以根据单曲的名字、艺术家或者专辑的名字进行查询操作。修改密码:管理员可以修改且只能修改自己的密码。修改密码时需输入原密码新密码重复输入新密码防止偷改密码。烟台大学毕业论文,设计音乐网站数据库设计音乐网站数据库ER图管理员与其他实体类有多对多的关系单曲与专题有多对一的关系单曲对专辑有多对一的关系数据库ER图如图音乐网站后台ER图所示:管理员姓名专辑ID管理员ID密码用户姓名艺术家专辑名称用户ID管理员密码简介邮箱专辑M收藏数量N状态用户状态N管理N属于评论内容评论NNN评论类型单曲ID具体的IDMN单曲专题评论ID属于单曲名称评论时间状态艺术家简介专题ID状态简介收藏数量专题名称收藏数量图音乐网站后台ER图烟台大学毕业论文,设计用户对于专题、专辑、单曲有多对多的关系数据库练习图如图音乐网站用户ER图所示:用户评论IDMM收藏ID用户IDNN专题用户ID评论内容收藏评论类型IDNN单曲评论时间项目IDNN类型ID项目ID专辑图音乐网站用户ER图音乐网站表结构设计管理员表:管理员ID、姓名、密码、状态。用户表:用户ID、用户名、密码、性别、注册时间、电邮、头像、状态。专辑表:专辑ID、专辑名、艺术家、图片名、简介、喜爱数量、状态。专题表:专题ID、专题名、图片名、简介、喜爱数量、状态。音乐表:音乐ID、音乐名称、所属专辑ID、所属专题、艺术家、文件地址、介绍、喜爱数量、状态。评论表:评论ID、用户ID、评论内容、评论时间、被评论的具体ID、类型ID、状态。收藏表:用户ID、类型ID、选择的ID、状态。用户上传音乐表:ID、用户ID、歌曲名、路径、状态管理员表表名:madmin在该表中保存了管理员的基本信息数据表结构如表所示表管理员表字段名称数据类型字段长度备注是否为空adminidnumberdefault管理员编号否adminnamevarchar管理员名称否adminpwdvarchar密码否statusnumberdefault状态否烟台大学毕业论文,设计用户表表名:muser在该表中保存了用户的基本信息数据表结构如表所示表用户表字段名称数据类型字段长度备注是否为空useridnumberdefault用户编号否usernamevarchar用户名否userpwdvarchar密码否birthdatedefault注册时间否emailvarchar电邮否iconvarchar头像否statusnumberdefault状态否专辑表表名:album在该表中保存了专辑的基本信息数据表结构如表所示表专辑表数据类型字段长度备注是否为空字段名称albumidnumberdefault专辑编号否albumnamevarchar专辑名否artistvarchar艺术家否albumpicvarchar图片名否infovarchar简介否favnumnumberdefault喜爱数量否statusnumberdefault状态否专题表表名:vol在该表中保存了专题的基本信息数据表结构如表所示表专题表字段名称数据类型字段长度备注是否为空volidnumberdefault专题编号否volnamevarchar专题名否volpicvarchar图片名否简介否infovarchar烟台大学毕业论文,设计字段名称数据类型字段长度备注是否为空喜爱数量否favnumnumberdefault状态否statusnumberdefault音乐表表名:song在该表中保存了音乐的基本信息数据表结构如表所示表音乐表字段名称数据类型字段长度备注是否为空songidnumberdefault音乐编号否songnamevarchar音乐名否albumidnumberdefault所属专辑编号否volidnumberdefault所属专题编号否artistvarchar艺术家否filePathvarchar文件地址否infovarchar介绍否favnumnumberdefault喜爱数量否statusnumberdefault状态否评论表表名:mcomment在该表中保存了评论的基本信息数据表结构如表所示表评论表字段名称数据类型字段长度备注是否为空commentidnumberdefault评论编号否useridnumberdefault用户编号否commvarchar图片名否commtimedatedefault评论时间否commidnumberdefault被评论的具体编号否typeidnumberdefault类型编号否statusnumberdefault状态否烟台大学毕业论文,设计收藏表表名:favlist在该表中保存了收藏的基本信息数据表结构如表所示表收藏表字段名称数据类型字段长度备注是否为空favlistidnumberdefault收藏编号否useridnumberdefault用户编号否typeidnumberdefault类型编号否selectedidnumberdefault选择的编号否statusnumberdefault状态否用户上传音乐列表,在该表中保存了用户上传的音乐的基本信息数据表结构如表所示表用户上传音乐表字段名称数据类型字段长度备注是否为空usersongidnumberdefault音乐编号否useridnumberdefault用户编号否songnamevarchar音乐名称否songurlvarchar音乐地址否clicknumnumberdefault点击数量否favnumnumberdefault收藏数量否statusnumberdefault状态否烟台大学毕业论文,设计音乐网站实现本章节主要介绍本音乐网站的具体代码实现并粘贴部分关键代码。前台使用了HTML和进行页面的布局使用了ajax异步传输数据后台使用了Jsp和servlet技术整体使用了MVC模式。用户注册登录模块用户注册登录使用了ajax异步刷新的方式用户输入用户名和密码后点击注册或登录按钮会向servlet提交数据同时返回相应的数据根据返回的数据显示在页面上相应的提示文字。相关类图如图用户类图所示图用户类图伪代码:登录:用户输入用户名、密码Js验证非空若为空提示“输入信息”Ajax异步请求根据输入的用户名查询已有用户If(用户名==已有用户名密码==已有密码){登录成功跳至首页烟台大学毕业论文,设计}elseif(未查到用户){输出“用户名错误”}elseif(用户名==已有用户名密码!=已有密码){输出“密码错误”}注册:用户输入用户名、密码、重复密码、邮箱Js验证非空邮箱两次密码是否一致Ajax异步请求根据输入的用户名查询已有用户if(用户名==已有用户名){输出“用户名已存在”}elseif(未查到用户){添加用户进数据库输出“用户名可用”}用户上传音乐模块本模块使用HTML的file标签用户上传后后台会判断是否为mp格式的文件如果不是则提示上传文件格式错误。相关类图如图用户上传音乐类图所示。图用户上传音乐类图烟台大学毕业论文,设计伪代码:用户输入歌曲名、选择文件Js验证非空若为空提示“输入信息”跳转Servlet验证是否已存在此文件。if(文件名==已有文件名用户ID==此文件用户ID状态==正常){提示已经上传过}elseif(格式不正确){提示文件格式不正确}验证文件格式if(文件格式正确){路径存入数据库提示添加成功}elseif(格式不正确){提示文件格式不正确}音乐播放模块音乐播放器采用HTML的audio标签CSS初始化播放器界面采用Json传递歌曲信息实现播放列表。伪代码:页面加载Js获取页面歌曲信息制作Json格式播放列表文件播放器Js获取Json文件中的歌曲信息添加播放事件点击播放按钮触发audio标签的play方法后台管理模块后台管理模块是只允许管理员进入的后台管理系统使用JspServlet技术MVC框架搭建MVC是经过无数前辈的探索和使用比较好用的框架之一。Jsp页面中有一msg为EL表达式用来取提示信息。管理员在进行操作之前必须是登录后的身份身份存在session中如果从session中取不到管理员的信息则证明未登录会跳转至登录界面。管理员在进行专题增加时会对增加的数据进行验证首先前台验证非空后台继续验证是否已存在相同的专题修改或删除时前台会进行判断此专题是否已经删除若已删除则提示已删除若为删除则提示是否删除或进入详细页面。相关类图如图专题类图所示。烟台大学毕业论文,设计图专题类图伪代码:操作前验证:if(已登录){可进行操作}elseif(未登录){提示未登录跳转至登录界面}操作验证:增加:管理员输入相应信息前台非空验证后台验证if(验证通过){提示添加成功}else{烟台大学毕业论文,设计提示添加失败}修改:点击修改按钮前台验证状态if(状态==已删除){提示已删除}elseif(状态==正常){跳转到详细页面}修改完成点击提交按钮前台验证非空提示是否修改if(是){修改数据库信息提示修改成功}else{无任何操作}删除:点击删除按钮前台验证状态if(状态==已删除){提示已删除}elseif(状态==正常){提示是否删除If(是){修改数据库状态修改为删除提示删除成功}else{无任何操作}}添加评论模块用户进入本网站时身份默认为游客可以对专题专辑单曲添加自己的评论评论一旦添加成则不可删除只能由管理员删除。若为登录后进行评论则可以对自己的评论进行删除。页面在加载时便会判断session中的用户信息来决定是否显示删除按钮。烟台大学毕业论文,设计有与字数限制每次添加评论不能大于字点击添加按钮会触发前台验证非空和长度的验证。相关类图如图评论类图所示。图评论类图伪代码:点击添加按钮触发前台验证if(非空字数<=){添加进入数据库提示添加成功}elseif(空){提示输入文字}elseif(字数>){提示输入过长}烟台大学毕业论文,设计综合测试本章节介绍用户和管理员实际使用时的测试和部分截图。用例列表表用例列表编号用例编号用例名称执行者备注US用户登录用户US用户注册用户US用户上传音乐用户US管理员登录管理员US管理员操作前验证管理员US点击播放用户用户登录表用户登录测试用例表US用例编号用例名称用户登录用户执行者用户进行登录对运行结果进行阐述用例描述测试目的测试系统的安全性确保用户能够正确登录用户点击注册登录按钮前置条件登录成功进入首页后置条件登录验证不通过提示错误信息用户输入用户名、密码点击登录按钮进行登录基本事件流登录成功进入首页无其他事件流系统显示一个错误消息异常处理登录时前台进行非空验证转入后台进行数据库交互验证如图用户登录图所示:烟台大学毕业论文,设计图用户登录图用户注册表用户注册测试用例表用例编号US用户注册用例名称用户执行者用例描述用户输入数据验证是否可注册测试系统正确性确保用户可以正确注册测试目的用户点击注册按钮前置条件注册成功提示注册成功后置条件注册失败提示错误信息用户输入用户名、密码、重复密码和邮箱点击注册按钮进行注册基本事件流注册成功提示注册成功无其他事件流系统显示一个错误消息异常处理烟台大学毕业论文,设计点击注册按钮会跳转到注册页面用户输入用户名、密码、重复密码和邮箱如已有此用户则提示用户名不可用。如图用户注册图所示:图用户登录图用户上传音乐表用户上传音乐测试用例表用例编号US用户上传音乐用例名称用户执行者用例描述用户上传原创音乐测试用户上传的可能性测试目的用户已登录前置条件验证通过提示上传成功后置条件文件格式不正确提示用户“文件格式不正确”用户输入歌曲名选择歌曲文件基本事件流验证成功提示成功用户输入歌曲名选择歌曲文件其他事件流验证失败提示错误信息系统显示一个错误消息异常处理用户上传原创歌曲的选择文件格式不正确提示错误如图用户上传音乐图所烟台大学毕业论文,设计示图用户上传音乐图管理员登录表管理员登录测试用例表用例编号US管理员登录用例名称管理员执行者用例描述用户进行登录对运行结果进行阐述测试系统的安全性确保管理员能够正确登录测试目的管理员输入网址前置条件验证成功进入后台管理主界面后置条件验证失败提示错误信息管理员输入管理员名、密码基本事件流验证成功进入后台管理主界面管理员输入管理员名、密码其他事件流验证失败提示错误信息系统显示一个错误消息异常处理管理员登录时若用户名不存在则提示用户名不存在如图管理员用户名错误图所示图管理员用户名错误图管理员登录时若密码不正确则提示密码不正确如图管理员密码错误图所示烟台大学毕业论文,设计图管理员密码错误图管理员操作表管理员操作前测试用例表用例编号US管理员操作前用例名称管理员执行者用例描述管理员未登录不能进入操作界面验证系统安全性测试目的管理员未登录输入网址前置条件提示未登录跳转至登录界面后置条件管理员未登录直接输入操作网址基本事件流提示错误跳转至管理员登陆界面无其他事件流无异常处理管理员未登录直接输入网址错误如图未登录错误图所示。图未登录错误图烟台大学毕业论文,设计点击播放表点击播放测试用例表用例编号US点击播放用例名称用户执行者用例描述用户点击音乐播放测试点击可以播放音乐测试目的数据库有数据前置条件点击播放播放后置条件页面显示音乐数据点击音乐基本事件流音乐播放未找到音乐文件其他事件流无法播放系统显示一个错误消息异常处理用户点击音乐播放如图播放音乐界面图所示:图播放音乐界面图烟台大学毕业论文,设计结束语经过个多月漫长的时间终于完成了基于HTML的音乐网站的设计与实现回想当初自己从有想法有感觉到自己一步步实现做出成品的网站这种成就感真的让我非常激动。下面我将总结一下这几个月来的收货和此网站的不足:首先经过这次的实际操作让我明白自己当初学习的东西真的是太少了经常在莫名其妙地方卡住然后查阅了很多资料请教过很多人才逐个解决问题与之同时也是自己学习的过程。通过此次毕业设计的实际操作让我更加了解一个网站的设计与编码是怎样实现的怎样实现前台与后台的交互数据是怎样传递的异步刷新是怎样的一种东西HTML到底有多强大只有亲身体验过才能真正明白其中的道理和用法。其次一个网站的设计与实现非常艰难要考虑的东西太多比如访问量的问题用户交互的问题用户定位的问题数据库的问题服务器的问题上传文件的问题等等。用户访问量过多一直是网站的大问题同时接纳的人数太多必将导致网站的瘫痪这已是屡见不鲜的问题了。当然这跟服务器有很大的关系。本人认为用户交互是否好是一个音乐网站的重中之重用户进入网站首先感受到的是放松喜欢界面的设计才能继续访问。所以简洁的界面是很必要的。还有用户定位的问题这个网站到底是给谁用的在最初设计时就应该明确。数据库是一个系统的核心没有数据库的支撑在这个数据时代必将被淘汰所以在一开始就应该将数据库设计好。最后本音乐网站的不足之处:没能实现歌词同步显示用户的交互体验还有待提高。烟台大学毕业论文,设计参考文献维基百科MVCEBOL维基百科HTMLEBOLJasonHrehanineuserexperiencetipstorulethemallEBOL维基百科著作权EBOL孔晓飞中国在线音乐的发展现状及前景探析EBOL烟台大学毕业论文,设计致谢时间一转眼就过去了四年回首再看看当时刚进入大学时的我懵懂无知。经过这四年的大学时光让我成长了太多太多首先要感谢教授给我知识的所有老师给予我帮助支持的同学们。此次的毕业设计要感谢的人太多首先要感谢薛云霄老师对于我的项目的耐心指导由于实习的关系时间并不是很充足但是薛云霄老师还是非常认真的对待这次的项目以至于后期病倒了。其次要感谢张玉老师对于我前期项目题目的指导还有于林平老师在薛云霄老师病了后能够指导我完成最后的设计于林平老师能够在最后的阶段没那么多的压力真心感谢三位老师付出了这么多。还有要感谢帮助过我的小伙伴们给予我那么多的帮助和灵感。谢谢大家。最后此次毕业设计算是自己给自己的大学时光画上一个句号不管曾经的开心也好不顺也罢对于即将进入社会的我来说都不算什么。我会牢牢记住老师对我的关怀向前行进永不言败。再次感谢所有老师和同学们。烟台大学毕业论文,设计附录创建播放列表JSvarplayList=$(function(){varitems=$("playlistli")for(vari=i<itemslengthi){varartist=$(itemsi)find('musicArtist')text()varmusicName=$(itemsi)find('musicName')text()varmusicAlbum=$(itemsi)find('musicAlbum')text()varmusicURL=$(itemsi)find('musicURL')text()varavatarURL=$(itemsi)find('img')attr("src")varobj={"artist":artist,"musicName":musicName,"musicAlbum":musicAlbum,"musicURL":"Mingsicmusic"musicURL,"avatarURL":avatarURL,"musicTime":""}playListpush(obj)}})增加音乐servletprivateSongdoupload(HttpServletRequestrequest){获取提交的数据封装到song中。Songsong=newSong()try{DiskFileItemFactoryfactory=newDiskFileItemFactory()ServletFileUploadupload=newServletFileUpload(factory)List<FileItem>list=uploadparseRequest(request)for(FileItemitem:list){if(itemisFormField()){如果是输入项防止乱码Stringname=itemgetFieldName()Stringvalue=itemgetString("")if(nameequals("songName")){songsetSongName(value)}if(nameequals("artist")){songsetArtist(value)}烟台大学毕业论文,设计if(nameequals("info")){songsetInfo(value)}songsetAlbumId(IntegerparseInt(requestgetParameter("albumId")))}else{不是输入项即为文件Stringfilename=itemgetName()Stringsavefilename=makeFileName(filename)得到保存在硬盘的文件名Stringsavepath=thisgetServletContext()getRealPath("music")InputStreamin=itemgetInputStream()FileOutputStreamout=newFileOutputStream(savepath""savefilename)intlen=bytebuffer=newbytewhile((len=inread(buffer))>){outwrite(buffer,,len)}inclose()outclose()itemdelete()songsetFilePath(savefilename)}}returnsong}catch(Exceptione){thrownewRuntimeException(e)}}publicStringmakeFileName(Stringfilename){Stringext=filenamesubstring(filenamelastIndexOf(""))returnUUIDrandomUUID()toString()ext}烟台大学毕业论文(设计)评审表(指导教师用)题目基于HTML的音乐网站学生姓名姜雅明学号专业软件工程指导教师计算机于林平职称软件工程师所学专业姓名科学与技术是否同意参加答辩:得分评语:指导教师(签字):年月日烟台大学毕业论文(设计)评审表(评阅人用)题目基于HTML的音乐网站学生姓名姜雅明学号专业软件工程指导教师于林平职称软件工程师所学专业计算机科学与技术姓名是否同意参加答辩:得分评语:评阅人(签字):年月日烟台大学毕业论文(设计)评审表(答辩小组用)题目基于HTML的音乐网站指导教师软件学生姓名姜雅明学号于林平职称姓名工程师得分评语:答辩委员会(小组)(全体成员签字):年月日烟台大学毕业论文(设计)综合评定成绩表指导教师评分评阅人评分答辩评分综合评定成绩(按::)答辩委员会负责人(签字):年月日

职业精品

用户评论

0/200
    暂无评论

精彩专题

上传我的资料

热门资料

资料评价:

/48
0下载券 下载 加入VIP, 送下载券

意见
反馈

返回
顶部