音乐网站设计毕业论文

目录

摘要………………………….…………………..…….………………...….…..I

1绪论 (1)

1.1课题研究目的 (1)

1.2课题研究意义 (1)

1.3国内外现状 (2)

2需求分析 ................................................................................................................. 2 错误!未定义书2.1需求分析. (2)

2.2功能分析 (2)

2.3开发工具介绍 (3)

2.4系统开发环境 (6)

3 系统设计与实现 (6)

3.1系统架构 (6)

3.2系统流程 (7)

3.3系统功能设计 (8)

3.3.1 前台功能设计 (8)

3.3.2 后台功能设计 (10)

3.4系统技术要求 (11)

3.5数据库分析与设计 (12)

3.5.1数据库分析 (12)

3.5.2数据库设计 (12)

3.6系统实现 (14)

3.6.1 首页 (14)

3.6.2 音乐在线 (16)

3.6.3 音乐资讯 (16)

3.6.4 艺人介绍 (17)

3.6.5 留言板 (17)

3.6.6 用户注册 (19)

3.6.7 后台管理 (19)

3.6.8 歌曲管理 (21)

3.6.9 资讯管理 (22)

4 系统测试 (22)

4.1测试方法 (22)

4.2预期测试结果 (22)

4.3测试结果 (22)

报告总结................................................................................... 错误!未定义书签。

J听音乐网站的设计与实现

摘要

随着网络技术的发展,人民在利用网络学习的同时,也在享受着网络带来的各种附带产品所产生的效应,如网络游戏,网络歌曲。音乐网站正是在这样的需求前提下应运而生。给人们的日常生活带来了极大的乐趣,让人们在繁忙疲惫的工作之后可以进行休闲。

本文分析了系统开发的背景和国内外音乐网站系统的发展现状,并对顾客需求作了比较详细的分析,详细阐述了设计了J听音乐网站需要实现的功能,设计思路和实现手段。

本文通过系统概述、系统分析、系统设计、系统实施、开发总结,详细的说明了系统的开发过程,最后并对整个开发过程进行了总结。根据系统所需功能,以https://www.360docs.net/doc/a42407513.html,为开发平台,采用DIV+CSS技术,结合SQL Server 2000,利用软件工程思想和方法,总体上用结构化生命周期法进行系统分析和设计,采用快速原型法来实现系统。

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)系统管理员

①对网站的会员进行管理:包括会员信息的查询、修改和删除。

②音乐信息管理:添加音乐信息、修改音乐信息。

③上传管理:后台用户上传音乐信息。

(4)普通用户

普通用户可以浏览该网站,选择登陆到系统中。

(5)登陆用户

不但可以浏览该网站的信息,还可以通过该网站试听自己喜欢的歌曲,进行收藏,还可以下载歌曲。

2.3开发工具介绍

正所谓“工欲善其事,必先利其器”,如今,各种网页制作软件漫天横飞,手工编写HTML代码的时代一去不复返了。而如何选择一款好的开发工具变得甚为重要。选择一个功能强大,实用简单的开发工具,你不仅可以减轻自己的工作量,达到事半功倍的效果,而且还可以借助开发工具的强大功能实现更多的技术,把网页制作的更加美幻绝伦。在这里我们选择了在多媒体软件方面有键鼠的Macromrdia公司推出的当前最为流行的网页开发工具Dreamweaver(版本Dreamweaver CS3),用Photo CS3进行图像处理,Flash设计动画。这三款软件都是Macromrdia公司的杰作,是网页开发工具的黄金搭档。在程序中选择了ASP

技术,数据库软件选择了My SQL Server(版本是My SQL Server 2000)。下面对它们逐一介绍。

(1)Dreamweaver CS3

Dreamweaver 是美国Macromrdia公司开发的集网页制作和管理网站于一身的所见即所得的网页编辑器。它是一套针对专业网页设计师的视觉化网页开发工具,自从1998年推出后,网页制作领域发生了翻天覆地的变化。这个软件以其良好的兼容性和高效性,给广大网页制作的专业人员及爱好者带来了莫大的惊喜。Dreamweaver还具有站点管理功能,为拥护实际和管理站点提供了方便[8]。Dreamweaver与其它同类软件相比主要有一下优点:

①不生成冗余代码。可视化的网页编辑器,都要把使用者的操作转换成HTML代码。一般的编辑器都会生成大量的冗余代码,给网页以后的修改带来了极大的不方便,同事还增加了网页文件的大小。Dreamweaver则在使用时完全不生成冗余代码,避免了诸多麻烦,而且,通过设置,还可以用Dreamweaver清除掉网页文件原有的冗余代码。

②强大的动态页面支持。Dreamweaver的Behavior能在使用者不懂JavaScript 的情况下,往网页中加入丰富的动态效果。Dreamweaver还可精确的对层进行定位,再加上Timeline功能,可生成动感十足的动态层效果。

③操作简便。首先,Dreamweaver提供的历史面板、Html样式、模版、库等功能避免了重复劳动,使用者不必重复输入相同的内容、格式。其次,Dreamweaver 能直接往页面中插入Flash等插件,经过设置之后还可直接调用Photoshop对页面的图像进行修改、优化。

④优秀的网站管理功能。在定义的本地站点中,改变文件的名称、位置,Dreamweaver会自动更新相应的超级链接。Check in和Check out功能可协调多个使用者对远程站点的管理。如今,Dreamweaver已由最初的版本发展到了Dreamweaver CS3版本。

(2)FLASH

Flash还是Macromrdia公司推出的专门为网络设计的一个交互矢量编辑和动画创作软件。网站设计者可以实用Flash随心所欲地为网站设计各种动态Logo、动画、导航条以及全屏动画,还可以带有动感音乐,完全具备多媒体各项功能[9]。

Flash成功的解决了网页动画交互性与网络宽带之间的矛盾,其动画格式成为Internet的新标准。

(3)ASP

目前主要的网络程序设计语言有ASP、PHP和JSP。PHP是一种易于学习和使用的服务器脚本语言,是生成动态网页的工具之一。它是嵌入HTML文件的一种脚本语言。其语法大部分是从C、JA V A、PERL语言中借来,并形成了自己的独有风格;目标是让WEB程序员快速的开发出动态的网页。JSP是由San Microsystems公司提出,多家公司合作建立的一种基于Java Server以及整个Java 体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。

ASP是微软公司推出的用以取代CGI的动态服务器网页技术。使用他可以创建和运行动态、交互的Web也和基于Web的功能强大的应用程序。有了ASP 就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。ASP吸收了当今许多流行的技术,如IIS,ACTIVEX,VBSCRIPT,ODBC等,是一种发展较为成熟的网络应用程序开发技术;其核心技术是对组件和对象技术的充分支持。通过使用ASP的组件和对象技术,用户可以直接使用ActiveX控件,调用对象方法和属性,以简单的方式实现强大的功能。

(4)SQL

SQL全称是“结构化查询语句”。SQL语言结构间接,功能强大,简单易学。SQL是高级的非过程化编程语言,允许用户在高层数据结构上工作。SQL是一种用于数据库查询和编程的语言,已经成为关系型数据库普遍使用的标准,使用这种标准数据库语言对程序设计和数据库的维护都带来了极大的方便,广泛地应用于各种数据的查询。他不要求用户指定对数据的存放方法,也不需要用户了解具体的数据存放方式,所以具有完全不同底层结构的不同数据库系统可以使用相同的SQL语言作为数据输入与管理的接口。它以记录集合作为操纵对象,所有SQL语句接受集合作为输入,所以SQL语言可以嵌套,这使它具有机打的灵活性和强大的功能,在多数情况下,在其他语言中需要一大段程序实现的一个单独

事件只需要一个SQL语句就可以达到目的,这也意味着用SQL语言可以写出非常复杂的语句。SQL同时也是数据库文件格式的扩展名。

数据库,顾名思义,是存入数据的仓库。只不过这个仓库是在计算机存储设备上的,而且数据是按一定格式存放的。要是下定义的话,就应该是:指长期储存在计算机内的,可共享的数据集合。数据库管理是有关建立,存储,修改和存取数据库中信息的技术,是指为保证数据系统的正常运行和服务质量,有关人员须进行的技术管理工作。数据库管理的主要内容有:数据库的建立、数据库的调整、数据库的重建、数据库的重构、数据库的安全控制、数据的完整性控制和对用户提供技术支持。

介于SQL的优点,本系统采用SQL Server 2000,作为数据库工具。

2.6系统开发环境

(1)操作系统:Windows XP/WIN 7。

(2)数据库系统:SQL Sever 2000。

(3)开发平台:visual studio 2008。

3 系统设计与实现

3.1系统架构

J听音乐网站分前台管理和后台管理两个大模块,其中前台管理又分为:首页、音乐资讯、音乐在线、留言板、艺人介绍五大模块;后台管理又分为:系统管理、资讯管理、歌曲管理、热门歌曲管理、用户管理、歌曲类别管理。根据以上功能,我们设计出了网站的总体架构模型,涵盖了整个网站的应用,如图3-1所示。

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 后台功能设计图

后台管理模块功能描述:

(1)系统管理:系统管理又划分为:用户添加和用户管理。用户添加可以利用高级别管理员的身份来添加注册新的管理员用户,;用户管理是高级管理员来管理普通管理员的,在这里高级管理员可以对普通管理员进行添加、删除、修改信息。

(2)资讯管理:资讯管理又分为:资讯添加和资讯查询。资讯查询可以修改和删除资讯;资讯添加可以添加新的资讯动态。可达及时更新资讯来达到与时态同步进行。

(3)歌曲管理:歌曲管理又分为:歌曲添加和歌曲查询。歌曲添加是添加

后台用户登录身份验

统管理模块

资讯管理模块

歌曲管理模块

用户管理模块

留言板管理模块

数据库模块

数据库

访问模

热门歌曲管理

新的歌曲,使得音乐网站的内容更加丰富,更能满足听友的需求。歌曲查询是对歌曲进行修改和删除的,这样一来也可以缓存数据库的压力。

(4)注册用户管理:注册用户管理可以管理本网站的会员。对已注销的会员及时删除,对新添加的会员及时分类。也可以对会员的信息进行修改。

(5)歌曲类别管理:管理员可以添加、删除、修改歌曲类别,让歌曲的分类更加详细些,方便听友的查找。

(6)热门歌曲管理:管理员可以在这里添加热门歌曲,并且提供下载地址,方便听友们的下载。

3.4系统技术要求

(1)功能要求:

①系统设计的各项功能能够正确完成。

②对输入的数据能判断出是否为非法数据或越界数据,系统会自动给出提示,告诉用户重新输入。

③各模块在运行时互不干扰,各种操作的快捷键能够正确运行。

④对非法操作能够给出正确处理。

(2)编码要求:

主应用程序的命名:主应用程序的命名应由项目负责人确定,能完全表达出本系统意义的英文字符串即可,包括应用程序对象名,应用所在的库名、项目名,可执行文件名都必须统一使用本命名。

(3)界面要求:

①各窗口的大小适中,布局合理,插有图版,界面美观大方。

②各窗口的控件及按钮的文字命名正确,有时还配有图标。

(4)数据库要求:

①表的设计合理,没有冗余的数据。

②表及字段的命名采用英文方式,字段类型及长度合理。

③表的主键、外键和索引正确无误。

④前台操作与后台数据库之间的连接正确。

3.5数据库分析与设计

3.5.1数据库分析

本系统开发的数据库包括三个方面。

(1)论坛信息数据表:存储论坛有关数据及论坛留言,即论坛基本参数信息数据、论坛留言相互提信息数据表。

(2)歌曲数据表:存储歌曲基本参数信息,包括歌曲单曲存储表。

(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-1 members表

列名数据类型长度说明

MID int 4 会员编号

Mname varchar 50 会员昵称

Mmima varchar 50 用户密码

realname varchar 50 真实姓名

email varchar 50 邮箱

QQ varchar 50 QQ号码

adress varchar 50 地址

(3)leavemessage(留言板表),本网站所有用户的留言都存储在此表中,方便用户查询,网站也通过此表跟网站的留言板联系在一块。包括留言编号(LID),会员昵称(Mname),留言内容(neirong),留言时间(time)。其中,LID(留言编号)为该表的主键,如表3-2所示。

表3-2 leavemessage表

列名数据类型长度说明

LID int 4 留言编号

Mname varchar 50 会员昵称

neirong varchar 50 留言内容

time varchar 50 留言时间

(4)message(资讯表),此表用来存储网络资讯,包括资讯的标题,内容,时间,管理员可以通过管理此表来管理网站资讯。包括资讯编号(SID),标题(title),内容(content),时间(Stime)。其中,SID(资讯编号)为该表的主键。

(5)music(歌曲列表),此表是歌曲的信息,尽可能的详细歌曲信息,方便用户以后的查找过程。此表包括歌曲编号(GID),歌曲名称(Gname),歌手(singer),歌曲类别(leibie),歌曲信息(xinxi),歌曲链接(href)。其中,GID(歌曲编号)为该表的主键,如表3-3所示。

表3-3 music表

列名数据类型长度说明

MID int 4 编号

Mname varchar 50 歌曲名称

singer varchar 50 歌手

leibie varchar 50 歌曲类别

Mxinxi varchar 50 歌曲信息

Adress varchar 50 歌曲链接

lrc varchar 200 歌词

(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 及对应代码如下所示。

相关主题
相关文档
最新文档