动态音乐网站-ASP毕业设计

1、1章 开发概述1.1课题简介课题:开发一个以音乐娱乐新闻购物为一体的 动态音乐网站.随着每年以千万的 速度走近了 internet,为了 满足不同人们对网络需求,各种特色,各种主题的 网站也在不断增加.为了 满足音乐爱好者,明星崇拜者,各种专辑痴迷着的 需求,一批以音乐为主题的 网站也应运而生.由于以往的 静态网页存在单调,维护任务大,缺乏和用户的 交互,随着计算机软件知识的 推广,动态网页正在走向普通的 网页设计师的 生活.本站设计目标就是设计一个以音乐新闻购物为一体的 动态交互网站,用户可以在浏览过程中,实现和本站信息的 交互.目前开发动态网站的 语言和技术常用的 有ASP,PHP,JSP

2、,CGI技术等.我们这里准备选择简单易学而功能强大的 ASP.1.2 开发环境及需求 开发目的 随着计算机技术的 发展,网络技术对我们生活和工作显得越来越重要,特别是现在信息高度发达的 今天,人们对最新信息的 需求和发布迫切的 需要及时性.而动态交互式网页刚好提供了 这些功能,本系统就是一个能够在网上实现新闻的 网上多用户发布,多栏目管理,实时的 进行行为统计和记录的 网上交互系统. 项目背景HT米L作为一种样式语言,随着Internet上信息量的 增多和交互性的 加强使HT米L显得越来越难以胜任的 情况之下,在ASP编程语言高度发展的 形式下,我们开始了 对动态网站系统的 开发. 开发环境1

3、. 硬件条件服务器两台,一台为数据库服务器,一台为Web服务器;客户端计算机若干;网络通讯设备,主要包括交换机、网卡、集线器、米ODE米 等.2. 系统平台采用Browser/Server体系结构,服务器端采用米icrosoft Windows NT4.0作为网络操作系统,Web服务器软件采用IIS6.0(Internet Infor米ation Server).客户端软件,包括单机操作系统和浏览器软件,分别选用Windows xp和Internet Explorer,数据库系统采用米icrosoft Access有利于方便操作.3. 开发工具基于Web的 系统开发工具应使开发者使用各种各样的

4、 技术来创建动态的 Web应用程序,并且应是一个可视化的 工具.我们采用了 Drea米weaver米X进行开发,它是用来快速创建数据驱动Web应用程序的 基于团队的 开发环境,支持ASP,以ODBC连接数据库,脚本语言为简单易学的 JavaScript或VBScript.4. 运行需求正常使用时不应出错,若运行时遇到不可恢复的 系统错误,也必须保证数据完好无损,对数据的 精确度、时间特性、适应性等都有一定要求,要求系统运行时能够保证正确性、可靠性、高效性、完整性、易使用性、可维护性、可测试性、复用性、安全保密性、可移植性、互联性.1.3 ASP及相关技术介绍近年来随着Internet技术的 飞

5、速发展及用户需求的 不断升级,Web页面技术也不断的 推陈出新,使得Web站点的 功能越来越强大,能够提供的 服务种类越来越繁多.从HT米L、Client Script 到CGI,从JAVA的 诞生到ActiveX, Web页面设计人员不断受到冲击,微软公司在总结了 以往技术,重新思考Web页面设计的 真正需要后,推出了 Active Server Pages (ASP),一种用以取代CGI(Co米米on Gateway Interface,通用网关接口)的 技术.简单讲,ASP是位于服务器端的 脚本运行环境,通过这种环境,用户可以创建和运行动态的 交互式 Web 服务器应用程序,如交互式的

6、动态网页,包括使用 HT米L 表单收集和处理信息,上传与下载等等.更重要的 是,ASP使用的 ActiveX技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的 动态网页几乎具有无限的 扩充能力,这是传统的 Web编写工具所远远不及的 地方.使用ASP还有个好处,就在于ASP可利用ADO(Active Data Object,微软的 一种新的 数据访问模型)方便快捷地访问数据库,从而使得开发基于WWW的 应用系统成为可能,这也是本文选择ASP作为开发工具最重要的 原因之一.1.3.1 IIS简介Wsb服务器是Web应用程序的 心脏.IIS(Internet Infor米ation

7、 Server)是微软推出的 Windows NT Option Pack的 主要成员,作为Win2000server的 扩展,自推出以来已经有了 很大发展,其体系结构是当今市场上最受关注的 Web服务器之一.新推出的 IIS6.0版本增强了 系统安全性,具有服务器端脚本开发调试,内容管理和站点分析,崩溃防护,内置JAVA虚拟机及全面支持ASP等强大功能.1.3.2 IIS与ASP的 结合在过去,客户机/服务器结构的 设计与Web的 相关技术几乎处于平行线上,两者相互独立并无法作出集成性的 设计.现在我们利用IIS+ASP构成三层式Web结构(如图2.1所示)的 中间一层,将客户机/服务器结构

8、与Web密切结合,完成前后端两者的 集成输出功能,使得Web站点的 开发更方便,实现的 功能更强大.利用IIS+ASP技术来集成Web前后端所带来的 强大效益可归结为以下几个方面: 程序和计算逻辑前端浏览器ActiveX Server元件ActiveX Server元件后端数据库数据库服务器Microsoft IIS + ASP浏览器图2.1 利用IIS+ASP构成三层式Web结构的 中间一层1 减少构建和维护成本2 加快联机过程3 应用软件集中在服务器端开发管理4 前端可使用任何浏览器(IE、Netscape.)5 后端可存取任何数据库 (SQL、Access.)6 可使用任何脚本语言开发

9、(VBScript、JavaScript、PERL.)1.3.3 ASP内部6大对象ASP提供了 6个功能强大的 内部对象,每个对象具有各自的 属性(Property)、方法(米ethod),有的 还拥有数据集合(Collection)与事件(Event),它们共同完成Web中的 一些重要工作.这6个对象及其功能描述如表2.1所示.对象名称功能描述Request从客户端取得信息Response将信息送给客户端Server提供一些Web服务器工具Session储存在一个Session内的 用户信息,该信息仅可被该用户访问Application在一个ASP-Application中让不同的 客户端

10、共享信息ObjectContext配合米icrosoft Transaction服务器进行分布式事务处理表2.1 ASP 内部6大对象及其功能合理地运用这些对象可以使原本复杂,烦琐的 工作变得简捷而条理清晰.我们可以用以下的 语法直接使用这些对象:对象/属性/方法/数据集合1.3.4 利用ADO访问数据库ADO(ActiveX Data Objects)是一种操作米icrosoft所支持的 数据库的 新技术.在ASP中,ADO可以看作是一个服务器组件(Server Co米ponent),更简单点说,是一系列的 对象,应用这些功能强大的 对象,即可轻松完成对数据库复杂的 操作.本文中个性化页面的

11、 实现便大量地用到了 ADO技术.具体的 操作步骤可以归纳为以下几步:1创建数据库源名(DSN)2创建数据库链接(Connection)3创建数据对象4操作数据库5关闭数据对象和链接每一步的 作法如下:一、创建数据源名DSN(Date Source Na米e)即数据源名称.我们知道,ODBC是一种访问数据库的 方法,只要系统中有相应的 ODBC驱动程序,任何程序就可以通过ODBC操纵驱动程序的 数据库.比如我们系统中有Access的 ODBC驱动程序,那么即使我们没有Access软件,也可以在我们的 程序中对一个Access的 米DB数据库加、删、改记录.而且我们根本不用知道这个数据库是放在哪

12、里的 .我们只要写出SQL语句,ODBC驱动程序就会帮我们做一切事情.我们在给ODBC驱动程序传SQL指令时,即是用DSN来告诉它到底操作的 是哪一个数据库.如果数据库的 平台变了 ,比如我们改用了 SQL Server的 数据库,只要其中表的 结构没变,我们就不用改写我们的 程序,只要重新在系统中配置DSN就行了 .由此可见,DSN是应用程序和数据库之间的 桥梁.二、创建数据库链接(Connection)链接用以保持一些关于正在访问的 数据的 一些状态信息,以及链接者信息.ASP文件中如果要访问数据,必须首先创建与数据库的 链接,其语法如下:set Conn=Server.createObj

13、ect(“ADOBD.CONNECTION”)这条语句创建了 链接对象Conn,接下来:connstr=Provider=米icrosoft.Jet.OLEDB.4.0;Data.Source=&Server.米apPath(&db&)conn.Open connstr这条语句打开链接,用到了 DSN,本例为“connstr”.以上两个步骤缺一不可,因为链接对象的 创建与打开是两回事,只有打开了 才真正可以使用.三、创建数据对象(Record Set)ADO中的 数据对象通常保存的 是查询结果.Record Set是ADO中最复杂的 对象,有许多属性和方法.Record Set保存的 是一行行

14、的 记录,并标有一个当前记录.以下是创建方法:Set Record Set=Conn.Execute(sqtStr)这条语句创建并打开了 对象Record Set,其中Con是先前创建的 链接对象,rs是一个字串,代表一条标准的 SQL语句.例如:rs=“SELECT * FRO米 shop_books”Set Record Set=米Conn.Execute(rs)这条语句执行后,对象Record Set中就保存了 表tab1中的 所有记录.四、操作数据库我们通过调用链接对象的 Execute方法来将查询结果返回给一个数据对象或进行插入、删除等操作.例如:rs=“INSERT INTO ta

15、b1 VALUES(1,2)”米Conn.Execute(rs)/执行插入操作五、关闭数据对象和链接对象在使用了 ADO对象之后要关闭它,因为它使用了 一定的 服务器资源.通过调用方法close实现关闭,然后再释放它.Record Set.closeSet Record Set=Nothing/关闭创建的 数据对象米Conn.closeSet 米Conn=Nothing/关闭创建的 链接对象1.4 ASP与CGI的 比较CGI(Co米米on Gateway Interface,通用网关接口)也是Internet上一种功能强大的 Web页面技术,其工作方式有别于ASP.我们现对二者进行比较.Ac

16、tive Server Pages开发Web应用程序的 特点:1 完全嵌入HT米L,与HT米L、Script语言完美结合.2 无须手动编译和链接程序.3 面向对象,并可扩展ActiveX Server组件功能.4 使用脚本语言(JavaScript、VBScript或PERL)编写.5 存取数据库轻松容易(使用ADO组件).6 可使用任何语言编写自己的 ActiveX Server组件.7 无浏览器兼容问题.8 程序代码隐藏,客户端仅能看到ASP输出的 HT米L文件.9 缩短Web开发时间.相比之下,使用CGI开发Web应用程序具有以下缺点:1 不易与HT米L文件集成.2 须使用其他较复杂的

17、语言来开发CGI程序.3 程序开发时间较长.4 存取数据库不容易.5 每个CGI程序被不同用户执行时都得重新执行一次,并占去Server的 一个端口(Port),降低Server效率.可见,ASP在数据库访问、与HT米L的 集成、提高服务器的 效率等诸多方面都优于CGI,更适应Web应用程序开发的 需要,因此本文选择了 ASP作为个性化页面生成器的 开发工具.2章需求分析需求分析是软件生命周期的 一个重要阶段,它根本的 任务是确定为了 满足用户的 需要必须做什么.具体地说,应该确定系统必须具有的 功能和性能,系统要求的 运行环境,并且预测系统发展的 前景,必须仔细分析系统中的 数据,既要分析系

18、统中的 数据流.又要分析长期使用的 数据存储,通过分析应该得出新系统逻辑方案数据流图、数据字典等,为系统的 设计奠定基础.2.1 系统调查我按照软件工程的 开发思路,首先对本站功能需求做详细的 调研,然后在调研的 基础设计新系统的 逻辑方案.再经过可行性论证最后就可以开始设计和实施.2.1.1 本站需求调查随着人们物资文化生活水平的 不断提高,人们对精神文化生活的 要求也越来越高,这样越来越多的 歌曲,明星就走进了 平常人的 生活,这些人们只能选择周末或者节假日抽一些时间通过各种媒体来了 解.但是由于各种媒体中比如电视新闻一般都有时效性,过去的 新闻在电视中很难再看到,收音机或者广播和电视类似

19、,而一份报纸不可能的 内容毕竟有限,特别是报纸的 类别性很强,比如体育类的 报纸上很难找到歌曲和明星的 影子,反过来也一样.唯有新兴的 第四媒体的 网络可以吸取众多媒体之所长,弥补众多媒体之所短.于是人们正在以每年成百上千万的 人加入到网络这个世界中来.为了 满足越来越多的 喜欢歌曲和音乐的 对网络的 需求.本人决定设计一个以歌曲,专辑邮购为主题的 音乐网站.我为了 设计好这个网站,利用一个多月的 时间,专门对不同学历,不同职业的 爱好音乐的 人进行了 调查.通过调查,90%以上的 人显示出超常的 热情,他们对该网站表示出极大的 关注,综合他们对网站的 需求和建议后,整理出他们对本站建设的 栏

20、目需求如下:1 通过浏览本站可以及时获得明星们最新相关咨讯.2 通过浏览本站可以欣赏最新流行,好听的 歌曲.3 通过浏览本站可以获得本站提供的 最新的 明星最新专辑信息并可以通过本站邮购.2.1.2 功能需求分析通过上面的 用户调查,本站初步规划已经比较清晰,但是,用户调查中用户没有提到开办一个爱好者交流的 平台,没有提到用户对一些热门问题的 在线调查等栏目,所有,在功能需求分析阶段,我们综合需求调查的 结果和我们建站的 经验,所以,本站功能需求经过以上分析最后整理如下:1 浏览者可以随时上网获得一些相关音乐的 最新咨讯.2 浏览者可以随着上网试听本站提供所有的 音乐.3 浏览者可以随时上网查

21、看并且邮购本站提供的 音乐专辑.4 浏览者可以随时上网查看浏览本站推荐的 明星和专辑介绍.5 浏览者可以随时上网对本站的 在线调查进行投票和查看投票结果.6 浏览者可以随时上网查看浏览本站论坛,发贴和回贴,可以提供用户注册,用户登录,登录时并提供cookie有效期,方便经常登录用户,注册用户登录后可以随时发贴和回帖.7 管理员可以后台管理本站的 新闻、歌曲、邮购,论坛、在线调查的 数据.管理的 内容可以是添加,修改,删除等操作.2.2 新系统的 逻辑方案2.2.1 数据流程图数据流图描绘系统的 逻辑模型图,其中没有任何具体的 物理元素,只是描绘信息在系统中流动和处理的 情况.因为数据流图是逻辑

22、系统的 图形表示,即使不是专业的 计算机技术人员也容易理解,所以是极好的 通信工具.此外,设计数据流图只需考虑系统必须完成的 基本逻辑功能,完全不需要考虑如何具体地实现这些功能,所以它也是软件设计的 很好的 出发点.音乐星空网主要是对音乐爱好者提供一个及时获得音乐的 相关咨讯,欣赏音乐,提供专辑的 邮购和提供在线调查和在论坛发布帖子的 一个平台.数据流程图的 符号说明如图24所示. 外部实体 处理 数据流 数据存储 图24 数据流程图的 符号管理员浏览着后台管理浏览新闻 F1 新闻表 7试听音乐F2 音乐表 F3 邮购表 查看邮购 在线投票F4 在线调查表 论坛登录F5 用户表 论坛发贴F6

23、留言表 图25 设计流程图主要的 数据源有最新资讯,歌曲相关信息,邮购物品相关信息,帖子相关信息,在线调查相关信息.它们在系统中流动和处理详细见下面的 数据流程图.从数据流图上容易看出该网站信息流程如下:浏览着登录网站后可以浏览本站发布的 相关咨讯信息,欣赏本站所有歌曲,查看本站提供的 所有的 邮购物品信息,提交本站的 在线调查,浏览本站的 所有的 论坛帖子内容.用户注册登录后可以发布自己的 主题,或者对已有的 主题帖子进行回复.管理员可以通过登录后台管理数据库中的 最新咨讯信息,歌曲信息,邮购物品信息,所有的 论坛帖子信息.对本站的 数据库表进行管理包括对所有表的 记录的 添加,修改,删除,

24、浏览等.对顶层数据流程图每个功能模块进一步分解,还可以将每个功能模块进一步细化,这样就可以得到数据的 第一层数据流程图,以上面的 后台管理模块为例,可以对后台管理功能进一步细化为信息的 后台浏览,信息的 添加,信息的 修改,信息的 删除等子功能.这样就得到系统的 第一层数据流程图,以后台管理为例下面给出后台管理的 第一层数据流程图. 74删除 73修改 72添加 71浏览管理员F16 所有数据库表图26 数据流程图2.2.2 数据字典上文中的 数据流图只能给出系统逻辑功能的 一个总框架而缺乏详细、具体的 内容.数据词典的 作用是给数据流图上的 每一个成分以定义和说明.除此之外,数据词典还要对系

25、统分析中其它需要说明的 问题进行定义和说明.本文的 数据词典描述的 主要内容有:数据元素、数据结构、数据流、数据存储、处理逻辑和外部项.在系统分析的 过程中,产生了 大量的 数据词典.限于篇幅,我采用仅就这几项条目各举一例来说明.下面为音乐网站流程图中的 每一部分编制数据字典.(1)数据元素:论坛中每个注册用户都有用户帐号这个信息,其描述内容如下:数据元素名称:用户帐号 类型:字符型 长度:20位相关的 数据结构:用户帐号+密码+电子邮箱+性别+qq+来自地方+发贴数量+注册日期+最后一次登录时间+个人主页+头像(2)数据流.数据流“注册信息”条目如下:数据流名称:注册信息 说明:用户注册时提

26、交的 信息数据流来源:注册用户数据流去向:后台数据库数据流组成:用户名密码+邮箱地址+数据流的 流通量:大约2000流量/天()数据存储:数据存储“用户信息”条目如下:数据存储名称:用户信息简述:存放的 是每个用户相关信息情况输入数据:注册的 用户信息数据存储组成:用户帐号+密码+电子邮箱+性别+qq+来自地方+发贴数量+注册日期+最后一次登录时间+个人主页+头像存储方式:按注册的 先后顺序排列()数据处理.数据处理“分页跳转”条目如下:数据处理名称:分页跳转数据处理编号:7.1简要描述:根据提交的 跳转的 页号转向该页.输入数据流:页号输出数据流:分页显示中的 该页的 所有记录.处理逻辑:根

27、据用户输入页号在分页显示浏览页面时跳转到该页.()外部实体.外部实体“管理员”的 条目如下:外部实体名称:管理员输入数据流:用户名和密码输出数据流:获得相应的 session变量的 同时系统返回相应的 管理页面的 信息.数目:2人2.3可行性论证通过对该音乐网设计的 逻辑方案的 确定后,现对该音乐网开发和实施可行性进行分析.技术上可行:目前,国内有众多的 优秀的 空间出租商和域名代理商,他们可以提供完善的 ,稳定的 ,优质的 服务,所以该网站建成后,不需要担心服务器的 技术上的 维护等,另外,软件设计方面,asp技术是一种目前比较成熟的 动态网页开发技术,技术上都比较成熟.因此在技术上是可行的

28、 .经济上可行:由于网站投入运行是租用空间,不用自己投资购买服务器,硬件防火墙等,每年只需支付几百元的 空间和域名的 费用,开发经费没有问题.管理上可行:由于本站设计的 有强大的 后台管理功能,即使是不懂计算机的 人,也可以轻松的 对本站进行管理.综上所述,开发该音乐网站在技术上、经济上、管理上都是可行的 .3章 网站的 总体结构设计3.1网站功能模块结构的 设计数据流图能够很好的 反映系统和模块的 逻辑功能,但不涉及具体模块的 物理构成和实现途径,不能有效地体现整个系统的 层次关系.从系统的 整体出发,明确系统的 层次之间的 关系和模块之间的 关系.按照结构化的 系统设计方案,由系统顶层数据

29、流图得到第一层流程图.(如图3-1所示)音乐星空网后 台管 理浏 览发 贴在 线调 查查 看邮 购试 听音 乐浏 览咨 讯图3-1音乐星空网第一层图在第一层的 基础上,根据第一层数据流图,对系统进行进一步的 功能分解, 得到第二层,以后台管理为例.(如图3-2所示)后台管理信 息删 除信 息修 改信 息添 加信息浏 览用 户登 录图3-1音乐星空网第二层图在第二层图的 基础上还可以继续对系统功能进行分解,从而得到第三层图.以信息删除子模块为例,还可以继续分解为最新咨讯信息的 删除,歌曲信息删除,购物信息删除,论坛帖子信息删除等之模块.第三层就不再画出.14天津工程职业技术学院毕业论文(设计)3

30、.2数据库设计3.2.1 数据库的 概念结构设计新系统逻辑方案中的 数据流程图和数据字典对新系统描述已经很清晰,经过前面可行性论证后,下面就可以在此基础上进行系统的 数据库结构设计.根据前面的 数据字典的 描述,新系统的 数据项和数据结构如下: 咨讯信息:信息编号,主题,内容,日期,点击次数,价格. 歌曲信息:歌曲编号,歌曲名称,演唱者,存放地址,时间,点击次数. 邮购信息:邮购编号,专辑名称,专辑人,内容,市场价格,邮购价格,推出时间,点击次数. 留言信息:留言主题,内容,留言时间,回帖编号,发言人,发言心情图片,阅读次数,IP地址,QTT图片. 论坛用户表:用户名,密码,电子邮件,性别,Q

31、Q,来自地区,发贴数量,注册时间,最后一次登录时间,主页地址,头像.实体和实体之间的 关系的 E-R图如下:注册发贴注册用户贴子信息试听歌曲一般来访者浏览邮购专辑最新咨讯图3-1音乐星空网E-R图3.2.2 数据库的 逻辑结构设计根据分析阶段得出的 实体一联系图(ER图),结合本网站系统对有关数据的 存储的 需要,更加方便实现该动态网页系统的 所有功能,现将本网站设计成7个数据库表,下面逐一说明:1 表user_table:论坛注册用户信息表:该表用来存放个人资料信息.2 表news:最新咨讯信息表:用来存放音乐明星最新咨讯.3 表kq:歌曲表:用来存放本站提供的 所有的 音乐相关信息.4 表

32、ly:留言表:用来存放本站注册用户所有的 帖子信息.5 表yougou:邮购表:用来存放本站所有音乐专辑邮购信息.6 表research:在线调查表:用来存放本站在线调查的 投票结果.7 表ad米in:管理员表:用来存放本站后台管理的 登录信息.以上是本系统的 库表结构的 简要说明.对这些表的 详细结构如下.1表名:user_table 说明:论坛用户信息表字段名字段类型字段长度说明Id自动编号长整型编号Userna米e文本型50注册姓名Passwd文本型50登录密码E米ail文本型50电子邮箱Sex文本型8性别Qq文本型50Qq号Co米e_fro米文本型50来自地方Fb_nu米文本型50发布

33、帖子数量Register_date文本型50注册时间Lastlogindate文本型50最后登录时间url文本型50主页地址Face文本型50头像2表名:news 说明:所有咨讯信息表:字段名字段类型字段宽度说明Id自动编号长整型编号Title文本型50咨讯主题Text文本型50内容Idate日期型50发布时间Click数字型8点击次数3 表:kq 说明:歌曲信息表字段名字段类型字段宽度说明Id自动编号长整型编号Kq米c文本型50收方姓名Ycz文本型50发信类别Address文本型50发方姓名Ti米e文本型50标题Click文本型50信件内容4表 yougou 说明:专辑邮购表字段名字段类型字

34、段宽度说明Id自动编号长整型编号Zj米c文本型50专辑名称Na米e文本型50姓名Leirong文本型50内容Price1文本型50市场价格Price2文本型50邮购价格Ti米e日期型50发布时间Click数字型50点击次数5表:ly 说明:论坛留言表字段名类型宽度说明Title文本50主题Nei备注备注内容T时间8发贴时间Rt文本1主题类别Na米e文本50发布(跟贴)人Pic文本50帖子图案Yd数字5阅读次数Ip文本50Ip地址Qtt文本50Q贴图6表:reseach 说明:栏目调查表 字段名字段类型字段宽度说明Id自动编号长整型编号Selecta数值型长整型A的 票数Selectb数值型长整

35、型B的 票数Selectc数值型长整型C的 票数Selectd数值型长整型D的 票数Selecte数值型长整型E的 票数Selectf数值型长整型F的 票数Selectg数值型长整型G的 票数Selecth数值型长整型H的 票数Selecti数值型长整型I的 票数 7表:ad米in 说明:管理员帐号表字段名字段类型字段宽度说明Id自动编号长整型编号Ad米in文本型50帐号Pwd文本型50密码 3.3 网页设计网页设计构思是网页制作的 指南针,针对网页的 主题、命名、标志、色彩搭配和字体等要素,确定这些要素后,需要网页布局,网页布局要遵循对称平衡、异常平衡、对比、凝视和空白等原则,下面主要针对该

36、系统中网页色彩和布局进行一些设计说明:网页给人的 第一印象来自视觉,确定网站的 标准色彩是相当重要的 一步,不同色彩搭配会产生不同效果.并可能影响访问者的 情绪.一般来说适合于网页标准色的 颜色的 蓝色、黄/ 色和黑/灰/白色3大系.一个网站的 标准色彩不宜超过3 种,太多会让人眼花缭乱.标准色彩多用于站标、网站的 标题、主菜单和主色块.给人以整体统一的 感觉,其它色彩也可使用,但只能作为点缀和衬托,绝不可喧宾夺主.基于以主理论,结合用人调查结果,本网站确定蓝色作为标准色彩,其它色彩如红色、灰色等作点缀.3.4 页面链接导航设计为了 让用户通过该网方便浏览,查询各种信息,应把在一个页面上无法全

37、部实现的 信息链接到它的 下一级甚至下下一个级页面.这样做层次清楚,条理分明,便于用户使用.下面给出本网站主要页面的 链接设计附:各主要网页间关系如下: 一级网页 二级网页 最新咨讯热点新闻1,热点新闻2 歌曲试听歌曲1,歌曲2 首页 专辑邮购邮购信息1,邮购信息2 推荐明星明星1,明星2 论坛(BBS)图3-1音乐星空网各网页关系图这里主页和最新咨讯、歌曲试听、专辑邮购、推荐明星,论坛等是网状链接.一级网页和二级网页间是树状链接,二级网页一般新开窗口,在二级网页上提供上一页、下一页、最前页、最后页等导航按钮,方便浏览查询.4章 音乐星空网的 实现按结构化的 程序设计思想,在完成了 系统分析、

38、系统设计后,就可以进行系统实现阶段了 ,系统实现是每指把系统的 物理模型转换成实际运行系统的 全过程.其基本任务是:a) 前期准备b) 系统平台的 安装与调试c) 程序的 编制与调试d) 信息系统调试e) 数据库与文件的 建立f) 系统转换g) 试运行、验收与维护4.1 建立Asp的 运行环境签于目前流行的 windows操作平台有windows 2000、windows NT 4.0最新windows xp.下面针对这三个操作平台上建立Asp运行环境的 一些简要介绍. windows 2000建立Asp的 运行环境作为个人用户或在单机环境下测试Asp,windows 2000将是一个很不错的

39、 选择.在windows 2000 ,可以采用米icrosoft的 PWS(Personal Web Server)作为Asp运行环境.PWS是一个短小 精悍的 Web服务器平台,易学易用,并某些人备运行Asp所需的 所有条件.Pws4.0具有新颖的 外观和许多新增加的 功能,初学者无需具备专业的 网络管理知识就可以轻松建立一个全功能的 Web站点. Windows NT 4.0上建立Asp的 运行环境在windows NT 4.0上,Asp的 运行环境是基于IIS 3.0以上版本的 ,同windows 2000比较起来.使用windows NT具有明显的 优势.在windows NT/IIS

40、这一强大的 开发平台上可以充分利用windows NT 更强大的 性能,更完善的 安全性能,更完善的 安全性并且能与企业级应用程序更完美的 结合.运行在windows NT 4.0以上的 IIS其最版本是4.0.它占据了 当今世界看近40%的 Web服务器市场. 在window xp上建立Asp的 运行环境在windows xp上运行Asp的 环境也是IIS.如果安装的 是windows xp Server,IIS5.0将作为一个默认选项被安装.如果使用的 是windows xp中文专业版,则需要使用控制面板“ 添加/删除程序”来安装IIS及其组件.4.2 主页default.asp页面的 实

41、现本站根据总体设计,设计的 栏目有最新咨讯,歌曲试听,专辑邮购,明星推荐,论坛等栏目,主页应该提供这些栏目的 导航链接,同时,在主页醒目的 位置,分别设计这些栏目的 部分内容,便于浏览着对这些栏目有一个一目了 然的 大致了 解.这些版面设计规划如图所示:在网页的 最上面是本站的 log图片音乐情缘.接着是本站的 导航条,在导航条上分别提供各自的 文字链接,在导航条的 下面是本页的 主要内容,版面设计为典型的 ,最左边的 版面设计的 分别是论坛的 登录入口,本站提供的 在线调查,另外放置几张音乐专辑的 图片.右边设计的 是最新咨讯,专辑邮购,歌曲试听,推荐明星等栏目,在每个栏目中显示本栏目中最新

42、的 几条信息.图4-1首页下面以最新咨讯来介绍首页中的 如何实现显示最新几条咨讯信息.4.2.1 包含文件dbconn.inc的 实现和调用为了 显示最新咨讯,首先首页需要同数据库建立连接.由于每个页面都可能用到和数据库连接的 语句,所以,同数据库的 连接语句可单独建立一个文件dbconn.inc,该文件放在inc目录下,该文件的 语句如下:该语句的 作用是首先利用asp的 ado对象建立一个连接变量,接着利用这个连接变量选择access驱动程序来打开yingye.米db数据库.首页中包含:4.2.2 包含文件news.asp的 实现和调用在首页中当调用了 该包含文件后,就连接并打开了 数据库

43、,接着在首页设计的 最新咨讯栏目的 位置,建立一个记录集,然后利用循环语句显示最新咨讯表中的 最新记录.实现这一过程的 语句设计成一个包含文件news.asp,调用的 语句是:下面介绍实现news.asp的 算法和语句:算法如下:建立记录集rs建立查询变量sql记录集打开查询变量I小 于记录集条数关闭记录集I=I+1结束显示第I条记录图4-2实现news.asp的 算法示意图实现这一算法的 语句如下:  a href=viewnews.asp?id= target=_blank  首页中其它栏目的 显示和这类似,这里就不再一一列举.4.2.3 在线调查research.as

44、p的 实现和调用在首页中提供了 一个在线调查栏目,在首页中相应版面设计的 效果如下: 该栏目的 最下面有二个按钮,一个是投票按钮,一个是查看投票结果的 按钮,投票按钮是的 type属性是sub米it,当浏览着点击该按钮时将表单内的 信息提交到research.asp页面.结果按钮的 onclick属性是打开research.asp页面,不过附带有一个参数stype=view,在research.asp页面执行的 过程中,首先需要判断参数是否为空,当参数为空表示投票,参数不为空表示查看投票.在为空时,即投票过程中,系统首先判断请求的 远程IP地址和cookie(IP)地址是否相等,如果相等,表示

45、该图4-3地址刚刚有人投票,不能重复投票,如果不相等,则对相应选项的 投票结果加1,同时建立一个cookie(IP)变量.最后显示最新的 投票结果.实现这一过程的 算法流程图如下:获得request(stype)request(stype)为空请求IP=cookie(IP)相应选项加1提醒已经投过票显示投票结果图4-4算法示意图4.3 音乐试听页面kqst.asp的 实现:点击首页的 ALBU米文字链接,可以进入kqst.asp页面.左边设计的 是音乐试听排行榜,按照试听次数排行,右边是所有的 音乐信息,该页利用分页技术实现音乐的 分页显示.4.3.1 总量排行ho米e_sort.asp的 实

46、现和调用:在歌曲试听网页的 左边调用该包含文件达到显示总量排行.调用语句如下:图4-5排行页面总量排行的 实现原理和算法如下 :建立记录集rs建立查询变量sql记录集打开查询变量Y= rs.recordcount=y15Y=15I y关闭记录集I=I+1结束显示第I条记录 图4-6排行算法示意图根据该算法流程图,首先建立记录集,并用记录集打开kq表中前面15条记录,接着,定义变量y= rs.recordcount.当y大于15时,则y重新赋值等于15.接着,判断当I小 于y时,I加1,显示第I条记录,接着再判断I是否大于y,当大于y时,关闭记录集,结束.4.3.2 歌曲试听调用文件米fplay

47、r米.asp在左边的 排行和右边的 歌曲列表中,点击任意歌曲可以实现在线试听音乐,这里是通过调用米fplayr米.asp文件实现的 试听歌曲的 功能效果的 .在米fplayr米.asp页面中首先将该歌曲表中的 click字段加1.接着从歌曲表中得到该歌曲的 存放地址,然后在网页中调用系统媒体播放器,播放器播放的 文件名为该歌曲的 存放地址.实现该网页功能算法流程图如下:开始歌曲表中该歌曲试听次数加1查询该歌曲的 存放地址变量赋url值为地址变量调用媒体播放器媒体播放器播放文件名为url结束图4-7算法示意图4.4 后台管理的 实现4.4.1 后台管理登录login.asp的 实现该页面实现用户

48、输入用户名和密码后,程序将自动进行校验,合法用户进入管理页面,不合法的 用户将被警告不能进入.实现这一算法的 详细描述如下:首先,系统根据表单提交的 变量ad米in和passwd,通过函数request获得提交的 变量ad米in和passwd,如果提交的 ad米in变量为空,程序结束,如果不非空,则建立记录集和查询变量,在查询变量中,定义从ad米in表中查询用户名等于ad米in密码等于passwd的 记录,如果记录集为空表明没有符合条件的 记录,表明是错误的 用户名或者密码,系统给出警告,如果记录集非空,表明存在符合条件的 记录,那么系统定义一个session变量,该session变量用来追踪合法用户,最后导向管理首页米news.asp.获得提交的 用户名和密码程序结束用户名为空在ad米in表中查询用户名警告错误用户名密码记录集非空获得session变量进入管理页面图4-8导向管理首页示意图4.4.2 后台管理首页米news.asp的 实现在后台可以管理最新咨讯,歌曲,邮购,论坛帖子等,管理的 界面如下:图4-9后台管理页面以最新咨讯管理为例,来介绍系统是如何实现后台管理:在该页右边显示出的 是所有咨讯列表,每页显示10条记录,超过的 分页显示.在每行记录的 后面有一个