论文：基于BS架构的音乐欣赏网站设计及开发.doc

毕业设计〔论文〕基于B/S架构的音乐欣赏设计与开发系 部：学生：专业班级：学 号：指导教师：二○一*年 * 月 ** 日【摘要】计算机网络是计算机技术和通信技术相结合的产物，我们无时无刻不与网络接触过去，我们都是通过磁带、CD、等方式来听音乐现在人们不再满足于单调的文字或者图像，而希望能在网上传输音乐、试听音乐关键词】Dreamweaver、音乐、多媒体、设计、HTML5、JavaScript、JQuery、MySQL【Abstract】puter network is a bination of puter technology and munication 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, Website 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〔一〕系统功能设计14系统总体规划14〔二〕数据库设计15数据库概念构造设计15〔三〕数据库逻辑构造设计16五、代码实现与运行图18〔一〕创立CSS文件18样式定义，统一页面风格18六、系统测试26〔一〕系统测试的主要容27〔二〕系统测试的方法27〔三〕系统测试方案28〔四〕系统测试用例28结语29参考文献30致31引言互联网的兴起给我们的生活娱乐带来的新的契机。

网络的交互性、实时性、丰富性和便捷性等优势促使传统娱乐业迅速融入网络的浪潮通过网络查询信息进展音乐的收到、下载等在国外已成为一种时尚音乐播放系统是计算机技术、网络通信技术、多媒体技术和数据压缩技术等多学科、多领域融合穿插的产物，是可对音乐节目容进展自主选择的交互式音乐点播系统与传统信息效劳相比，音乐播放系统具有互动性、友善性和数字化等特点，其本质是信息的使用者根据自己的需求主动获取多媒体信息，它区别于信息发布的最大不同：一是主动性；二是选择性借助其独特的优点，无论在国还是国外，音乐播放系统技术都获得了长足的开展，在社会各领域〔如效劳、教育等〕都十分广泛，显示出了强大的生命力一、本课题研究的容及意义〔一〕本课题研究的容随着计算机网络技术的开展，音乐系统正逐渐的渗透到各个领域，网络化和信息化的开展也促进了Web网页应用和技术的快速开展音乐正是在这样的前提下而产生的，人们通过互联网给日常生活增添了很大的乐趣，让人们在工作之后可以进展休闲的娱乐因为宽带用户的增加，带动了互联网音乐产业的蓬勃兴起无论国还是国外，音乐市场都呈现一派生气目前，音乐从传播形式来看，大致可分为三类：有固定网址的音乐、搜索类音乐、P2P类音乐，三者功能各异，互为补充。

近年来,全球数字娱乐业持续开展网络传播以其特有的快速、高效、便捷的传输方式被人们所承受，越来越多的走进了大家并且在当今音乐浪潮的影响下随着音乐事业逐渐走向顶峰,音乐已无处不在，音乐己与我们密不可分全球数字娱乐业的迅猛开展、网络电视等,无不充满着剧烈的竞争音乐在这种背景下逐渐开展起来音乐改变了传统音乐产业的产业构造而现在许多音乐不能提供播放,并且在技术支持上也不完善于是设计和实现这样一个音乐就成为了必须，不仅仅满足用户的可以试听音乐的功能,而且还要保证在速度上不能慢，更要在功能和性能上满足用户更多的体验和需求〔二〕本课题研究的意义随着网络通信技术、多媒体技术及数据存储技术的快速开展，音乐作为一种群众的Web效劳，给喜爱音乐的网络用户提供了极大的便利，增添了音乐用户的选择但有一些音乐由于各种不同的原因遭到了社会的淘汰，其原因主要集中在页面设计、查询浏览的速度、功能模块等不同方面因此，为了用户可以方便、快捷、简单、平安地实现音乐搜索去查找自己喜欢的音乐，并能实时地试听音乐、下载音乐、将音乐参加到自己的音乐盒中、点歌并将自己的建议写入到留言板以便的完善等，需要建立一个自由、平安的音乐本音乐基于Dreamweaver采用先进的HTML5技术与Jquery框架进展设计开发。

〔三〕音乐国外现状1. 国现状2021 年中国音乐市场规模为40.2亿元，增长67.2%随着市场逐渐规，特别是2021 年7月以来国家对音乐市场的监管力度逐渐加大，音乐市场开展将更为正规有序在音乐市场收入构造中，广告、游戏联运等模式比拟成熟，增长稳定；直播、用户付费等增长快速，是企业重要的收入来源，预计未来仍将保持较快增长；另外，O2O演出、衍生商品售卖等虽然目前在市场中占比拟小，但未来也有较大成长空间在市场商业模式多元化的作用下，用户付费、广告、直播、音乐周边产品销售等收入模式将共同促进市场继续平稳快速增长图1-3-1 2021-2021年中国音乐市场收入规模及增长率根据调研数据显示，中国音乐用户对于音乐及应用的整体满意度较高，其中，端产品满意度略高于PC端；在端，接近40%的用户同时拥有2款音乐App，24.5%用户同时拥有3款音乐App近年来，中国音乐产品不断提升用户体验、丰富音乐容、扩展自身业务能力与运营能力，得到了较好的成效同时，音乐在中国的开展正处于初级阶段，音乐的战略布局使各产品具有不同特色，拥有的容也不尽一样，用户对于音乐容的选择随着其喜好和使用场景的不同而发生变化，在音乐产品的选择上也具有较大灵活性。

图 1-3-2 2021年中国音乐用户同时拥有音乐App的数量分布图2. 国外现状网络音乐风行美国，对其传统音乐产业带来了巨大冲击，尤其是音像制品的销售额逐年锐减据美国录音工业协会〔Recording Industry Association America, RIAA〕调查显示：美国近几年的音乐CD、磁带等音像制品销售额逐年减少，一个主要原因是人们通过方式狭隘网络音乐，而减少了传统音乐音像制品的消费根据RIAA的数据显示，在2021 年上半年CD的销售额为4.94亿美元，与2021年同期相比下降了31.4%而且被数字专辑出售〔5.72亿美元〕和数字单曲下载〔6.88亿美元〕的收入超过不过虽然如此，在2021 上半年CD的销售额仍然比广告支持的流媒体〔1.63亿美元〕以及流媒体付费订阅〔4.78亿美元〕收入更多，同时也超过公共音乐的收入〔3.87亿美元〕，公共音乐收入来自于网络电台效劳例如Pandora、IHeartRadio等所以CD虽然表现有所下降但是并未走致死路根据尼尔森的数据，在2021 上半年实体专辑包括CD、黑胶、磁带三局部在美国独立零售店的销售量有所上升，尽管只是上升了0.6%。

在非传统零售方面，例如亚马逊或16其他商店出售的专辑数量总体上升了8%，则CD销量终究为什么是下降的呢.根据尼尔森的数据，群众零售市场在2021 年的实体专辑销量相比2021年同期下降了510万，达18.2%而美国的连锁店市场也受到影响，实体专辑的销量与2021年相比也下降了百万图 1-3-3 美国2021 H1音乐产业收入图二、系统环境概述〔一〕开发环境和技术介绍本音乐系统的设计是基于HTML5和B/S架构以及MySQL数据库来实现的本系统的开发工具主要有Dreamweaver、MySQL数据库管理工具等1. Dreamweaver简介Dreamweaver是一款所见则所得网页编辑器，是美国MACROMEDIA公司开发的集网页制作和管理于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页DREAMWEAVER特点：〔1〕最正确的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上使用检色吸管工具选择萤幕上的颜色可设定最接近的网页平安色。

对於选单，快捷键与格式控制，都只要一个简单步骤便可完成Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进展编辑与设定图档的最正确化〔2〕管理使用地图可以快速制作雏形、设计、更新和重组网页改变网页位置或档案名称，Dreamweaver 会自动更新所有连结使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的更新变得迅速又简单〔3〕无可比拟的控制能力是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具可以全方位的呈现在任何平台的热门浏览器上2.HTML5简介HTML 5是近十年来Web开发标准最巨大的飞跃和以前的版本不同，HTML 5并非仅仅用来表示Web容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化什么是 HTML5?HTML5 将成为 HTML、*HTML 以及 HTML DOM 的新标准。

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, meter, time, aside, canvasinput元素的新属性：日期和时间，email, url新的通用属性：ping, charset, async全域属性：id, tabinde*, repeat移除元素：center, font, strikeHTML 5有两大特点：首先，强化了Web网页的表现性能除了可描绘二维图形外，还准备了用于播放视频和音频的标签其次，追加了本地数据库等Web。