1、1 章 开发概述1.1 课题简介课题：开发一个以音乐娱乐新闻购物为一体的动态音乐网站。随着每年以千万的速度走近了 internet，为了满足不同人们对网络需求，各种特色，各种主题的网站也在不断增加。为了满足音乐爱好者，明星崇拜者，各种专辑痴迷着的需求，一批以音乐为主题的网站也应运而生。由于以往的静态网页存在单调，维护任务大，缺乏和用户的交互，随着计算机软件知识的推广，动态网页正在走向普通的网页设计师的生活。本站设计目标就是设计一个以音乐新闻购物为一体的动态交互网站，用户可以在浏览过程中，实现和本站信息的交互。目前开发动态网站的语言和技术常用的有 ASP,PHP,JSP,CGI 技术等。我们这里
2、准备选择简单易学而功能强大的 ASP。1.2 开发环境及需求 开发目的随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻的网上多用户发布，多栏目管理，实时的进行行为统计和记录的网上交互系统。 项目背景HTML 作为一种样式语言，随着 Internet 上信息量的增多和交互性的加强使HTML 显得越来越难以胜任的情况之下，在 ASP 编程语言高度发展的形式下，我们开始了对动态网站系统的开发。 开发环境音乐视听网站21. 硬件条件服务器两台，一台
3、为数据库服务器，一台为 Web 服务器；客户端计算机若干；网络通讯设备，主要包括交换机、网卡、集线器、MODEM 等。2. 系统平台采用 Browser/Server 体系结构，服务器端采用 Microsoft Windows NT4.0作为网络操作系统，Web 服务器软件采用 IIS6.0（Internet Information Server） 。客户端软件，包括单机操作系统和浏览器软件，分别选用 Windows xp 和 Internet Explorer，数据库系统采用 Microsoft Access 有利于方便操作。3. 开发工具基于 Web 的系统开发工具应使开发者使用各种各样的
4、技术来创建动态的 Web应用程序，并且应是一个可视化的工具。我们采用了 DreamweaverMX 进行开发，它是用来快速创建数据驱动 Web 应用程序的基于团队的开发环境，支持 ASP，以 ODBC 连接数据库，脚本语言为简单易学的 JavaScript 或 VBScript。4. 运行需求正常使用时不应出错，若运行时遇到不可恢复的系统错误，也必须保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时能够保证正确性、可靠性、高效性、完整性、易使用性、可维护性、可测试性、复用性、安全保密性、可移植性、互联性。1.3 ASP 及相关技术介绍近年来随着 Internet
5、技术的飞速发展及用户需求的不断升级，Web 页面技术也不断的推陈出新，使得 Web 站点的功能越来越强大，能够提供的服务种类越来越繁多。从 HTML、Client Script 到 CGI,从 JAVA 的诞生到 ActiveX, Web 页面设计人员不断受到冲击，微软公司在总结了以往技术，重新思考 Web 页面设计的真正需要后，推出了 Active Server Pages (ASP)，一种用以取代 CGI(Common Gateway Interface，通用网关接口)的技术。简单讲，ASP 是位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式 Web 服务器应用程序
6、，如交互式的动态网页，包括使用 3HTML 表单收集和处理信息，上传与下载等等。更重要的是，ASP 使用的 ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的 Web 编写工具所远远不及的地方。使用 ASP 还有个好处，就在于 ASP 可利用 ADO(Active Data Object,微软的一种新的数据访问模型)方便快捷地访问数据库,从而使得开发基于 WWW 的应用系统成为可能，这也是本文选择 ASP 作为开发工具最重要的原因之一。1.3.1 IIS 简介Wsb 服务器是 Web 应用程序的心脏。IIS(Interne
7、t Information Server)是微软推出的 Windows NT Option Pack 的主要成员，作为 Win2000server 的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的 Web 服务器之一。新推出的 IIS6.0 版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，内置 JAVA 虚拟机及全面支持 ASP 等强大功能。1.3.2 IIS 与 ASP 的结合在过去，客户机/服务器结构的设计与 Web 的相关技术几乎处于平行线上，两者相互独立并无法作出集成性的设计。现在我们利用 IIS+ASP 构成三层式 Web结构（如图
8、2.1 所示）的中间一层，将客户机/服务器结构与 Web 密切结合，完成前后端两者的集成输出功能，使得 Web 站点的开发更方便，实现的功能更强大。利用 IIS+ASP 技术来集成 Web 前后端所带来的强大效益可归结为以下几个方面： 程序和计算逻辑前端浏览器ActiveX Server元件ActiveX Server 元件后端数据库数据库服务器Microsoft IIS + ASP浏览器音乐视听网站4图 2.1 利用 IIS+ASP 构成三层式 Web 结构的中间一层1 减少构建和维护成本2 加快联机过程3 应用软件集中在服务器端开发管理4 前端可使用任何浏览器（IE、Netscape）5
9、后端可存取任何数据库 (SQL、Access)6 可使用任何脚本语言开发 (VBScript、JavaScript、PERL)1.3.3 ASP 内部 6 大对象ASP 提供了 6 个功能强大的内部对象，每个对象具有各自的属性（Property） 、方法（Method） ，有的还拥有数据集合（Collection）与事件（Event） ，它们共同完成 Web 中的一些重要工作。这 6 个对象及其功能描述如表 2.1 所示。对 象 名 称 功 能 描 述Request 从 客 户 端 取 得 信 息Response 将 信 息 送 给 客 户 端Server 提 供 一 些 Web 服 务 器
10、工 具Session 储 存 在 一 个 Session 内 的 用 户 信 息 ， 该 信 息 仅 可 被 该 用 户访 问Application 在 一 个 ASP-Application 中 让 不 同 的 客 户 端 共 享 信 息ObjectContext 配 合 Microsoft Transaction 服 务 器 进 行 分 布 式 事 务 处理表 2.1 ASP 内部 6 大对象及其功能合 理 地 运 用 这 些 对 象 可 以 使 原 本 复 杂 ， 烦 琐 的 工 作 变 得 简 捷 而 条 理 清 晰 。我们可以用以下的语法直接使用这些对象：对象/属性/方法/数据集合5
11、1.3.4 利用 ADO 访问数据库ADO（ActiveX Data Objects）是一种操作 Microsoft 所支持的数据库的新技术。在 ASP 中，ADO 可以看作是一个服务器组件(Server Component)，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。本文中个性化页面的实现便大量地用到了 ADO 技术。具体的操作步骤可以归纳为以下几步：1创建数据库源名(DSN)2创建数据库链接(Connection)3创建数据对象4操作数据库5关闭数据对象和链接每一步的作法如下：一、创建数据源名DSN(Date Source Name)即数据源名称。
12、我们知道，ODBC 是一种访问数据库的方法，只要系统中有相应的 ODBC 驱动程序，任何程序就可以通过 ODBC 操纵驱动程序的数据库。比如我们系统中有 Access 的 ODBC 驱动程序，那么即使我们没有 Access 软件，也可以在我们的程序中对一个 Access 的 MDB 数据库加、删、改记录。而且我们根本不用知道这个数据库是放在哪里的。我们只要写出 SQL 语句，ODBC 驱动程序就会帮我们做一切事情。我们在给 ODBC 驱动程序传 SQL 指令时，即是用 DSN 来告诉它到底操作的是哪一个数据库。如果数据库的平台变了，比如我们改用了 SQL Server 的数据库，只要其中表的结
13、构没变，我们就不用改写我们的程序，只要重新在系统中配置 DSN 就行了。由此可见，DSN 是应用程序和数据库之间的桥梁。二、创建数据库链接(Connection)链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。ASP 文件中如果要访问数据，必须首先创建与数据库的链接，其语法如下：set Conn=Server.createObject(“ADOBD.CONNECTION”)这条语句创建了链接对象 Conn，接下来：connstr=“Provider=Microsoft.Jet.OLEDB.4.0;Data.Source=“ target=“_blank“ 首 页 中 其 它
14、栏 目 的 显 示 和 这 类 似 ， 这 里 就 不 再 一 一 列 举 。4.2.3 在线调查 research.asp 的实现和调用在首页中提供了一个在线调查栏目，在首页中相应版面设计的效果如下：该栏目的最下面有二个按钮，一个是投票按钮，一个是查看投票结果的按钮，投票按钮是的 type 属性是 submit，当浏览着点击该按钮时将表单内的信息提交到 research.asp 页面。结果按钮的 onclick 属性是打开 research.asp 页面，不过附带有一个参数27stype=view，在 research.asp 页面执行的过程中，首先需要判断参数是否为空，当参数为空表示投票，
15、参数不为空表示查看投票。在为空时，即投票过程中，系统首先判断请求的远程 IP 地址和 cookie(IP)地址是否相等，如果相等，表示该地址刚刚有人投票，不能重复投票，如果不相等，则对相应选项的投票结果加 1，同时建立一个 cookie(IP)变量。最后显示最新的投票结果。实 现 这 一 过 程 的 算 法 流 程 图 如 下 ：获得 request(“stype“)request(“stype“)为空请求 IP=cookie(IP)图 4-3音乐视听网站28图 4-4 算 法 示 意 图4.3 音乐试听页面 kqst.asp 的实现：点 击 首 页 的 ALBUM 文 字 链 接 ， 可 以
16、 进 入 kqst.asp 页 面 。左 边 设 计 的 是 音 乐 试 听 排 行 榜 ， 按 照 试 听 次 数 排 行 ， 右 边 是 所 有 的 音 乐信 息 ， 该 页 利 用 分 页 技 术 实 现 音 乐 的 分 页 显 示 。4.3.1 总量排行 home_sort.asp 的实现和调用：在 歌 曲 试 听 网 页 的 左 边 调 用 该 包 含 文 件 达 到 显 示 总 量 排 行 。调 用 语 句 如 下 ： 提醒已经投过票显示投票结果相应选项加 129图 4-5 排 行 页 面总 量 排 行 的 实 现 原 理 和 算 法 如 下 ：图 4-6 排 行 算 法 示 意
17、图根据该算法流程图，首先建立记录集，并用记录集打开 kq 表中前面 15 条记录，接着，定义变量 y= rs.recordcount。当 y 大于 15 时，则 y 重新赋值等于 15。接着，判断当 I 小于 y 时，I 加 1，显示第 I 条记录，接着再判断 I 是否大于 y，当大于 y 时，关闭记录集，结束。4.3.2 歌曲试听调用文件 mfplayrm.asp在左边的排行和右边的歌曲列表中，点击任意歌曲可以实现在线试听音乐，建立记录集 rs建立查询变量 sql记录集打开查询变量I15Y=15音乐视听网站30这里是通过调用 mfplayrm.asp 文件实现的试听歌曲的功能效果的。在 mf
18、playrm.asp 页面中首先将该歌曲表中的 click 字段加 1。接着从歌曲表中得到该歌曲的存放地址，然后在网页中调用系统媒体播放器，播放器播放的文件名为该歌曲的存放地址。实现该网页功能算法流程图如下：图 4-7 算 法 示 意 图4.4 后台管理的实现4.4.1 后台管理登录 login.asp 的实现该页面实现用户输入用户名和密码后，程序将自动进行校验，合法用户进入管理页面，不合法的用户将被警告不能进入。实现这一算法的详细描述如下：首先，系统根据表单提交的变量 admin 和 passwd，通过函数 request 获得提交的变量 admin 和 passwd，如果提交的 admin 变量为空，程序结束，如果不歌曲表中该歌曲试听次数加 1查询该歌曲的存放地址变量赋 url 值为地址变量调用媒体播放器媒体播放器播放文件名为 url结束开始
