![点击分享此内容可以赚币 分享](/master/images/share_but.png)
毕业设计方案基于BS架构的音乐欣赏网站设计与开发.doc
《毕业设计方案基于BS架构的音乐欣赏网站设计与开发.doc》由会员分享,可在线阅读,更多相关《毕业设计方案基于BS架构的音乐欣赏网站设计与开发.doc(36页珍藏版)》请在咨信网上搜索。
1、毕业设计(论文)基于B/S架构音乐欣赏网站设计与开发系 部: 学生姓名: 专业班级: 学 号: 指引教师: 二一X年 X 月 XX 日【摘要】计算机网络是计算机技术和通信技术相结合产物,咱们无时无刻不与网络接触。过去,咱们都是通过磁带、CD、等方式来听音乐。当前人们不再满足于单调文字或者图像,而但愿能在网上传播音乐、试听音乐。【核心词】Dreamweaver、音乐、多媒体、网站设计、HTML5、JavaScript、JQuery、MySQL【Abstract】Computer network is a combination of computer technology and communi
2、cation technology products,we are always with the network contact. In the past,we are through the tape,CD,etc. to listen to music. Now people are no longer satisfied with monotonous words or images,and want to be able to transfer music online,listen to music.【Keywords】Dreamweaver,Music,Multimedia,We
3、bsite Design,HTML5,JQuery,JavaScript,MySQL目 录引 言5一、本课题研究内容及意义6(一)本课题研究内容6(二)本课题研究意义6(三)音乐网站国内外现状71. 国内现状72. 国外现状8二、系统环境概述9(一)开发环境和技术简介91. Dreamweaver简介102. HTML5简介103. Jquery简介124. MySQL简介12三、系统分析13(一)功能需求131. 注册模块132. 登录模块133. 添加音乐模块134. 上传音乐模块135. 音乐查找模块13(二)性能需求141. 软件环境需求142. 硬件环境需求14四、系统设计14(一)
4、系统功能设计14系统总体规划14(二)数据库设计15数据库概念构造设计15(三)数据库逻辑构造设计16五、代码实现与运营图18(一)创立CSS文献18样式定义,统一页面风格18六、系统测试26(一)系统测试重要内容27(二)系统测试办法27(三)系统测试筹划28(四)系统测试用例28结 语29参照文献30致 谢31引 言互联网兴起给咱们生活娱乐带来新契机。网络交互性、实时性、丰富性和便捷性等优势促使老式娱乐业迅速融入网络浪潮。通过网络查询信息。进行音乐收到、下载等在国外已成为一种潮流。网站音乐播放系统是计算机技术、网络通信技术、多媒体技术和数据压缩技术等多学科、多领域融合交叉产物,是可对音乐节
5、目内容进行自主选取交互式音乐点播系统。与老式信息服务相比,在线音乐播放系统具备互动性、友善性和数字化等特点,其本质是信息使用者依照自己需求积极获取多媒体信息,它区别于信息发布最大不同:一是积极性;二是选取性。借助其独特长处,无论在国内还是国外,在线音乐播放系统技术都获得了长足发展,在社会各领域(如服务、教诲等)都十分广泛,显示出了强大生命力。一、本课题研究内容及意义(一)本课题研究内容随着计算机网络技术发展,音乐网站系统正逐渐渗入到各个领域,网络化和信息化发展也增进了Web网页应用和技术迅速发展。音乐网站正是在这样前提下而产生,人们通过互联网给寻常生活增添了很大乐趣,让人们在工作之后可以进行休
6、闲娱乐。由于宽带顾客增长,带动了互联网音乐产业蓬勃兴起。无论国内还是国外,音乐网站市场都呈现一派气愤。当前,音乐网站从传播形式来看,大体可分为三类:有固定网址音乐网站、搜索类音乐网站、P2P类音乐网站,三者功能各异,互为补充。近年来,全球数字娱乐业持续发展。网络传播以其特有迅速、高效、便捷传播方式被人们所接受,越来越多走进了人们。并且在当今音乐浪潮影响下。随着音乐事业逐渐走向高峰,音乐已无处不在,音乐己与咱们密不可分。全球数字娱乐业迅猛发展、网络电视等,无不充斥着激烈竞争。音乐网站在这种背景下逐渐发展起来。音乐网站变化了老式音乐产业产业构造。而当前许多音乐网站不能提供在线播放,并且在技术支持上
7、也不完善。于是设计和实现这样一种音乐网站就成为了必要,不但仅满足顾客可以试听音乐功能,并且还要保证在速度上不能慢,更要在功能和性能上满足顾客更多体验和需求。(二)本课题研究意义随着网络通信技术、多媒体技术及数据存储技术迅速发展,音乐网站作为一种大众Web服务,给爱慕音乐网络顾客提供了极大便利,增添了音乐顾客选取。但有某些音乐网站由于各种不同因素遭到了社会裁减,其因素重要集中在页面设计、查询浏览速度、功能模块等不同方面。因而,为了顾客可以以便、快捷、简朴、安全地实现音乐搜索去查找自己喜欢音乐,并能实时地试听音乐、下载音乐、将音乐加入到自己音乐盒中、点歌并将自己建议写入到留言板以便网站完善等,需要
8、建立一种自由、安全音乐网站。本音乐网站基于Dreamweaver采用先进HTML5技术与Jquery框架进行设计开发。(三)音乐网站国内外现状1. 国内现状中华人民共和国在线音乐市场规模为40.2亿元,增长67.2%。随着版权市场逐渐规范,特别是7月以来国家对在线音乐版权市场监管力度逐渐加大,在线音乐市场发展将更为正规有序。在音乐市场收入构造中,广告、游戏联运等模式比较成熟,增长稳定;直播、顾客付费等增长迅速,是公司重要收入来源,预测将来仍将保持较快增长;此外,O2O表演、衍生商品售卖等虽然当前在市场中占比较小,但将来也有较大成长空间。在市场商业模式多元化作用下,顾客付费、广告、直播、音乐周边
9、产品销售等收入模式将共同增进市场继续平稳迅速增长。图1-3-1 -中华人民共和国在线音乐市场收入规模及增长率依照调研数据显示,中华人民共和国在线音乐顾客对于音乐网站及应用整体满意度较高,其中,手机端产品满意度略高于PC端;在手机端,接近40%顾客同步拥有2款音乐App,24.5%顾客同步拥有3款音乐App。近年来,中华人民共和国在线音乐产品不断提高顾客体验、丰富音乐内容、扩展自身业务能力与运营能力,得到了较好成效。同步,音乐版权在中华人民共和国发展正处在初级阶段,音乐网站战略布局使各产品具备不同特色,拥有内容也不尽相似,顾客对于音乐内容选取随着其喜好和使用场景不同而发生变化,在音乐产品选取上也
10、具备较大灵活性。图 1-3-2 中华人民共和国手机音乐顾客同步拥有音乐App数量分布图2. 国外现状网络音乐风靡美国,对其老式音乐产业带来了巨大冲击,特别是音像制品销售额逐年锐减。据美国录音工业协会(Recording Industry Association America,RIAA)调查显示:美国近几年音乐CD、磁带等音像制品销售额逐年减少,一种重要因素是人们通过在线方式狭隘网络音乐,而减少了老式音乐音像制品消费。依照RIAA数据显示,在上半年CD销售额为4.94亿美元,与同期相比下降了31.4%。并且被数字专辑出售(5.72亿美元)和数字单曲下载(6.88亿美元)收入超过。但是虽然如此,
11、在上半年CD销售额依然比广告支持流媒体(1.63亿美元)以及流媒体付费订阅(4.78亿美元)收入更多,同步也超过公共音乐版权收入(3.87亿美元),公共音乐版权收入来自于网络电台服务例如Pandora、IHeartRadio等。因此CD虽然表既有所下降但是并未走致死路。依照尼尔森数据,在上半年实体专辑涉及CD、黑胶、磁带三某些在美国独立零售店销售量有所上升,尽管只是上升了0.6%。在非老式零售方面,例如亚马逊或16其她在线商店出售专辑数量总体上升了8%,那么CD销量究竟为什么是下降呢?依照尼尔森数据,大众零售市场在实体专辑销量相比同期下降了510万张,达18.2%。而美国连锁店市场也受到影响,
12、实体专辑销量与相比也下降了百万张。图 1-3-3 美国 H1音乐产业收入图二、系统环境概述(一)开发环境和技术简介本音乐网站系统设计是基于HTML5和B/S架构以及MySQL数据库来实现。本系统开发工具重要有Dreamweaver、MySQL数据库管理工具等。1. Dreamweaver简介Dreamweaver是一款所见则所得网页编辑器,是美国MACROMEDIA公司开发集网页制作和管理网站于一身所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展视觉化网页开发工具,运用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制布满动感网页。DREAMWEAVER特点:(1)最佳制作效率Dre
13、amweaver可以用最迅速方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选取萤幕上颜色可设定最接近网页安全色。对於选单,快捷键与格式控制,都只要一种简朴环节便可完毕。Dremweaver能与您爱慕设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完毕,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动启动Firework或Photoshop来进行编辑与设定图档最佳化。(2)网站管理使用网站地图可以迅速制作网站雏形、设计、更新和重组网页。变化网页位置或档案名称,
14、Dreamweaver 会自动更新所有连结。使用增援文字、HTML码、HTML属性标签和普通语法搜寻及置换功能使得复杂网站更新变得迅速又简朴。(3)无可比拟控制能力是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步设计工具。可以全方位呈当前任何平台热门浏览器上。2. HTML5简介HTML 5是近十年来Web开发原则最巨大奔腾。和此前版本不同,HTML 5并非仅仅用来表达Web内容,它新使命是将Web带入一种成熟应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑交互都被原则化。什么是 HTML5?HTML5 将成为 HTML、XHTML 以及 HTML DOM
15、新原则。HTML 上一种版本诞生于 1999 年。自从那后来,Web 世界已经经历了巨变。HTML5 仍处在完善之中。然而,大某些当代浏览器已经具备了某些 HTML5 支持。HTML5 是如何起步?HTML5 是 W3C 与 WHATWG 合伙成果。为 HTML5 建立某些规则:(1)新特性应当基于 HTML、CSS、DOM 以及 JavaScript。(2)减少对外部插件需求(例如 Flash)(3)更先进错误解决(4)更多取代脚本标记(5)HTML5 应当独立于设备(6)开发进程应对公众透明与HTML 4不同之处:新解析顺序新元素:section,video,progress,nav,me
16、ter,time,aside,canvasinput元素新属性:日期和时间,email,url。新通用属性:ping,charset,async全域属性:id,tabindex,repeat。移除元素:center,font,strike。HTML 5有两大特点:一方面,强化了Web网页体现性能。除了可描绘二维图形外,还准备了用于播放视频和音频标签。另一方面,追加了本地数据库等Web应用功能。3. Jquery简介jQuery是一种迅速、简洁JavaScript框架,是继Prototype之后又一种先进JavaScript代码库(或JavaScript框架)。jQuery设计宗旨是“write
17、 Less,Do More”,即倡导写更少代码,做更多事情。它封装JavaScript惯用功能代码,提供一种简便JavaScript设计模式,优化HTML文档操作、事件解决、动画设计和Ajax交互。jQuery核心特性可以总结为:具备独特链式语法和短小清晰多功能接口;具备高效灵活css选取器,并且可对CSS选取器进行扩展;拥有便捷插件扩展机制和丰富插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。4. MySQL简介MySQL是一种精致SQL数据库管理系统,虽然MySQL不是开放源代码产品,但MySQL数据库是开放源码一种小
18、型关联式数据库管理系统。MySQL数据库特点是体积小、解决速度快、总体成本低等,使得在因特网上中小型网站应用非常广泛。并优于其开放源码这特点,有诸多中小型网站为了减少网站总体成本就必然会选取Mysql数据库作为网站数据库。对于其她大型数据库例如Oracle、SQLserver、db2等相比,MySQL数据库必定有其局限性地方例如稳定性和功能。但这也丝毫不会减少它受欢迎限度,由于对于普通个人和中小型公司来说,MySQL数据库所提供功能是绝对可以满足。三、系统分析(一)功能需求1. 注册模块作为音乐网站顾客,需要注册成为本网站会员才干享有到网站所有权利,注册就是使普通顾客变成会员途径,本模块重要完
19、毕任务是提示顾客添加自己基本信息,将顾客信息添加到数据库。2. 登录模块顾客注册成为本站会员后就可以登录本网站了,在此模块会判断顾客是不是本站注册会员,会判断顾客顾客账号和密码与否匹配,如果匹配则将顾客信息显示出来并可以执行其她操作,如果不匹配会提示顾客输入顾客账号和密码错误。登录后顾客可以选取修改自己个人资料。3. 添加音乐模块顾客注册成为本站会员后就可以登录本网站了,在此模块会判断顾客是不是本站注册会员,会判断顾客顾客账号和密码与否匹配,如果匹配则将顾客信息显示出来并可以执行其她操作,如果不匹配会提示顾客输入顾客账号和密码错误。登录后顾客可以选取修改自己个人资料。4. 上传音乐模块上传音乐
20、是网站增长音乐重要方式,顾客选取自己音乐,并选取该音乐所属专辑,最后上传音乐。5. 音乐查找模块音乐查找是音乐网站核心,音乐网站应当提供按照音乐名和音乐出品人查找这两种最基本音乐查找方式,除了这两种基本查找音乐方式外还应有按照专辑查找,按音乐类型查找,按音乐地区查找等查找方式。音乐查找成果最后列表显示,顾客点击相应属性链接可以实现按照这个属性查找或者排序。点击相应音乐名可以试听音乐。(二)性能需求1. 软件环境需求操作系统Windows XP 或以上服务器Tomcat 7或以上数据库Mysql 5.5或以上浏览器IE 10或以上表3-2-1 软件环境需求表2. 硬件环境需求内存128MB以上C
21、PUIntel奔腾3级以上或同级别兼容CPU硬盘300MB或以上空余空间显示屏辨别率800600或以上表3-2-2 硬件环境需求表四、系统设计(一)系统功能设计系统总体规划本网站按照需求开发,可分为一下几种模块:注册模块、登录模块、增长音乐模块、上传音乐模块、音乐查找模块音乐网站注册模块登录模块添加音乐模块上传音乐模块音乐查找模块图4-1-1音乐网站系统功能模块图(二)数据库设计数据库是音乐网站核心构成某些,所有信息解决子系统都将基于某种数据库平台,以便将其解决信息资源完整、安全地保存起来,并且对其进行各种管理和运用。选取一种好数据库平台是非常重要。在选取数据库平台时,应考虑下列因素:(1)性
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业设计 方案 基于 BS 架构 音乐 欣赏 网站 设计 开发
![提示](https://www.zixin.com.cn/images/bang_tan.gif)
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【天****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【天****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。