web程序设计课程设计.doc

1、WEB 程序设计实训报告实训题目： 基于 ASP 和 ACCESS 动态网站开发 专 业： 计算机网络 院（系）： 高职学院 班 级 ： ZX0822 姓 名： 指导教师： 完成日期： 09 年 12 月 31 日 【摘 要】随着互联网技术的不断发展，网络应用变得越来越多样化，网站的作用也越来越重要，被称作继广播、报纸、杂志、电视后的第五种媒体数字媒体，毋庸置疑网站拥有众多优势，所以现在不少企业甚至个人都有自己的网站，用来更好的推广自己的产品或宣扬自己的个性。本文主要介绍了基于 ASP 和 Access 的动态网站开发，并介绍了应用此技术建立的计算机图形学课程网站。文章首先简单阐述了计算机网络

2、的发展和动态网站技术；然后相继介绍了主要的网站开发语言，HTML，ASP 等；接着介绍了动态网站中 SQL 或 Access 数据库的建立以及与网站的连接；最后介绍了制作该小型网站的主要步骤，设计思路，重点难点和心得体会。【关键词】互联网；动态网站；ASP；Access；动态网站开发设计【引 言】现行基于 ASP 和 ACCESS 的普通网站，均具有用户注册、登录，及后台管理等各种模块，其后台管理应该能管理登录角色，能实时更新网站内容，具有此种功能的网站才算是一个功能齐全的网站。本文以 ASP 开发技术开发的“登录、注册及后台管理”为例，介绍了设计构思，实现等内容。第一章 前言1.1. Web

3、 技术的应用ASP 是动态网站设计的重要工具，微软的 ASP 技术对运行环境要求简单，最重要的是它是建立在服务器上的技术，因此对客户端没有特别的要求。ASP像 HTML 文件一样包含有 HTML 语言，它是利用 VBScript 和 JavaScript 或其他脚本语言创建的在服务器端运行的脚本环境。用 ASP 连接 SQL，Access 等数据库，可以建立功能十分完备的动态网站。网站开发语言2.1 HTML 语言超文本置标语言（英文：HyperText Markup Language，简称为 HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标志语言。HTML 被用来结构化

4、信息例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。H TML 的 结 构 包 括 头 部 （ Head） 和 主 体 （ Body） 两部 分 ， 其 中 头 部 描 述 浏 览 器 所 需 要 的 信 息 ， 主 体 部 分 包 含 HTML 文 本 所 要 说明 的 具 体 内 容 。 HTML 是 网 络 的 通 用 语 言 ,网 页 设 计 者 可 以 用 它 建 立 文 本 与 图 片 结 合 的 复杂 页 面 ， 这 些 页 面 可 以 在 任 何 类 型 的 电 脑 或 浏 览 器 上 解 释 并 显 示 。基 本 的 HTML 文 档 以 DOCTYPE

5、开 始 ， 它 声 明 了 文 档 的 类 型 ， 在 它 之 前 不能 有 任 何 内 容 （ 包 括 换 行 符 和 空 格 ） ， 否 则 文 档 声 明 就 会 无 效 ， 接 着 是 标签 ， 最 后 以 结 束 。简 单 的 说 ,一 个 完 整 的 HTML 文 档 结 构 是 这 样 的 :HTML 的 语 法 规 则 很 简 单 ， 但 是 它 有 一 定 的 局 限 性 ， 因 为 用 HTML 编 写 的网 页 只 能 是 静 态 的 网 页 ， 浏 览 者 只 能 浏 览 网 页 上 静 态 的 文 字 或 者 图 片 ， 缺 乏互 动 性 是 十 分 影 响 浏 览

6、者 网 上 冲 浪 的 体 验 效 果 的 。 因 此 有 用ASP， PHP， ASP.NET 等 语 言 编 写 而 成 的 动 态 网 站 。 当 然 了 ， 因 为 HTML 的 基 础性 ， 所 以 它 仍 然 在 不 断 的 发 展 完 善 ， 并 且 形 成 越 来 越 严 格 的 标 准 和 规 范 。2.2 ASPASP 是 Active Server Page 的 缩 写 ， 意 为 “动 态 服 务 器 页 面 ”。 它 是微 软 推 出 的 一 种 服 务 器 端 脚 本 环 境 ， 用 户 可 以 用 它 来 结 合 脚 本 语 言 、 组 件 等建 立 动 态 的

7、， 具 有 交 互 能 力 的 Web 应 用 程 序 。 严 格 来 说 ， ASP 并 不 是 一 种 编程 语 言 ， 也 不 是 一 种 开 发 工 具 ， 它 是 一 种 可 以 把 HTML 代 码 、 组 件 和VBScript 或 JavaScript 等 脚 本 语 言 融 合 在 一 起 的 技 术 。ASP 包 含 有 服 务 器 端 的 脚 本 ， 正 是 因 为 执 行 了 脚 本 语 言 ， 网 站 才 会 和 用 户交 互 。 ASP 中 提 供 了 非 常 丰 富 的 标 准 服 务 器 端 的 ActiveX 组 件 ， 用 这 些 组 件可 以 完 成 非

8、常 复 杂 的 工 作 。 通 过 一 些 特 定 的 对 象 集 合 ， 例 如 ADO1（ Active Data Objects） ， ASP 可 以 方 便 的 访 问 数 据 库 。2.2.1 ASP 的 特 点1 ADO 是微软公司开发的一个存取数据源的 COM 组件。1. 简 单 易 用 。 ASP 程 序 不 用 经 过 编 译 就 可 以 在 服 务 器 端 直 接 运 行 ， 甚 至 用 最基 本 的 记 事 本 就 可 以 编 写 。2. 与 浏 览 器 无 关 。 因 为 ASP 所 使 用 的 脚 本 语 言 都 是 在 服 务 器 端 执 行 的 ， 所 以客 户

9、端 的 浏 览 器 只 要 能 够 执 行 HTML 代 码 ， 就 可 以 浏 览 ASP 所 设 计 的 网 页的 内 容 。3. 可 扩 充 。 用 VB， Java， C+等 编 程 语 言 ， 程 序 员 可 以 很 方 便 的 编 写 很 多 可用 的 服 务 器 控 件 。4. 兼 容 性 好 。 ASP 除 了 可 以 用 VBScript 和 JavaScript 来 设 计 外 ， 还 可 以使 用 其 他 第 三 方 脚 本 语 言 。5. 安 全 可 靠 。 因 为 ASP 程 序 执 行 的 结 果 是 以 HTML 格 式 传 回 到 客 户 端 浏 览 器的 ，

10、所 以 浏 览 者 不 会 看 到 ASP 程 序 的 原 始 代 码 ， 这 样 可 以 有 效 的 防 止ASP 程 序 源 代 码 被 窃 取 。2.2.2 ASP 的 运 行 环 境 及 其 工 作 原 理ASP 程 序 需 要 在 支 持 ASP 的 服 务 器 上 才 能 正 常 运 行 ， 因 此 对 于 使 用 个 人计 算 机 的 用 户 而 言 ， 就 需 要 安 装 IIS 等 能 够 提 供 服 务 器 功 能 的 软 件 。具 体 安 装 过 程 因 为 不 在 本 文 所 研 究 的 范 围 内 ， 所 以 这 部 分 内 容 略 去 。 但是 大 家 需 要 注

11、意 的 是 BASIC 版 的 操 作 系 统 是 没 有 IIS 功 能 的 ， 所 以 如 果 一 定要 安 装 IIS 的 话 ， 就 要 重 新 安 装 专 业 版 的 操 作 系 统 ， 也 可 以 用 其 他 具 有 相 似功 能 的 软 件 来 替 代 IIS。所有的网页文件都是存放在 Web 服务器中的，当浏览者在客户端浏览器的地址栏输入某个网址并按回车键时，浏览器便向服务器触发了一个 HTTP 请求，服务器再根据所请求网页的扩展名来决定响应的方式。普通 HTML 的执行过程：Browser Serv 请 求 响 应 图 1：普通 HTML 的执行过程ASP 程序在执行的过程当

12、中仍然是和 HTML 相关的,只是在执行的时候其中加入了一些特殊的语句。如果客户端向服务器请求的是静态的.HTML 文件，那么服务器会直接把文件的内容传回给客户端浏览器。如果客户端向服务器请求的是后缀名为.ASP 的动态网页，那么客户端首先会解释这个文件。在客户端解释.ASP 文件的过程中，遇到 HTML 标记或者其他一般的文字时会直接将读取的内容传回给浏览器；但是如果遇到的是标记，则会把标记里面的内容首先当做程序，然后再解释执行。第二章 设计构思2.1 设计目的为了实现该网站可以验证用户的合法性，必须要有注册、登录，此外应还可以防止用户丢失密码而设计的密码找回功能。当管理者以管理身份登录到后

13、台管理系统时，此时应具备的基本功能应该有对所有登录者进行删除和修改注册者的基本信息；另外，管理员还应具备，更新网站内容，添加、修改内容。本文就是以一个小型网站首页为例，通过登录页面可以实现后台更新首页新闻内容，管理者也可以对用户进行添加、修改资料等基本功能。2.1 系统流程本系统采用 B/S 架构进行设计，以 web 页面作为前台页面；用 ASP 开发中间应用程序层，用以连接后台数据库，进行数据处理，其具体流程如下图所示：首页普通会员登录注册后台登录会员登录成功页面后台管理页面新闻编辑 用户管理找回密码注：本网站未对会员登录页面其功能进行设计，主要设计的是后台管理页面2.3 开发平台选择制作时

14、采用 WIN2000 以上系统版本，加装 IIS 组件，数据库采用 ACCESS，ASP 网页制作采用 DreamweaverCS3 制作，网页美工采用 PHOTOSHOP 制作。新闻修改 上传新闻 用户删除 用户修改首页内容更新第三章 详细设计3.1 首页设计3.1.1首页导航栏、尾栏要可以通过后台数据库可以改变，此外还要显示更新的新闻图片，故其要调用后台数据库，设计时对其进行框架结构。Index 代码：每个子页面均通过 conn.asp 连接数据库，其代码如下：3.1.2首页效果如下截图所示：3.2 登录模块会员和后台管理登录页面如下所示：注册：找回密码：后台管理界面：新闻修改：新闻添加：

15、用户管理界面：修改用户信息：第四章 动态网站与数据库的连接动态网站的开发过程中最关键的技术就是动态网站与数据库的连接，它包括数据源的配置与连接、数据源的操作、数据的读取等。3.1 常用的数据库数据库，顾名思义就是存放数据的仓库，是存储在计算机上存储设备上的相互关联的数据集合。应用于互联网上的是 Web 数据库，它可以为人们从互联网上获得动态的，实时的信息。常用的数据库有 SQL 和 Access。AccessAccess 是由微软发布的关联式数据库管理系统，它结合了 Microsoft Jet Database Engine 和图形用户界面两项特点，是 Microsoft Office 的组件

16、之一。它具有如下特点：1. 具有表、查询、窗体、报表、页、宏、模块 7 种用来建立数据库系统的对象；2. 可以用多种向导、生成器、模板来把数据存储、数据查询、界面设计、报表生成等操作规范化；3. 它为建立功能完善的数据库管理系统提供了方便，使普通用户不必自己编写代码，就可以完成大部分数据管理的任务。因为 Access 是小型的数据库，所以它的数据存储量不能太大，访问不能太频繁，记录不能太多，但是正因为它是免费的，并且功能完全可以满足大多数的应用，所以 Access 还是非常受到人们的欢迎的。3.2 ADO 简介ADO (ActiveX Data Objects，ActiveX 数据对象）是 M

17、icrosoft 提出的应用程序接口（API） ，用以实现访问关系或非关系数据库中的数据。OLEDB 是现在应用程序访问数据源所使用的方法，它介于 ODBC 层和应用程序之间。在 ASP 界面中，ADO 是介于 OLEDB 之上的应用程序。OLEDB 是一个 COM接口，ADO 是为用户连接应用程序和 OLEDB 的桥梁。ADO 支持用于建立基于客户端服务器和 Web 的应用程序的主要功能。3.2.1Connection 对象Connection 对象可以用来实现应用程序对数据源的访问，并且确定对数据源的改变是否已经成功或者到底有没有发生。使用 Connection 对象的集合、方法、和属性可

18、以执行对连接进行配置，设置连接的默认数据库，为在连接上打开的事务设置隔离级别，建立到数据源的物理连接，检查数据源返回的错误等操作。3.2.2Recordset 对象Recordset 对 象 表 示 来 自 基 本 表 或 命 令 执 行 结 果 的 记 录 全 集 。 任 何 时 候Recordset 对 象 所 指 的 当 前 记 录 均 为 集 合 内 的 单 个 记 录 。 使 用 ADO 时 ， 通过 Recordset 对 象 可 以 对 几 乎 所 有 的 数 据 进 行 操 作 。 所 有 的 Recordset 对 象 全 部 使 用 记 录 （ 行 ） 和 字 段 （ 列

19、） 进 行 构 造 。3.2.3Command 对象一个 Command 对象代表了对数据源的操作命令的定义，它可以用来简化操作并且提高效率。用户可以用一个 Command 对象查询数据库，然后将结果返回给一个 Recordset 对 象 ， 执 行 一 批 命 令 或 者 对 数 据 库 的 结 构 进 行 操 作 。3.3 ASP 与数据库连接在服务器上运行的应用程序需要进行大量的服务器端数据库操作，ASP 通过内嵌的 Database Access 组件可以实现对支持 ADO 的数据源进行操作，包括Access，SQL 等。要与 ODBC 兼容的数据库连接，需要建立一个 DSN 用以定位

20、和标识特定的ODBC 兼容数据库。不使用 ODBC，ASP 可以通过建立 Recordset 对 象 和Connection 对象与任何与 OLEDB 兼容的数据库进行连接，并进行查询，修改，更新等操作。与 Access 数据库进行连接的代码如下：4.1.1数据库的设计本网站数据库有两个 user.mdb 和 data.mdb 两个数据库，一共有三张表来完成，分别如下：表 1：留言板数据库表 2：info 表表 3: guest 表数据库表名 说明 表的作用admin 用来存放管理员的名字和密码 管理登陆guest 用来存放用户的信息和留言 管理用户信息information 用来表明该留言板

21、的相关信息 留言板的相关信息字段名称 类型 说明id 自动编号 访客留言编号name 文本 访客名字come 文本 访客来自哪里表 4：information 表title 文本 访客留言的标题mail 文本 访客的邮箱content 备注 访客留言的内容reply 文本 管理员回复dateandtime 日期/时间 访客留言的时间字段名称 类型 说明id 自动编号 编号name 文本 留言板名字Url 文本 留言板主页board 文本 留言板公告栏num 文本 留言每页显示记录数badIP 文本 屏蔽使用的 IPbadwords 文本 屏蔽使用的字符第五章 结 论在这次的课设写作完成之后，我

22、对基于 ASP 和 Access 的动态网站开发有了更加深刻的认识。同时增加了将来对从事网站开发工作的兴趣，并且制作了我的第一个动态网站。在网站的制作过程之中，我前前后后遇到了很多困难，但是最后它们还是都被我一一解决了，通过对于为什么会出现这些问题的思考和总结，我知道了自己之前所犯的错误，这让我对知识有了更好的掌握，而且我想这对于培养我坚忍不拔的品质也是是非有帮助的。技术的进步是一方面，另外我还学会了更加合理的利用各种资源。 “时间就是最宝贵的资源”这句话我在这一个多月中体会颇深,因为这段时期的事情真的比较多，所以时间总是显的特别紧张。最后对于我制作的这个计算机图形学课程网站，我觉得它还是优缺

23、点并存的。首先优点包括：界面友好，浏览者可以很方便的找到自己所需要的信息；交互性较强，主要体现在留言板的功能比较全面。缺点主要有如下几个方面：网站的内容还有待增加；教学大纲、师资力量、学习资料三个板块还需要完善。希望自己在今后的学习和工作中，对上述几方面的不足能够进行探讨和改进。参考文献：1 姜兆瑞、张璇 等，网页设计师完全手册，北京：清华大学出版社，2006.2 崔巍，数据库系统及应用，北京：高等教育出版社，2003.致谢经过一个多月的努力，终于将毕业论文做完了。在本次毕业设计和论文的写作过程中，最感谢的是我的同学和指导老师王若梅老师！因为有了他们的支持和指导，我才能顺利的写完毕业论文！ 当然还得感谢我的父母，在这一个多月的艰苦奋斗中，他们经常打电话来关心我的身体状况，关心我的学习情况。尤其是在我烦躁、沮丧的时候，他们给了我最大的安慰，使我能够继续努力和奋斗！特别的，我还要感谢中山大学东校区图书馆，它让我有非常丰富全面的资料可以用来参考，另外每天晚上它还为我提供了安静的学习环境。最后，对于所有帮助过我的人，再次谢谢你们！