2022年毕业设计基于BS架构的音乐欣赏网站设计与开发.pdf
《2022年毕业设计基于BS架构的音乐欣赏网站设计与开发.pdf》由会员分享,可在线阅读,更多相关《2022年毕业设计基于BS架构的音乐欣赏网站设计与开发.pdf(32页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、word 毕业设计(论文)基于 B/S 架构的音乐欣赏网站设计与开发系部:学生姓名:专业班级:学号:指导教师:二一 X 年X 月XX 日精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 1 页,共 32 页 - - - - - - - - - - word 【摘要】计算机网络是计算机技术和通信技术相结合的产物,我们无时无刻不与网络接触。过去,我们都是通过磁带、CD 、等方式来听音乐。现在人们不再满足于单调的文字或者图像,而希望能在网上传输音乐、 试听音乐。【关键词】Dreamweaver 、音乐、多媒体、网
2、站设计、 HTML5 、JavaScript 、JQuery、MySQL 【 Abstract】 Computer network is a combination of computer technology and communication 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 monotono
3、us 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 精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页,共 32 页 - - - - - - - - - - word 目录引言 . 5一、本课题研究的内容及意义.
4、 6(一)本课题研究的内容. 6(二)本课题研究的意义. 6(三)音乐网站国内外现状. 71. 国内现状 . 72. 国外现状 . 8二、系统环境概述. 9(一)开发环境和技术介绍 . 91. Dreamweaver 简介 . 102. HTML5 简介 . 103. Jquery简介 . 124. MySQL简介 . 12三、系统分析. 13(一)功能需求 . 131. 注册模块 . 132. 登录模块 . 133. 添加音乐模块 . 134. 上传音乐模块 . 135. 音乐查找模块 . 13(二)性能需求 . 14精品资料 - - - 欢迎下载 - - - - - - - - - - -
5、 欢迎下载 名师归纳 - - - - - - - - - -第 3 页,共 32 页 - - - - - - - - - - word 1. 软件环境需求 . 142. 硬件环境需求 . 14四、系统设计. 14(一)系统功能设计 . 14系统总体规划 . 14(二)数据库设计 . 15数据库概念结构设计 . 15(三)数据库逻辑结构设计 . 16五、代码实现与运行图 . 18(一)创建 CSS文件 . 18样式定义,统一页面风格 . 18六、系统测试 . 26(一)系统测试的主要内容 . 27(二)系统测试的方法 . 27(三)系统测试计划 . 28(四)系统测试用例 . 28结语 . 29
6、参考文献 . 30致谢 . 31精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 4 页,共 32 页 - - - - - - - - - - word 引言互联网的兴起给我们的生活娱乐带来的新的契机。网络的交互性、实时性、丰富性和便捷性等优势促使传统娱乐业迅速融入网络的浪潮。通过网络查询信息。进行音乐的收到、下载等在国外已成为一种时尚。网站音乐播放系统是计算机技术、网络通信技术、多媒体技术和数据压缩技术等多学科、多领域融合交叉的产物,是可对音乐节目内容进行自主选择的交互式音乐点播系统。与传统信息服务相比,
7、在线音乐播放系统具有互动性、友善性和数字化等特点,其本质是信息的使用者根据自己的需求主动获取多媒体信息,它区别于信息发布的最大不同:一是主动性;二是选择性。借助其独特的优点,无论在国内还是国外,在线音乐播放系统技术都获得了长足的发展,在社会各领域(如服务、教育等)都十分广泛,显示出了强大的生命力。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 5 页,共 32 页 - - - - - - - - - - word 一、本课题研究的内容及意义(一)本课题研究的内容随着计算机网络技术的发展,音乐网站系统正逐渐
8、的渗透到各个领域,网络化和信息化的发展也促进了Web网页应用和技术的快速发展。 音乐网站正是在这样的前提下而产生的,人们通过互联网给日常生活增添了很大的乐趣,让人们在工作之后可以进行休闲的娱乐。因为宽带用户的增加,带动了互联网音乐产业的蓬勃兴起。无论国内还是国外,音乐网站市场都呈现一派生气。目前,音乐网站从传播形式来看,大致可分为三类:有固定网址的音乐网站、搜索类音乐网站、P2P类音乐网站,三者功能各异,互为补充。近年来 , 全球数字娱乐业持续发展。网络传播以其特有的快速、高效、便捷的传输方式被人们所接受,越来越多的走进了大家。并且在当今音乐浪潮的影响下。随着音乐事业逐渐走向高峰, 音乐已无处
9、不在,音乐己与我们密不可分。全球数字娱乐业的迅猛发展、网络电视等, 无不充斥着激烈的竞争。音乐网站在这种背景下逐渐发展起来。音乐网站改变了传统音乐产业的产业结构。而现在许多音乐网站不能提供在线播放 , 并且在技术支持上也不完善。于是设计和实现这样一个音乐网站就成为了必须,不仅仅满足用户的可以试听音乐的功能, 而且还要保证在速度上不能慢,更要在功能和性能上满足用户更多的体验和需求。(二)本课题研究的意义随着网络通信技术、多媒体技术及数据存储技术的快速发展,音乐网站作为一种大众的 Web 服务,给喜爱音乐的网络用户提供了极大的便利,增添了音乐用户的选择。但有一些音乐网站由于各种不同的原因遭到了社会
10、的淘汰,其原因主要集中在页面设计、查询浏览的速度、功能模块等不同方面。因此,为了用户可以方便、快捷、简单、安全地实现音乐搜索去查找自己喜欢的音乐,并能实时地试听音乐、下载音乐、将音精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 6 页,共 32 页 - - - - - - - - - - word 乐加入到自己的音乐盒中、点歌并将自己的建议写入到留言板以便网站的完善等,需要建立一个自由、安全的音乐网站。本音乐网站基于Dreamweaver采用先进的 HTML5技术与 Jquery 框架进行设计开发。(三)
11、音乐网站国内外现状1. 国内现状2015 年中国在线音乐市场规模为40.2 亿元,增长 67.2%。随着版权市场逐渐规范,特别是 2015 年 7 月以来国家对在线音乐版权市场的监管力度逐渐加大,在线音乐市场发展将更为正规有序。在音乐市场收入结构中,广告、游戏联运等模式比较成熟,增长稳定;直播、用户付费等增长快速,是企业重要的收入来源,预计未来仍将保持较快增长;另外, O2O演出、衍生商品售卖等虽然目前在市场中占比较小,但未来也有较大成长空间。在市场商业模式多元化的作用下,用户付费、广告、直播、音乐周边产品销售等收入模式将共同促进市场继续平稳快速增长。图 1-3-1 2010-2018 年中国
12、在线音乐市场收入规模及增长率根据调研数据显示,中国在线音乐用户对于音乐网站及应用的整体满意度较高,其中,手机端产品满意度略高于PC端;在手机端, 接近 40% 的用户同时拥有 2 款音乐精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 7 页,共 32 页 - - - - - - - - - - word App,24.5%用户同时拥有 3 款音乐 App。近年来,中国在线音乐产品不断提升用户体验、丰富音乐内容、扩展自身业务能力与运营能力,得到了较好的成效。同时,音乐版权在中国的发展正处于初级阶段,音乐网站
13、的战略布局使各产品具有不同特色,拥有的内容也不尽相同, 用户对于音乐内容的选择随着其喜好和使用场景的不同而发生变化,在音乐产品的选择上也具有较大灵活性。图 1-3-2 2016 年中国手机音乐用户同时拥有音乐App 的数量分布图2. 国外现状网络音乐风靡美国,对其传统音乐产业带来了巨大冲击,尤其是音像制品的销售额逐年锐减。据美国录音工业协会 (Recording Industry Association America, RIAA )调查显示: 美国近几年的音乐CD 、磁带等音像制品销售额逐年减少,一个主要原因是人们通过在线方式狭隘网络音乐,而减少了传统音乐音像制品的消费。根据RIAA 的数据
14、显示,在 2015 年上半年 CD的销售额为 4.94 亿美元,与 2014 年同期相比下降了31.4%。而且被数字专辑出售( 5.72 亿美元)和数字单曲下载(6.88 亿美元)的收入超过。不过虽然如此,在2015上半年 CD的销售额仍然比广告支持的流媒体(1.63 亿美元)以及流媒体付费订阅 (4.78 亿美元)收入更多,同时也超过公共音乐版权的收入 (3.87亿美元) ,公共音乐版权收入来自于网络电台服务例如Pandora、IHeartRadio 等。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第
15、8 页,共 32 页 - - - - - - - - - - word 所以 CD虽然表现有所下降但是并未走致死路。根据尼尔森的数据,在2015 上半年实体专辑包括 CD 、黑胶、磁带三部分在美国独立零售店的销售量有所上升,尽管只是上升了 0.6%。在非传统零售方面,例如亚马逊或16 其他在线商店出售的专辑数量总体上升了8% ,那么 CD销量究竟为什么是下降的呢?根据尼尔森的数据, 大众零售市场在 2015 年的实体专辑销量相比2014 年同期下降了 510万张,达 18.2%。而美国的连锁店市场也受到影响,实体专辑的销量与2014年相比也下降了百万张。图 1-3-3 美国 2015 H1 音
16、乐产业收入图二、系统环境概述(一)开发环境和技术介绍本音乐网站系统的设计是基于HTML5 和 B/S 架构以及 MySQL 数据库来实现的。 本系统的开发工具主要有Dreamweaver 、MySQL 数据库管理工具等。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 9 页,共 32 页 - - - - - - - - - - word 1. Dreamweaver 简介Dreamweaver是一款所见则所得网页编辑器, 是美国 MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑
17、器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DREAMWEAVER特点:(1)最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks ,FreeHand,或 Photoshop 等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单,快捷键与格式控制, 都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如 Playback Flash , Shockwave和外挂模组等搭配, 不需离开 Dremweaver便可完成,整体运用流程自然顺畅
18、。除此之外,只要单击便可使Dreamweaver自动开启 Firework 或 Photoshop 来进行编辑与设定图档的最佳化。(2)网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称, Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。(3)无可比拟的控制能力是唯一提供 Roundtrip HTML 、视觉化编辑与原始码编辑同步的设计工具。可以全方位的呈现在任何平台的热门浏览器上。2. HTML5简介HTML 5是近十年来 Web开发标准最巨大的飞跃。和以前的
19、版本不同,HTML 5并非仅仅用来表示 Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 10 页,共 32 页 - - - - - - - - - - word 平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。什么是 HTML5? HTML5 将成为 HTML 、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后, Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而
20、,大部分现代浏览器已经具备了某些 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元素的新属性:日期和时间,em
21、ail, url 。 新的通用属性:ping, charset, async 全域属性: id, tabindex, repeat。移除元素: center, font, strike。HTML 5有两大特点:首先,强化了 Web网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。其次,追加了本地数据库等Web 应用的功能。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 11 页,共 32 页 - - - - - - - - - - word 3. Jquery简介jQuery 是一个
22、快速、简洁的JavaScript框架,是继 Prototype之后又一个优秀的 JavaScript代码库(或 JavaScript框架) 。jQuery 设计的宗旨是“ write Less,Do More” ,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。jQuery 的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的 css 选择器,并且可对 CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。 jQuery 兼容各种
23、主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+ 等。4. MySQL简介MySQL 是一个精巧的 SQL数据库管理系统,虽然MySQL 不是开放源代码的产品,但 MySQL 数据库是开放源码的一种小型关联式数据库管理系统。MySQL 数据库的特点是体积小、处理速度快、总体成本低等,使得在因特网上的中小型的网站的应用非常广泛。并优于其开放源码这特点,有很多的中小型网站为了降低网站总体成本就必定会选择 Mysql 数据库作为网站数据库。对于其他大型数据库例如Oracle 、SQLserver、db2 等相比,MySQL 数据库肯定有其不足的地方例如稳定性
24、和功能。但这也丝毫不会减少它受欢迎的程度,因为对于一般的个人和中小型企业来说,MySQL 数据库所提供的功能是绝对可以满足的。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 12 页,共 32 页 - - - - - - - - - - word 三、系统分析(一)功能需求1. 注册模块作为音乐网站的用户,需要注册成为本网站的会员才能享受到网站的所有权利,注册就是使普通用户变成会员的途径,本模块主要完成的任务是提示用户添加自己的基本信息,将用户信息添加到数据库。2. 登录模块用户注册成为本站会员后就可以登
25、录本网站了,在此模块会判断用户是不是本站注册会员,会判断用户的用户账号和密码是否匹配,如果匹配则将用户信息显示出来并可以执行其他操作,如果不匹配会提示用户输入用户账号和密码错误。登录后用户可以选择修改自己的个人资料。3. 添加音乐模块用户注册成为本站会员后就可以登录本网站了,在此模块会判断用户是不是本站注册会员,会判断用户的用户账号和密码是否匹配,如果匹配则将用户信息显示出来并可以执行其他操作,如果不匹配会提示用户输入用户账号和密码错误。登录后用户可以选择修改自己的个人资料。4. 上传音乐模块上传音乐是网站增加音乐的主要方式,用户选择自己的音乐,并选择该音乐所属专辑,最后上传音乐。5. 音乐查
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2022 毕业设计 基于 BS 架构 音乐 欣赏 网站 设计 开发
限制150内