音乐网站系统的设计和实现.docx
《音乐网站系统的设计和实现.docx》由会员分享，可在线阅读，更多相关《音乐网站系统的设计和实现.docx（25页珍藏版）》请在冰豆网上搜索。
音乐网站系统的设计和实现
1绪论2
1.1开发背景2
1.2研究意义2
1.3实现目标2
2系统需求分析2
2.1系统调查3
2.2新系统的逻辑方案4
2.3可行性论证8
2.4开发技术8
3网站的总体结构设计11
3.1网站功能模块结构的设计11
3.2数据库设计12
3.3网页设计17
3.4页面链接导航设计17
4音乐星空网的实现18
4.1建立ASP的运行环境19
4.2主页default.asp页面的实现19
4.3后台管理的实现21
4.4用户注册页面的设计23
4.5用户发贴页面的设计24
5系统测试24
5.1测试概述24
6总结26
参考文献27
致谢词28
独撰声明29
音乐网站
XXXXXX指导教师：
YYY
（2005级计算机科学与技术）
摘要：
随着计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。
尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常地方便。
本网站按照软件工程开发思路，在系统分析中以数据字典和数据流程图的形式确定了系统的基本框架，接着在此基础上设计出网站模块功能结构图，然后用E-R图说明了系统的库表结构，最后论文从网页上的风格、色彩、链接、功能、算法等属性分析了系统中典型的ASP网页文件。
本网站主要实现了对Web数据库的数据录入、修改、删除，相关数据的分析统计等功能。
关键词：
音乐网站ASPWeb数据库
MusicWebsite
LiHuaSupervisor:
YYYY
（2005ComputerScienceandTechnology）
Abstract：
Withcomputersandtherapiddevelopmentofcomputernetworks,peoplerelyoncomputernetworksisgrowing.E-commerceinparticular,itgreatlyreducesthedependenceonthesurroundingenvironment,nomatterwhereuserscanbrowsetoalltypesofinformationallovertheworld,veryconvenient.Thissitedevelopedinaccordancewiththeideaofsoftwareengineering,systemsanalysisinthedatadictionaryanddataflowdiagramformthebasicframeworkofthesystem,andthenonthebasisofthedesignofWebsitestructuremoduleandthenusetheERdiagramillustratesthedatabasesystemtablestructure,thefinalpaperfromthesamewebsitestyle,colors,links,functions,analysisofalgorithms,suchassystemattributestypicalASPpagedocument.ThemainachievementofthisWebsitedatabaseofWebdataentry,modify,delete,query,statisticaldataanalysisfunctions.
KeyWords：
MusicsiteASPWebDatabase
1绪论
1.1开发背景
随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。
为了满足音乐爱好者，明星崇拜者，各种专辑痴迷着的需求，一批以音乐为主题的网站也应运而生。
而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻的网上多用户发布，多栏目管理，实时的进行行为统计和记录的网上交互系统。
本站设计目标就是设计一个以音乐新闻购物为一体的动态交互网站，用户可以在浏览过程中，实现和本站信息的交互。
1.2研究意义
随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。
而动态交互式网页刚好提供了这些功能[1]。
1.3实现目标
针对音乐网站的实际情况，为了方便广大听众，而设计一个以音乐新闻购物为一体的动态交互网站，用户可以在浏览过程中，实现和本站信息的交互，应能达到以下目标：
●浏览咨讯:
浏览者可以随时上网获得一些相关音乐的最新咨讯。
●视听音乐:
浏览者可以随着上网试听本站提供所有的音乐。
●查看邮购:
浏览者可以随时上网查看并邮购本站提供的音乐专辑。
●在线调查:
浏览者可对本站的在线调查进行投票和查看投票结果。
●浏览发贴:
浏览者可上网查看浏览本站论坛，发贴和回贴，提供用户注册、登
录，注册用户登录后可以随时发贴和回帖。
●后台管理:
管理员可以后台管理本站的新闻、歌曲、邮购、论坛、在线调查的
数据，内容可以是添加、修改、删除等操作。
2系统需求分析
需求分析是软件生命周期的一个重要阶段，它根本的任务是确定为了满足用户的需要必须做什么。
具体地说，应该确定系统必须具有的功能和性能，系统要求的运行环境，并且预测系统发展的前景，必须仔细分析系统中的数据，既要分析系统中的数据流。
又要分析长期使用的数据存储，通过分析应该得出新系统逻辑方案数据流程图、数据字典等，为系统的设计奠定基础[2]。
2.1系统调查
按照软件工程的开发思路，首先对本站功能需求做详细的调研，然后在调研的基础设计新系统的逻辑方案。
再经过可行性论证最后就可以开始设计和实施。
2.1.1本站需求调查
随着人们物资文化生活水平的不断提高，人们对精神文化生活的要求也越来越高，这样越来越多的歌曲，明星就走进了平常人的生活，这些人们只能选择周末或者节假日抽一些时间通过各种媒体来了解。
但是由于各种媒体中比如电视新闻一般都有时效性，过去的新闻在电视中很难再看到，收音机或者广播和电视类似，而一份报纸不可能的内容毕竟有限，特别是报纸的类别性很强，比如体育类的报纸上很难找到歌曲和明星的影子，反过来也一样。
唯有新兴的第四媒体的网络可以吸取众多媒体之所长，弥补众多媒体之所短。
于是人们正在以每年成百上千万的人加入到网络这个世界中来。
为了满足越来越多的喜欢歌曲和音乐的对网络的需求。
本人决定设计一个以歌曲，专辑邮购为主题的音乐网站。
我为了设计好这个网站，利用一个多月的时间，专门对不同学历，不同职业的爱好音乐的人进行了调查。
通过调查，90%以上的人显示出超常的热情，他们对该网站表示出极大的关注，综合他们对网站的需求和建议后，整理出他们对本站建设的栏目需求如下[3]：
●通过浏览本站可以及时获得明星们最新相关咨讯。
●通过浏览本站可以欣赏最新流行，好听的歌曲。
●通过浏览本站可以获得本站提供的最新的明星最新专辑信息并可以通过本站邮购。
2.1.2功能需求分析
通过上面的用户调查，本站初步规划已经比较清晰，但是，用户调查中用户没有提到开办一个爱好者交流的平台，没有提到用户对一些热门问题的在线调查等栏目，在功能需求分析阶段，我们综合需求调查的结果和我们建站的经验，所以，本站功能需求经过以上分析最后整理如下[4]：
●浏览者可以随时上网获得一些相关音乐的最新咨讯。
●浏览者可以随着上网试听本站提供所有的音乐。
●浏览者可以随时上网查看并且邮购本站提供的音乐专辑。
●浏览者可以随时上网查看浏览本站推荐的明星和专辑介绍。
●浏览者可以随时上网对本站的在线调查进行投票和查看投票结果。
●浏览者可以随时上网查看浏览本站论坛，发贴和回贴，可以提供用户注册，用户登录，登录时并提供cookie有效期，方便经常登录用户，注册用户登录后可以随时发贴和回帖。
●管理员可以后台管理本站的新闻、歌曲、邮购、论坛、在线调查的数据。
管理的内容可以是添加、修改、删除等操作。
2.2新系统的逻辑方案
2.2.1数据流程图
数据流程图描绘系统的逻辑模型图，其中没有任何具体的物理元素，只是描绘信息在系统中流动和处理的情况。
因为数据流程图是逻辑系统的图形表示，即使不是专业的计算机技术人员也容易理解，所以是极好的通信工具。
此外，设计数据流程图只需考虑系统必须完成的基本逻辑功能，完全不需要考虑如何具体地实现这些功能，所以它也是软件设计的很好的出发点。
音乐星空网主要是对音乐爱好者提供一个及时获得音乐的相关咨讯，欣赏音乐，提供专辑的邮购和提供在线调查和在论坛发布帖子的一个平台[5]。
数据流程图如图1所示。
浏览新闻
外部实体处理数据流数据存储
图1数据流程描述图
设计流程图如图2所示：
图2设计流程图
主要的数据源有最新资讯、歌曲相关信息、邮购物品相关信息、帖子相关信息、在线调查相关信息。
它们在系统中流动和处理详细见下面的数据流程图，如图2所示。
从数据流程图上容易看出该网站信息流程如下：
浏览者登录网站后可以浏览本站发布的相关咨讯信息、欣赏本站所有歌曲、查看本站提供的所有的邮购物品信息、提交本站的在线调查、浏览本站的所有的论坛帖子内容。
用户注册登录后可以发布自己的主题，或者对已有的主题帖子进行回复。
管理员可以通过登录后台管理数据库中的最新咨讯信息，歌曲信息，邮购物品信息，所有的论坛帖子信息。
对本站的数据库表进行管理包括对所有表的记录的添加、修改、删除、浏览等。
对顶层数据流程图每个功能模块进一步分解，还可以将每个功能模块进一步细化，这样就可以得到数据的第一层数据流程图，以上面的后台管理模块为例，可以对后台管理功能进一步细化为信息的后台浏览、信息的添加、信息的修改、信息的删除等子功能。
这样就得到系统的第一层数据流程图，以后台管理为例下面给出后台管理的第一层数据流程图。
管理员功能数据流程图如图3所示：
图3管理员功能数据流程图
2.2.2数据词典
上文中的数据流程图只能给出系统逻辑功能的一个总框架而缺乏详细、具体的内容。
数据词典的作用是给数据流程图上的每一个成分以定义和说明。
除此之外，数据词典还要对系统分析中其它需要说明的问题进行定义和说明。
本文的数据词典描述的主要内容有：
数据元素、数据结构、数据流、数据存储、处理逻辑和外部项。
在系统分析的过程中，产生了大量的数据词典。
限于篇幅，我采用仅就这几项条目各举一例来说明。
下面为音乐网站流程图中的每一部分编制数据字典。
●数据元素：
论坛中每个注册用户都有用户帐号这个信息，其描述内容如下：
数据元素名称：
用户帐号
类型：
字符型
长度：
20位
相关的数据结构：
用户帐号+密码+电子邮箱+性别+qq+来自地方+发贴数量+注册日期+最后一次登录时间+个人主页+头像
●数据流：
数据流“注册信息”条目如下：
数据流名称：
注册信息
说明：
用户注册时提交的信息
数据流来源：
注册用户
数据流去向：
后台数据库
数据流组成：
用户名＋密码+邮箱地址+……
●数据存储：
数据存储“用户信息”条目如下：
数据存储名称：
用户信息
简述：
存放的是每个用户相关信息情况
输入数据：
注册的用户信息
数据存储组成：
用户帐号+密码+电子邮箱+性别+qq+来自地方+发贴数量+注册日期+最后一次登录时间+个人主页+头像
存储方式：
按注册的先后顺序排列
●数据处理：
数据处理“分页跳转”条目如下：
数据处理名称：
分页跳转
简要描述：
根据提交的跳转的页号转向该页。
输入数据流：
页号
输出数据流：
分页显示中的该页的所有记录。
处理逻辑：
根据用户输入页号在分页显示浏览页面时跳转到该页。
●外部实体：
外部实体“管理员”的条目如下：
外部实体名称：
管理员
输入数据流：
用户名和密码
输出数据流：
获得相应的session变量的同时系统返回相应的管理页面的信息。
2.3可行性论证
通过对该音乐网设计的逻辑方案的确定后，现对该音乐网开发和实施可行性进行分析。
技术上可行：
目前，国内有众多的优秀的空间出租商和域名代理商，他们可以提供完善的，稳定的，优质的服务，所以该网站建成后，不需要担心服务器的技术上的维护等，另外，软件设计方面，ASP技术是一种目前比较成熟的动态网页开发技术，技术上都比较成熟。
因此在技术上是可行的。
经济上可行：
由于网站投入运行是租用空间，不用自己投资购买服务器，硬件防火墙等，每年只需支付几百元的空间和域名的费用，开发经费没有问题。
管理上可行：
由于本站设计的有强大的后台管理功能，即使是不懂计算机的人，也可以轻松地对本站进行管理。
综上所述，开发该音乐网站在技术上、经济上、管理上都是可行的。
2.4开发技术
2.4.1ASP及相关技术介绍
近年来随着Internet技术的飞速发展及用户需求的不断升级，Web页面技术也不断的推陈出新，使得Web站点的功能越来越强大，能够提供的服务种类越来越繁多。
从HTML、ClientScript到CGI,从JAVA的诞生到ActiveX,Web页面设计人员不断受到冲击，微软公司在总结了以往技术，重新思考Web页面设计的真正需要后，推出了ActiveServerPages（ASP），一种用以取代CGI（CommonGatewayInterface，通用网关接口）的技术[6]。
简单讲，ASP是位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式的动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。
更重要的是，ASP使用的ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的Web编写工具所远远不及的地方。
使用ASP还有个好处，就在于ASP可利用ADO（ActiveDataObject,微软的一种新的数据访问模型）方便快捷地访问数据库,从而使得开发基于WWW的应用系统成为可能，这也是本文选择ASP作为开发工具最重要的原因之一。
2.4.2IIS简介
Web服务器是Web应用程序的心脏。
IIS（InternetInformationServer）是微软推出的WindowsNTOptionPack的主要成员，作为Win2000server的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的Web服务器之一。
新推出的IIS6.0版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，内置JAVA虚拟机及全面支持ASP等强大功能。
2.4.3IIS与ASP的结合
在过去，客户机/服务器结构的设计与Web的相关技术几乎处于平行线上，两者相互独立并无法作出集成性的设计。
现在我们利用IIS+ASP构成三层式Web结构的中间一层，将客户机/服务器结构与Web密切结合，完成前后端两者的集成输出功能，使得Web站点的开发更方便，实现的功能更强大。
利用IIS+ASP技术来集成Web前后端所带来的强大效益可归结为以下几个方面：
利用IIS+ASP构成三层式Web结构的中间一层如图4所示：
图4IIS+ASP构成三层式Web结构的中间一层
●减少构建和维护成本
●加快联机过程
●应用软件集中在服务器端开发管理
●前端可使用任何浏览器（IE、Netscape…..）
●后端可存取任何数据库（SQL、Access…..）
●可使用任何脚本语言开发（VBScript、JavaScript、PERL…..）
2.4.4开发工具
基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序，并且应是一个可视化的工具。
我们采用了DreamweaverMX进行开发，它是用来快速创建数据驱动Web应用程序的基于团队的开发环境，支持ASP，以ODBC连接数据库，脚本语言为简单易学的JavaScript或VBScript[7]。
2.4.5数据库系统选择
本系统将采用MicrosoftAccess作为系统的DBMS支撑，MicrosoftAccess是能够支持企业级关系型数据库的管理系统，它能与Windows操作系统紧密集成，具有方便易用的图形管理界面，其用户界面风格与Windows一样非常友好。
MicrosoftAccess在存储大容量数据方面，在数据的安全性和完整性方面，在分布式处理等都是适合于企业级应用的。
而其相对Oracle，DB/2等大型数据库来说，学习更为容易，应用成本也相对较低。
采用MicrosoftAccess+ASP.Net开发本系统是一个较为理想的组合。
2.4.6运行需求
需WIN2000以上操作系统，ASP开发环境，MicrosoftAccess中文版数据库管理系统，OFFICE2003应用软件。
在WindowsXP上运行Asp的环境也是IIS。
如果安装的是WindowsXPServer,IIS5.0将作为一个默认选项被安装。
如果使用的是WindowsXP中文专业版，则需要使用控制面板“添加/删除程序”来安装IIS及其组件。
3网站的总体结构设计
3.1网站功能模块结构的设计
数据流程图能够很好的反映系统和模块的逻辑功能，但不涉及具体模块的物理构成和实现途径，不能有效地体现整个系统的层次关系。
从系统的整体出发，明确系统的层次之间的关系和模块之间的关系。
按照结构化的系统设计方案，由系统顶层数据流图得到第一层流程图[8]。
音乐星空网第一层图如图5所示：
图5音乐星空网第一层图
在第一层的基础上，根据第一层数据流图，对系统进行进一步的功能分解，得到第二层，以后台管理为例。
音乐星空网第二层图如图6所示：
图6音乐星空网第二层图
在第二层图的基础上还可以继续对系统功能进行分解，从而得到第三层图。
以信息删除子模块为例，还可以继续分解为最新咨讯信息的删除，歌曲信息删除，购物信息删除，论坛帖子信息删除等之模块。
第三层就不再画出。
3.2数据库设计
3.2.1数据库的概念结构设计
新系统逻辑方案中的数据流程图和数据字典对新系统描述已经很清晰，经过前面可行性论证后，下面就可以在此基础上进行系统的数据库结构设计。
根据前面的数据字典的描述，新系统的数据项和数据结构如下[9]：
●咨讯信息：
信息编号、主题、内容、日期、点击次数、价格。
●歌曲信息：
歌曲编号、歌曲名称、演唱者、存放地址、时间、点击次数。
●邮购信息：
邮购编号、专辑名称、专辑人、内容、市场价格、邮购价格、推出时间、点击次数[10]。
●留言信息：
留言主题、内容、留言时间、回帖编号、发言人、发言心情图片、阅读次数、IP地址、QTT图片。
●论坛用户表：
用户名、密码、电子邮件、性别、QQ、来自地区、发贴数量、注册时间、最后一次登录时间、主页地址、头像。
实体和实体之间的关系的E-R图7所示：
图7音乐星空网E-R图
3.2.2数据库的逻辑结构设计
根据分析阶段得出的实体联系图如图7所示，结合本网站系统对有关数据的存储的需要，更加方便实现该动态网页系统的所有功能，现将本网站设计成7个数据库表，下面逐一说明[11]：
●表user_table：
论坛注册用户信息表，该表用来存放个人资料信息。
●表news：
最新咨讯信息表，用来存放音乐明星最新咨讯。
●表kq：
歌曲表，用来存放本站提供的所有的音乐相关信息。
●表ly：
留言表，用来存放本站注册用户所有的帖子信息。
●表yougou：
邮购表，用来存放本站所有音乐专辑邮购信息。
●表research：
在线调查表，用来存放本站在线调查的投票结果。
●表admin：
管理员表，用来存放本站后台管理的登录信息。
以上是本系统的库表结构的简要说明。
对这些表的详细结构如下，表1至表7所示：
表1user_table（论坛用户信息表）
字段名
字段类型
字段长度
说明
Id
自动编号
长整型
编号
Username
文本型
50
注册姓名
Passwd
文本型
50
登录密码
Email
文本型
50
电子邮箱
Sex
文本型
8
性别
Qq
文本型
50
Qq号
Come_from
文本型
50
来自地方
Fb_num
文本型
50
发布帖子数量
Register_date
文本型
50
注册时间
Lastlogindate
文本型
50
最后登录时间
url
文本型
50
主页地址
Face
文本型
50
头像
表2news（所有咨讯信息表）
字段名
字段类型
字段宽度
说明
Id
自动编号
长整型
编号
Title
文本型
50
咨讯主题
Text
文本型
50
内容
Idate
日期型
50
发布时间
Click
数字型
8
点击次数
表3kq（歌曲信息表）
字段名
字段类型
字段宽度
说明
Id
自动编号
长整型
编号
Kqmc
文本型
50
收方姓名
Ycz
文本型
50
发信类别
Address
文本型
50
发方姓名
Time
文本型
50
标题
Click
文本型
50
信件内容
表4yougou（专辑邮购表）
字段名
字段类型
字段宽度
说明
Id
自动编号
长整型
编号
Zjmc
文本型
50
专辑名称
Name
文本型
50
姓名
Leirong
文本型
50
内容
Price1
文本型
50
市场价格
Price2
文本型
50
邮购价格
Time
日期型
50
发布时间
Click
数字型
50
点击次数
表5ly（论坛留言表）
字段名
类型
宽度
说明
Title
文本
50
主题
Nei
备注
备注
内容
T
时间
8
发贴时间
Rt
文本
1
主题类别
Name
文本
50
发布（跟贴）人
Pic
文本
50
帖子图案
Yd
数字
5
阅读次数
Ip
文本
50
Ip地址
Qtt
文本
50
Q贴图
表6reseach（栏目调查表）
字段名
字段类型
字段宽度
说明
Id
自动编号
长整型
编号
Selecta
数值型
长整型
A的票数
Selectb
数值型
长整型
B的票数
Selectc
数值型
长整型
C的票数
Selectd
数值型
长整型
D的票数
Selecte
数值型
长整型
E的票数
Selectf
数值型
长整型
F的票数
Selectg
数值型
长整型
G的票数
Selecth
数值型
长整型
H的票数
Selecti
数值型
长整型
I的票数
表7admin（管理员帐号表）
字段名
字段类型
升级会员 