1、 1 第 1章 网页开发背景 Internet 是目前世界上最大的计算机互联网络,它遍布全球,将世界各地各种规模的网络连接成一个整体。作为 Internet 上一种先进的,易于被人们所接受的信息检索手段, World Wide Web(简称 WWW)发展十分迅速,成为目前世界上最大的信息资源宝库。据估计,目前Internet 上已有上百万个 Web 站点,其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域,其用户群十分庞大,因此,建设一个好的 Web 站点对于一个机构的发展十分重要。 世界上有很多组织,象公司、大 学、研究所等机构,他们把机构内部的计算机联成网络,在
2、计算机之间进行通讯,这就是局域网。公司、大学、研究所局域网上的计算机的资源可以共享,比起单机来优势非常明显,所以人们就想到,为什 么 不 在 更 大 的 范 围 内 共 享 资 源呢?于是许许多多这样的局域网又通过各种方法互相连接起来,国际之间的信息传递,形成一个世界范围内的大网,这就是 Internet。直到今天,这个大网还在不断地变大,可以预见到的是,在不久的将来,Internet 必将使人类的生活发生根本意义上的变化。世界上已经有很多国家的很多机构加入了 Internet,这就使在 国际之间传递信息成为可能。 数据库技术的研究始于 20 世纪 60 年代 .当初 ,人们的构想是将包围在我
3、们身边 的各种数 据组织起 来 ,组成可以 运用并且 能够操作 的数据存储机制 .随着信息时代的到来 ,信息技术的快速进步与互联网的蓬勃发展 ,使得数据量不断的增加 ,因此数据管理的领域越来越受到重视 . 究竟数据库是 什么 ?简单来说 ,数据库是存 储数据的 地方 ,并且是 以结构化的方式存 储 ,以便于查询 ,应用数据更 新与删除 等工作 .我们 在日常生活中存在 许多数据库 ,例 如电话号 码簿 ,图书馆 目录等 .我们 可以运用一些技巧 将这些数 据以特别 的索引方 式排列 ,以便 让 我们可 以轻松的找到想要的数据 .进一步看 ,当我们把这些数据电子化后存储在电脑内时 ,这就是我 们
4、所谓的数 据库系统 .数 据的电子 化十分重要 ,通过对信息的处理 ,可以大幅度的提高对数据存储与应用的速度与效率 ,因2 此数据库系统开始被广泛应用 ,并成为各家企业公司不可缺少的工具 . 数据库系统 (database system)最重要的目的 ,是要管理大量数据 ,并能够让用户根据需求存取数据 .为达到此目的 ,数据库系统必须提供完善的数据存储结构以及数据管理机制 ,除此之外 ,还必须具备安全防护系统以确保 数据的安 全 .由此可见 数据库系 统的重要 性数 据库 系统的应用从一开 始的交易 管理的各 个应用领 域 ,用于工程 设计的工 程数据库 ,用于互联网的 web 数据库 ,用于
5、决策支持的数据仓库或是用于多媒体技术的多媒体数据库等 .到目前为止 ,数据库系统已经成为各个应用领域所不可 缺少的基础 部分 .数据库 系统是以 “层 次数据库 “为 起始的 ,它以特殊的层 次结构存储 数据 ,后来有 出现了 “网状 系统 “,但 现在应用最为广泛的是 “关系数据库 “系统 . Dreamweaver 主要用于制作网站的静态页面 ,不涉及后台数据库编程 .自从发展到 Dreamweaver mx 版本 ,加入了后台数据库程序自动生成的功能 ,让 网页制作爱好者再也不用惧怕只作留言版 ,邮件列表等需要编程才能实现的内容 . DREAMWEAVER 的本质就是通过可视化的操作来自
6、动生成 HTML 或者ASP、 JAVASCRIPT、 PHP、 JSP、 COLDFUSION、 ASP.NET 等代码 .DREAMWEAVER MX 可视化操作使人快速上手 ,而 Dreamweaver mx 代码使人更清晰 .很多情况下可视化操作视无法完成的 ,这就需要手工修改代码 .那么怎样在Dreamweaver 中查看代码? 允许您以下面两种方式中的任意一种查看页面: “ 设计 ” 视图(在 “ 设计 ” 视图中文档 看起来与它在浏览器中的外观非常相似)或 “ 代码 ” 视图(您可以在 “ 代码 ” 视图中看到基础 HTML 代码)。您还可以使用同时显示 “ 代码 ” 视图和 “
7、 设计 ” 视图的拆分视图。 随着 Internet 技术的飞速发展及用户需求的不断升级, Web 页面技术也不断的推陈出新,使得 Web 站点的功能越来越强大,能够提供的服务种类越来越繁多。从 HTML、 Client Script 到 CGI,从 JAVA 的诞生到 ActiveX, Web 页面设计人员不断受到冲击,微软公司在总结了以往技术,重新思考 Web 页面设计的真正需要后,推出了 Active Server Pages (ASP),一种用以取代 CGI(Common Gateway Interface,通用网关接口 )的技术。 因此,本通讯录是一个运用数据库简单的实例,通过该网页
8、的设计,加深了对数据库对象的了解,但是本设计所实现的网上通讯录的功能还不过完善,存在许多漏洞,仅作为学习而已 3 第 2章 网上通讯录设计相关的 知识 技术介绍 2.1 Macromedia Dreamwear 简介 Macromedia Dreamwear 是一款专业的 HTML 编辑器,用于对 Web 站点、 Web 页和 Web 应用程 序进行设计、编码和开发。无论您喜欢直接编写 HTML 代 码 的 驾 驭 感 还 是 偏 爱 在 可 视 化 编 辑 环 境 中 工 作 ,Dreamweaver 都 会为您 提供帮 助良 多的工 具, 丰富您 的 Web 创 作体验。它是一个所见即所得
9、网页编辑器,支持最新的 DHTML 和 CSS 标准。它采用了多种先进技术,能够快速高效地创建极具表现力和动感效果的网页,使网页创作过程变得简单无比。值得称道的是, Dreamweaver不仅提供了强大的网页编辑功能,而且提供了完善的站点管理机制,可以说,它是一个集网页创作和站点管理两大利器于一身的超重量级的创作工具。 DREAMWEAVER 的本质就是通过可视化的操作来自动生成 HTML 或者ASP、 JAVASCRIPT、 PHP、 JSP、 COLDFUSION、 ASP.NET 等代码 .DREAMWEAVER MX 可视化操作使人快速上手 ,而 Dreamweaver mx 代码使人
10、更清晰 .很多情况下可视化操作视无法完成的 ,这就需要手工修改代码 .那么怎样在Dreamweaver 中查看代码? 允许您以下面两种方式中的任意一种查看页面: “ 设计 ” 视图(在 “ 设计 ” 视图中文档看起来与它在浏览器中的外观非常相似)或 “ 代码 ” 视图(您可以在 “ 代码 ” 视图中看 到基础 HTML 代码)。您还可以使用同时显示 “ 代码 ” 视图和 “ 设计 ” 视图的拆分视图。 2.2 Microsoft Access 简介 数据库系统 在现今 企业信息 化的潮流 中扮演 着不可或 缺的角 色 ,其中 Microsoft 所推出的 Microsoft SQL Serve
11、r 与 Microsoft Access两大数据库管理系统是目前企业中应用最广泛的两种 . access 数据库系统虽然不如 SQL Server 功能齐全 ,但对于一些中小型企业的应用来说 ,确实绰绰有余 .尤其是随着 Office 的改版与不断更新 ,Access 的功能 也更加完整 ,难怪 Access 常被程序员用作发展雏形系统时的后段数据库 .access2003 相对于过去的版本而言 ,也增加了许多令人赞赏的新功能 ,其 中 包 括 数 据 透 视 图 与 数 据 透 视 表 视 图 ,对 XML 的 支 持 ,对MIcrosoft SQL Server2000 的扩展属性的支持
12、,可更新的离线数据页 ,加强 Access 项目中密码的安全性和增加表的连接向导 .除此之外 ,在强调整合应用的时代 ,Access2003 与其他软件的整合功能也更加强大 ,例4 如您可以运用 Access 与后端的 SQL Server 数据库建立项目 ,或是在其他 Office 软件间进行数据的转换 . 究竟数据库 是什么 ?简单 来说 ,数据 库是存储 数据的地 方 ,并且 是以结构化的方 式存储 ,以便于 查询 ,应用数 据更新与 删除等工作 .我们在日常生活中 存在许多数 据库 ,例如电 话号码簿 ,图 书馆目录等 .我们可以运用一些 技巧将这 些数据以 特别的索 引方式排列 ,以
13、便让我 们可以轻松的找到想要的数据 .进一步看 ,当我们把这些数据电子化后存储在电脑内时 ,这就 是我们所谓 的数据库 系统 .数据的 电子化十分 重要 ,通过对信息的 处理 ,可以 大幅度的提 高对数据 存储与应 用的速度 与效率 ,因此数据库系统开始被广泛应用 ,并成为各家企业公司不可缺少的工具 . 数据库系统 (database system)最重要的目的 ,是要管理大量数据 ,并能够让用户根据需求存取数据 .为达到此目的 ,数据库系统必须提供完善的数据存储结构以及数据管理机制 ,除此之外 ,还必须具备安全防护系统以确保 数据的安 全 .由此可见 数据库系 统的重要 性数据库 系统的应用
14、从一开 始的交易 管理的各 个应用领 域 ,用于工程 设计的工 程数据库 ,用于互联网的 web 数据库 ,用于决策支持的数据仓库或是用于多媒体技术的多媒体数据库等 .到目前为止 ,数据库系统已经成为各个应用领域所不可缺少的基础部分 . 一般来说 ,一个数据库管理系统 应具备以下功能 : 1.数据库定 义功能 : 定一数 据的存储 结构与 数据间的 关系 ,更进一步的定义数据的完整性 . 2.数据库操作功能 :实现对数据库数据的基本操作 ,包括数据的新增 ,删除 ,修改 ,数据库的备份等 . 3 数据库查询功能 :为用户提供各种灵活的方式 ,来查询数据库内的数据 . 4.数据库控 制功能 :必
15、须 负责数 据库的安 全性控制 ,完 整性控 制 ,多用户环境下的存取控制等 . 5.数据库通信功能 :提供分布式数据库或网络操作功能 ,以便于网络上的其他应用软件进行关系 . 2.3 ASP 技术简介 近年来随着 Internet 技术的飞速发展及 用户需求的不断升级, Web页面技术也不断的推陈出新,使得 Web 站点的功能越来越强大,能够提供的服务种类越来越繁多。 简单讲, ASP 是位于服务器端的脚本运行环境,通过这种环境,用5 户可以创建和运行动态的交互式 Web 服务器应用程序,如交互式的动态网页,包括使用 HTML 表单收集和处理信息,上传与下载等等。更重要的是, ASP 使用的
16、 ActiveX 技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的 Web 编写工具所远远不及的地方。这也是本文选择 ASP作为开发 工具最重要的原因之一。 利用 IIS+ASP 技术来集成 Web 前后端所带来的强大效益可归结为以下几个方面: 减少构建和维护成本 加快联机过程 应用软件集中在服务器端开发管理 前端可使用任何浏览器( IE、 Netscape .) 后端可存取任何数据库 (SQL、 Access .) 可使用任何脚本语言开发 (VBScript、 JavaScript、 PERL .) 后端数据库 ActiveX Se
17、rver 元件 程序和计算逻辑 ActiveX Server 元件 前端浏览器 图 2.1 web 结构示意图( 2.1) ASP 还提供了 6 个功能强大的内部对象,每个对象具有各自的属性( Property)、方法( Method),有的还拥有数据集合( Collection)与事件( Event),它们共同完成 Web 中的一些重要工作 这 6 个对象及其功能描述如下表 2.2 所示 数 据库 服 务器 Microsoft IIS + ASP 浏览器 6 对 象 名称 功能描述 Request 从客户端取得信息 Response 将信息送给客户端 Server 提供一些 Web 服务器工
18、具 Session 储存在一个 S ess ion 内的用户信息,该信息仅可被该用户访问 App lic at ion 在一个 ASP-App lic at io n 中让不同的客户端共享信息 Ob jec tContext 配合 Mic rosof t Transac t ion 服务器进行分布式事务处理 表 2.2 ASP 内部 6 大对象及其功能 合理地运用这些对象可以使原本复杂,烦琐的工作变得简捷 而条理清晰。 我们可以用以下的语法直接使用这些对象:对象 .属性 /方法 /数据集合。 每一 个以 Active Server Pages 为 基础 的应 用 程序 都拥 有一 个Globa
19、l.asa 文件( ASA 后缀名其实是 Active Server Application 的缩写 ),它 位于每 一个 应用程 序的基 点目录 之下。 当 Active Server Pages 做下面两个动作时, Server 便会去读 Global.asa 文件: 不具有任何 Session 的客户端向 Server 请求一个 ASP 文件时。 前面已经提到 Application 和 Session 这两个 ASP 的内部对象。Application 对象内的信息供所有正在执行该应用程序的用户分享,它创建于 Web Server 启动后一个应用程序中任一 ASP 文件被提出第一个HT
20、TP 请求时,结束于 Server 端停止运行。而 Session 对象仅属于一位用户,维持一个用户端的信息,其他用户无法访问,它创建于一个不具有 Session 的用户向 Server 请求一个 ASP 文件时,结束于该 Session到期(即用户端超过某时间段没有向 Server 提出要求或刷新 Web 页面)或 Abandon 语句的调用。可见, Global.asa 文件的调用与 Application与 Session 这两个对象密切相关。事实上我们通常在 Global。 asa 文件中写入以下内容: 这样,在一个 Application 或 Session 对象被创建或结束时,系统
21、会自动完成 Global.asa 文件中写入的相应事件。值得注意的是,如果一个 Application 与一个 Session 同时开始, Active Server Pages会先处理 Application 的开始事件,而如果一个 Application 与一个Session 同时结束, Active Server Pages 则会先处理 Session 的结束事件。 7 第 3章 网上通讯录的设计的整体设计 3.1 网页的系统环境 1硬件环境 考虑到本系统作为服务器端,配置如下: CPU P| 500 以上 ,I 建议 P| 850。 内存 128MB 以上,建议 256MB。 硬盘 4
22、0GB 2软件环境 作为服务器操作系统选用 winxp 考虑到了系统的稳定性和操作的易适性。使 Ultradev 编辑网页框架,并在页面中加入脚本代 码 , 完成 程 序 的基 本 功 能, 在 运 行调 试 的 时候 , 使 Microsoft Script Debug 调 试 vbscript、 jscript 写的脚本语言。 操作系统 Win98,win2000,winxp 工具软件 Macromedia Dreamwear Microsoft Access 3.2 网页的运行环境 目前, Microsoft 公司推出了集中支持 ASP 的服务器。为 Windows 2000/NT 系统
23、开发的 Microsoft Internet Information Server (IIS),它的功能和稳定性都很强。 Windows 2000 中最显著的特点就是将 ASP 和 IIS 5。 0 作为一种标准组件进行安装,允许用户在 WEB 服务器上使用 IIS 5.0。 对于简单的 Web 站点,可能不需要添加虚拟目录。可以将所有文件放置在站点的主目录中。如果站点比较复杂或者需要为站点的不同部分指定不同的 URL,可以按需要添加虚拟目录。 3.3 网页的结构设计图 在启动应用程序时,首先进入的登陆界面进行用户的身份验证。如果用户身份验证通过,就可以进入网页的主界面(即用户管理功能界面)进
24、行信息的操作和查询。如果身份验证失败,则返回登陆界面。进入主页面后,可以进行添加修改个人资料的操作,查询个人 资料,以及通过留言版进行留言等等;如下图 3.1 所示: 8 图 3.1 网页流程 3.4 网页的设计功能四大模块 本网页主要功能是实现个人用户信息的管理,包括 4 个子模块 ( 1)添加和修改注册信息:用户登陆后,可填写和修改其详细的个人资料、特长等信息。便于其他用户对于资料的浏览和查询。可双击选中某一注册者,查看其个人详细信息,并可以添加或者修改删除信息。 ( 2)查看所有注册者信息:页面显示出所有注册者的资料。 ( 3)查询信息:查找到用户感兴趣的数据、信息。在 查询过程中,用户
25、可通过输入关键字来实现相关的查询。 ( 4)留言版:通过 EMAIL 发送消息。 3.5 网上通讯录的数据库的建立 具体的操作步骤可以归纳为以下几步: 1创建数据库源名 (DSN) 2创建数据库链接 (Connection) 3创建数据对象 4操作数据库 5关闭数据对象和链接 每一步的作法如下: 、创建数据源名 输入用户登陆信息 身份验证 进入主页面 添加修改注册 留言版 退出登陆 失败 成功 查询个人资料 设置显示资料 9 DSN(Date Source Name)即数据源名称。我们知道, ODBC 是一种访问数据库的方法,只要系统中有相应的 ODBC 驱动程序,任何程序就可以通过 ODBC
26、 操纵驱 动程序的数据库。比如我们系统中有 Access 的 ODBC驱动程序,那么即使我们没有 Access 软件,也可以在我们的程序中对一个 Access 的 MDB 数据库加、删、改记录。而且我们根本不用知道这个数据库是放在哪里的。我们只要写出 SQL 语句, ODBC 驱动程序就会帮我们做一切事情。我们在给 ODBC 驱动程序传 SQL 指令时,即是用 DSN来告诉它到底操作的是哪一个数据库。如果数据库的平台变了,比如我们改用了 SQL Server 的数据库,只要其中表的结构没变,我们就不用改写我们的程序,只要重新在系统中配置 DSN 就行了。由此可 见,DSN 是应用程序和数据库之间的桥梁。 便进入数据源管理器对话框,单击 ODBC 数据源管理器的“系统DSN”标签,进入系统“ DSN”对话框图 3.21 所示 图 3.21 系统“ DSN”对话框 单击添加按钮,进入新数据源对话框,选择数据源类型,在选择MICROSOFT ACCESS DRIVER(*.MDB),然后单击完成按钮。 10 图 3.22 数据源类型 ODBC Microsoft Access 设定对话框 ,图 3.23 所示 图 3.23 设定对话框 在“数据源名”文本框中输入数据源的名称,然后单击选择, 利用选取数据库对话框,选取欲提供数据的 access 数据库。图 3.24 所示