音乐网站设计毕业论文

目录摘要………….…..…….………………...….…..ITOC\o"1-3"\u1绪论 11.1课题研究目的 11.2课题研究意义 11.3国内外现状 22需求分析 4 42.1需求分析 52.2功能分析 52.3开发工具介绍 62.4系统开发环境 83系统设计与实现 93.1系统架构 93.2系统流程 93.3系统功能设计 103.3.1前台功能设计 113.3.2后台功能设计 123.4系统技术要求 133.5数据库分析与设计 143.5.1数据库分析 143.5.2数据库设计 143.6系统实现 163.6.1首页 163.6.2音乐在线 173.6.3音乐资讯 183.6.4艺人介绍 183.6.5留言板 183.6.6用户注册 193.6.7后台管理 193.6.8歌曲管理 203.6.9资讯管理 204系统测试 214.1测试方法 214.2预期测试结果 214.3测试结果 21报告总结 22J听音乐网站的设计与实现摘要随着网络技术的发展，人民在利用网络学习的同时，也在享受着网络带来的各种附带产品所产生的效应，如网络游戏，网络歌曲。音乐网站正是在这样的需求前提下应运而生。给人们的日常生活带来了极大的乐趣，让人们在繁忙疲惫的工作之后可以进行休闲。本文分析了系统开发的背景和国内外音乐网站系统的发展现状，并对顾客需求作了比较详细的分析，详细阐述了设计了J听音乐网站需要实现的功能，设计思路和实现手段。本文通过系统概述、系统分析、系统设计、系统实施、开发总结，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结。根据系统所需功能，以ASP.NET为开发平台，采用DIV+CSS技术，结合SQLServer2000，利用软件工程思想和方法，总体上用结构化生命周期法进行系统分析和设计，采用快速原型法来实现系统。1绪论随着网络技术以及计算机的发展，网友们对网络的要求也日益增高，平常在网上听歌用一大堆下载软件下载下来既要管理，又占空间，比如流行歌曲，下载听了又要删很不方便，而网络音乐库的实现改变了这一状况。它本身就是一个数字音乐交互网站，用户通过它可以方便.快捷、安全地实现国内最大的音乐搜索查找歌曲，并能实时试听，将自己喜爱的歌曲加入收藏，为用户建立一个自由、自主、安全的世界局域网。1.1课题研究目的随着网络技术的发展，人们在利用网络学习的同时，也在享受着网络带来的各种附带产品所产生的效应，如网络游戏，网络歌曲。音乐网站正是在这样的需求前提下应运而生，给人们的日常生活带来了极大的乐趣，让人们在繁忙疲惫的工作之后可以进行休闲。基于此种现状，在充分分析了该行业的市场前景，调研了用户需求之后，J听音乐网站也就不运而生了。1.2课题研究意义流行音乐之所以被称为“流行”，原因之一，是她有着传播的时效性。绝大部分流行歌曲可以一夜成名，但是从人们脑子里消失得也很快，从前极力抢购的唱片可能不久之后就被束之高阁，人们追逐的永远是不同于以往的“新”星。但是互联网的出现，一方而因为传播速度提高而加剧了这种时效性，另一方面却又利用其无限的网络胸怀使这些流行音乐具有一定的持久性。如果这两方面正是人们所需要的，那么，这些都应当归功于音乐网站。作为J听音乐网站的网络载体，音乐网站在创作、传播、欣赏方式等方面对流行音乐的发展都产生了前所未有的影响：（1）电脑网络技术的发展使人们通过音乐网站接触到了更多的流行音乐。（2）网民数量的激增使更多的人们通过音乐网站接触到了流行音乐。（3）音乐网站为流行音乐创作提供了更多的便利。（4）音乐网站刺激了流行音乐的传播。（5）音乐网站使流行音乐的欣赏方式发生了改变。（6）音乐网站不但刺激了流行音乐的传播，而且也刺激了电子数码产品的频繁更新换代。1.3国内外现状互联网给学习者提供了丰富的超媒体资源，为网友创造出了一种由他们自由控制的娱乐环境，如果长期手动从网上找寻,就会产生一种无所适从的感觉，从而降低网友的兴趣。目前有很少系统能实现这种网络音乐库的功能，更在以下方面涉及不多：没有实现在线实时试听,不能方便的分类的检索的系统；单一的音乐网站只是线性的，不是层次状或网状的，也不支持相近歌曲的查询、检索功能，找歌只能靠输入和分类查找实现，不便于相关性和方便性的查询；网友只能每次重复查找，不能记录网友的喜好、之前收藏，这就浪费了一定的时间和网络资源。综上所述，网络音乐库的好与坏，严重影响了网友的上网时间和对一个音乐系统的影响力，同时也影响了系统使用的效率。因此J听音乐网站是一个很有必要的娱乐系统，并且还有很大的发展空间。2需求分析2.1需求分析现今社会上出现了越来越多的追星族，他们对明星的喜爱可谓是喜欢到极致，他们喜欢明星的所有一切，喜欢他的歌曲，关注他的动态。网站可以说是关于林俊杰的个人音乐专场，在这里J迷们可以任意的搜索着关于林俊杰的一切，更加深刻的关注他，了解他。从而让J迷们不再在偌大的音乐库中苦苦寻找关于林俊杰的歌曲，既省时又省事。2.2功能分析J听音乐网站系统主要由前台模块和后台管理模块两部分组成。会员在进入该网站后，不仅可以查看其各种林俊杰的歌曲，还可以选择查看关于林俊杰的各项音乐资讯。管理员登录后，不仅可以查看会员状态，还可以管理歌曲、音乐资讯、会员的信息。管理员还可以根据实际情况添加其他管理员以维护该音乐网站的环境和安全。（1）登录与注销每个用户都可以用自己的帐号登录系统。用户操作完成后退出系统，注销后可以重新登录系统。（2）修改密码每个用户登录本系统之后都可以更改自己的登录密码。（3）系统管理员=1\*GB3①对网站的会员进行管理：包括会员信息的查询、修改和删除。=2\*GB3②音乐信息管理：添加音乐信息、修改音乐信息。=3\*GB3③上传管理：后台用户上传音乐信息。（4）普通用户普通用户可以浏览该网站，选择登陆到系统中。（5）登陆用户不但可以浏览该网站的信息,还可以通过该网站试听自己喜欢的歌曲，进行收藏，还可以下载歌曲。2.3开发工具介绍正所谓“工欲善其事，必先利其器”，如今，各种网页制作软件漫天横飞，手工编写HTML代码的时代一去不复返了。而如何选择一款好的开发工具变得甚为重要。选择一个功能强大，实用简单的开发工具，你不仅可以减轻自己的工作量，达到事半功倍的效果，而且还可以借助开发工具的强大功能实现更多的技术，把网页制作的更加美幻绝伦。在这里我们选择了在多媒体软件方面有键鼠的Macromrdia公司推出的当前最为流行的网页开发工具Dreamweaver（版本DreamweaverCS3），用PhotoCS3进行图像处理，Flash设计动画。这三款软件都是Macromrdia公司的杰作，是网页开发工具的黄金搭档。在程序中选择了ASP技术，数据库软件选择了MySQLServer（版本是MySQLServer2000）。下面对它们逐一介绍。（1）DreamweaverCS3Dreamweaver是美国Macromrdia公司开发的集网页制作和管理网站于一身的所见即所得的网页编辑器。它是一套针对专业网页设计师的视觉化网页开发工具，自从1998年推出后，网页制作领域发生了翻天覆地的变化。这个软件以其良好的兼容性和高效性，给广大网页制作的专业人员及爱好者带来了莫大的惊喜。Dreamweaver还具有站点管理功能，为拥护实际和管理站点提供了方便[8]。Dreamweaver与其它同类软件相比主要有一下优点：=1\*GB3①不生成冗余代码。可视化的网页编辑器，都要把使用者的操作转换成HTML代码。一般的编辑器都会生成大量的冗余代码，给网页以后的修改带来了极大的不方便，同事还增加了网页文件的大小。Dreamweaver则在使用时完全不生成冗余代码，避免了诸多麻烦，而且，通过设置，还可以用Dreamweaver清除掉网页文件原有的冗余代码。=2\*GB3②强大的动态页面支持。Dreamweaver的Behavior能在使用者不懂JavaScript的情况下，往网页中加入丰富的动态效果。Dreamweaver还可精确的对层进行定位，再加上Timeline功能，可生成动感十足的动态层效果。=3\*GB3③操作简便。首先，Dreamweaver提供的历史面板、Html样式、模版、库等功能避免了重复劳动，使用者不必重复输入相同的内容、格式。其次，Dreamweaver能直接往页面中插入Flash等插件，经过设置之后还可直接调用Photoshop对页面的图像进行修改、优化。=4\*GB3④优秀的网站管理功能。在定义的本地站点中，改变文件的名称、位置，Dreamweaver会自动更新相应的超级链接。Checkin和Checkout功能可协调多个使用者对远程站点的管理。如今，Dreamweaver已由最初的版本发展到了DreamweaverCS3版本。（2）FLASHFlash还是Macromrdia公司推出的专门为网络设计的一个交互矢量编辑和动画创作软件。网站设计者可以实用Flash随心所欲地为网站设计各种动态Logo、动画、导航条以及全屏动画，还可以带有动感音乐，完全具备多媒体各项功能[9]。Flash成功的解决了网页动画交互性与网络宽带之间的矛盾，其动画格式成为Internet的新标准。（3）ASP目前主要的网络程序设计语言有ASP、PHP和JSP。PHP是一种易于学习和使用的服务器脚本语言，是生成动态网页的工具之一。它是嵌入HTML文件的一种脚本语言。其语法大部分是从C、JAVA、PERL语言中借来，并形成了自己的独有风格；目标是让WEB程序员快速的开发出动态的网页。JSP是由SanMicrosystems公司提出，多家公司合作建立的一种基于JavaServer以及整个Java体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。ASP是微软公司推出的用以取代CGI的动态服务器网页技术。使用他可以创建和运行动态、交互的Web也和基于Web的功能强大的应用程序。有了ASP就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP吸收了当今许多流行的技术，如IIS，ACTIVEX，VBSCRIPT，ODBC等，是一种发展较为成熟的网络应用程序开发技术；其核心技术是对组件和对象技术的充分支持。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的功能。（4）SQLSQL全称是“结构化查询语句”。SQL语言结构间接，功能强大，简单易学。SQL是高级的非过程化编程语言，允许用户在高层数据结构上工作。SQL是一种用于数据库查询和编程的语言，已经成为关系型数据库普遍使用的标准，使用这种标准数据库语言对程序设计和数据库的维护都带来了极大的方便，广泛地应用于各种数据的查询。他不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，所以具有完全不同底层结构的不同数据库系统可以使用相同的SQL语言作为数据输入与管理的接口。它以记录集合作为操纵对象，所有SQL语句接受集合作为输入，所以SQL语言可以嵌套，这使它具有机打的灵活性和强大的功能，在多数情况下，在其他语言中需要一大段程序实现的一个单独事件只需要一个SQL语句就可以达到目的，这也意味着用SQL语言可以写出非常复杂的语句。SQL同时也是数据库文件格式的扩展名。数据库，顾名思义，是存入数据的仓库。只不过这个仓库是在计算机存储设备上的，而且数据是按一定格式存放的。要是下定义的话，就应该是：指长期储存在计算机内的，可共享的数据集合。数据库管理是有关建立，存储，修改和存取数据库中信息的技术，是指为保证数据系统的正常运行和服务质量，有关人员须进行的技术管理工作。数据库管理的主要内容有：数据库的建立、数据库的调整、数据库的重建、数据库的重构、数据库的安全控制、数据的完整性控制和对用户提供技术支持。介于SQL的优点，本系统采用SQLServer2000，作为数据库工具。2.6系统开发环境操作系统：WindowsXP/WIN7。数据库系统：SQLSever2000。（3）开发平台：visualstudio2008。3系统设计与实现3.1系统架构J听音乐网站分前台管理和后台管理两个大模块，其中前台管理又分为：首页、音乐资讯、音乐在线、留言板、艺人介绍五大模块；后台管理又分为：系统管理、资讯管理、歌曲管理、热门歌曲管理、用户管理、歌曲类别管理。根据以上功能，我们设计出了网站的总体架构模型，涵盖了整个网站的应用，如图3-1所示。J听音乐网J听音乐网前台管理后台管理前台管理后台管理歌曲类别管理热门歌曲添加艺人介绍留言板用户管理歌曲添加资讯管理系统管理首页音乐资讯音乐在线歌曲类别管理热门歌曲添加艺人介绍留言板用户管理歌曲添加资讯管理系统管理首页音乐资讯音乐在线图3-1逻辑模型3.2系统流程音乐点播的业务流程应顺着系统信息流动的过程逐步地进行，内容包括各环节的处理业务、信息来源、处理方法、信息流的去向、提供信息的时间、提供信息的提供者、接受信息的地址和形态（报告、单据等）通过对音乐播放业务的实际调查分析，系统的系统分析阶段，以及广大用户的需求，我们设计出我们系统的业务流程图，弄清了音乐点播系统的业务流程，系统的业务流程如图3-2所示。用户退出评论音乐信息查询修改个人信息在线点播用户注册登录登录用户管理员用户退出评论音乐信息查询修改个人信息在线点播用户注册登录登录用户管理员修改音乐信息留言管理修改资讯信息修改用户信息修改音乐信息留言管理修改资讯信息修改用户信息退出退出图3-2音乐业务流程图3.3系统功能设计J听音乐网站系统主要由前台模块和后台管理模块两部分组成。会员在进入该网站后，不仅可以查看其各种林俊杰的歌曲，还可以选择查看关于林俊杰的各项音乐资讯。管理员登录后，不仅可以查看会员状态，还可以管理歌曲、音乐资讯、会员的信息。管理员还可以根据实际情况添加其他管理员以维护该音乐网站的环境和安全。3.3.1前台功能设计网站的前台功能设计，如图3-3所示。用户注册模块用户登录身份验证模块首页模块音乐在线模块艺人介绍模块用户注册模块用户登录身份验证模块首页模块音乐在线模块艺人介绍模块留言板模块数据库模块数据库访问模块音乐资讯模块图3-3前台功能设计图前台功能模块描述：（1）首页模块：普通用户可以登陆，进行音乐的分类查询，音乐资讯的查询，用户可以自己挑选喜爱的音乐种类进行查询。（2）音乐在线模块：在这里听友们可以任意的查找关于林俊杰的一切音乐，随意查找，试听，收藏。（3）音乐资讯模块：此模块显示了林俊杰在近段时间的动态，可以让J迷们更加贴切的了解林俊杰的动态方向，达到更加亲近的了解。（4）艺人介绍模块：详细的介绍了林俊杰的个人信息，让不了解的J迷们更加深刻的认识林俊杰。（5）留言板模块：用户可以对试听过的音乐留言，并可以进行评论的添加。（6）用户注册模块：听友可以在本网站注册会员，填写相关的信息，注册成功后可以享受本网站的所有信息资料。3.3.2后台功能设计根据前面的系统的系统功能分析中，将后台划分成6个模块，如图3-4所示。热门歌曲管理后台用户登录身份验证系统管理模块资讯管理模块歌曲管理模块热门歌曲管理后台用户登录身份验证系统管理模块资讯管理模块歌曲管理模块用户管理模块留言板管理模块数据库模块数据库访问模块图3-4后台功能设计图后台管理模块功能描述：系统管理：系统管理又划分为：用户添加和用户管理。用户添加可以利用高级别管理员的身份来添加注册新的管理员用户，；用户管理是高级管理员来管理普通管理员的，在这里高级管理员可以对普通管理员进行添加、删除、修改信息。（2）资讯管理：资讯管理又分为：资讯添加和资讯查询。资讯查询可以修改和删除资讯；资讯添加可以添加新的资讯动态。可达及时更新资讯来达到与时态同步进行。（3）歌曲管理：歌曲管理又分为：歌曲添加和歌曲查询。歌曲添加是添加新的歌曲，使得音乐网站的内容更加丰富，更能满足听友的需求。歌曲查询是对歌曲进行修改和删除的，这样一来也可以缓存数据库的压力。（4）注册用户管理：注册用户管理可以管理本网站的会员。对已注销的会员及时删除，对新添加的会员及时分类。也可以对会员的信息进行修改。（5）歌曲类别管理：管理员可以添加、删除、修改歌曲类别，让歌曲的分类更加详细些，方便听友的查找。（6）热门歌曲管理：管理员可以在这里添加热门歌曲，并且提供下载地址，方便听友们的下载。3.4系统技术要求（1）功能要求： =1\*GB3①系统设计的各项功能能够正确完成。 =2\*GB3②对输入的数据能判断出是否为非法数据或越界数据，系统会自动给出提示，告诉用户重新输入。 =3\*GB3③各模块在运行时互不干扰，各种操作的快捷键能够正确运行。 =4\*GB3④对非法操作能够给出正确处理。（2）编码要求：主应用程序的命名：主应用程序的命名应由项目负责人确定，能完全表达出本系统意义的英文字符串即可，包括应用程序对象名，应用所在的库名、项目名，可执行文件名都必须统一使用本命名。（3）界面要求： =1\*GB3①各窗口的大小适中，布局合理，插有图版，界面美观大方。 =2\*GB3②各窗口的控件及按钮的文字命名正确，有时还配有图标。（4）数据库要求： =1\*GB3①表的设计合理，没有冗余的数据。 =2\*GB3②表及字段的命名采用英文方式，字段类型及长度合理。 =3\*GB3③表的主键、外键和索引正确无误。 =4\*GB3④前台操作与后台数据库之间的连接正确。3.5数据库分析与设计3.5.1数据库分析本系统开发的数据库包括三个方面。论坛信息数据表：存储论坛有关数据及论坛留言，即论坛基本参数信息数据、论坛留言相互提信息数据表。歌曲数据表：存储歌曲基本参数信息，包括歌曲单曲存储表。（3）用户数据表：存储注册用户有关数据，包括注册用户信息数据表，用户登录账号管理存储表。3.5.2数据库设计根据网站的需求我们创建的数据库主要分为7个表：管理员表user、会员表members、留言板表leavemessage、资讯表message、歌曲列表music、收藏夹shoucang、类别leibie。这七个表分别涵盖了整个网站所要用到的数据。下面分别介绍这几个表的结构：（1）user（管理员表），是专为管理网站后台的人员创建的表，用于存储管理员的信息，其中还设置了管理员的权限，管理员可以在网站后台修改信息。包括编号（ID），管理员名称（name），密码（password），是否为高级管理员（juese）。其中，ID（编号）为该表的主键。（2）members（会员表），专门存储在本网站注册的会员，方便会员的下次登录。包括会员编号（MID）,会员昵称（Mname），用户密码（Mmima）,真实姓名（realname）,邮箱（email），QQ号码（QQ），地址（adress），如表3-1所示。表3-1members表列名数据类型长度说明MIDint4会员编号Mnamevarchar50会员昵称Mmimavarchar50用户密码realnamevarchar50真实姓名emailvarchar50邮箱QQvarchar50QQ号码adressvarchar50地址leavemessage（留言板表），本网站所有用户的留言都存储在此表中，方便用户查询，网站也通过此表跟网站的留言板联系在一块。包括留言编号（LID），会员昵称（Mname），留言内容（neirong），留言时间（time）。其中，LID（留言编号）为该表的主键，如表3-2所示。表3-2leavemessage表列名数据类型长度说明LIDint4留言编号Mnamevarchar50会员昵称neirongvarchar50留言内容timevarchar50留言时间（4）message（资讯表），此表用来存储网络资讯，包括资讯的标题，内容，时间，管理员可以通过管理此表来管理网站资讯。包括资讯编号（SID），标题（title），内容（content），时间（Stime）。其中，SID（资讯编号）为该表的主键。（5）music（歌曲列表），此表是歌曲的信息，尽可能的详细歌曲信息，方便用户以后的查找过程。此表包括歌曲编号（GID），歌曲名称（Gname），歌手（singer），歌曲类别（leibie），歌曲信息（xinxi）,歌曲链接（href）。其中，GID（歌曲编号）为该表的主键，如表3-3所示。表3-3music表列名数据类型长度说明MIDint4编号Mnamevarchar50歌曲名称singervarchar50歌手leibievarchar50歌曲类别Mxinxivarchar50歌曲信息Adressvarchar50歌曲链接lrcvarchar200歌词（6）shoucang（收藏夹表），用户可以根据自己的喜好把歌曲添加到自己的收藏夹中，以便下次在次试听。包括收藏编号（CID），会员编号（MID），歌曲编号（GID），歌曲名称（Gname），歌手（singer）。其中，CID（收藏编号）为该表的主键，MID（会员编号）和GID（歌曲编号）为该表的外键，通过这两个外键把members（会员表），music（歌曲列表），shoucang（收藏夹表）这三个表联系在一块。（7）leibie（歌曲类别表），记载了歌曲的类别，以便用户分类查找。包括类别编号（BID），类别名称（leibiename）。其中，BID（类别编号）为该表的主键。3.6系统实现整个网站主打黑色调，主要是符合现在年轻人的主流，新一代追星族都喜欢黑色沉稳，黑色的忧郁，黑色的安静。本网站就是抓住了新一代粉丝的这一特点，用来更加吸引粉丝的关注，让J迷们可以更加的喜欢J听音乐网站。3.6.1首页首页界面是非常富有特色的，既涵盖了整个网站的内容又显得简明，不冗余。简便明了，可以让用户一眼就找到自己想要的功能模块，为J迷们提供了方便快捷。在网站首页会员可以登录，登录后可在首页上点相应导航链接，进行操作。未经注册的会员也能登录主页，但不能进行试听歌曲，等其他的操作，如图3-5所示。图3-5首页首页主页面显示了七个大块：用户登录，新闻资讯，站内公告，专辑欣赏，歌曲下载，最新注册用户，最新歌曲。因为本网站当初的原则就是没有下载功能，但是为了迎合广大歌迷的需求，就只设置了一栏歌曲下载的模块，在这里是根据排行榜比较高的歌曲显示出来的，歌曲下载链接到其他网页，会员可以在其他网页中进行下载。3.6.2音乐在线在这里听友们可以任意的查找关于林俊杰的一切音乐，根据自己的喜好随意查找，点击即可在线试听歌曲或收藏歌曲。收藏之后，自动保存到数据库的收藏夹表中，用户在下次登录之后可以看到自己收藏过的音乐。歌曲搜索功能是直接链接到数据库中的music表，通过代码实现对页面中TEXTBOX文本框中的文字进行模糊查询，从而达到预期的效果。点击在线试听功能采取的原理是在页面中嵌入一个windows自带的播放器，获取上个页面请求的歌曲路径加入播放列表然后进行播放，如图3-6所示。图3-6音乐在线3.6.3音乐资讯显示了林俊杰在近段时间的动态，可以让J迷们更加贴切的了解林俊杰的动态方向，达到更加亲近的了解。本页面中通过拉一个GridView控件，在代码中链接相应的数据库，从数据库中读取就可以了。3.6.4艺人介绍详细的介绍了林俊杰的个人信息，包括他的喜好，讨厌的事情，专长，从来让不了解的J迷们更加深刻的认识林俊杰，发现他的多元化一面。3.6.5留言板用户可以对试听过的音乐进行留言，在这里J迷们可以尽情分享自己的心情，让更多的人分享自己的喜怒哀乐，可谓是达到了一种有福同享，有难同当的境界，在这里大家都是一家人，不管有什么困难，众多的J迷们起来来解决，如图3-7及对应代码如下所示。图3-7留言板本页面中既有留言栏还有查看留言栏，是及时呈现的。留言功能主要是用户在文本框中写入自己的留言，然后从TEXTBOX控件中读取内容，通过代码实现数据库的写入，在对应的数据库中增加留言内容，然后再从数据库分行中读取，显示到页面上。3.6.6用户注册听友可以在本网站注册会员