毕业设计（论文）-ASP数据库课程网站的设计与实现

数据库课程网站的设计与实现 诚诚 信信 声声 明明 我声明，所呈交的毕业论文是本人在老师指导下进行的研究工作 及取得的研究成果。据我查证，除了文中特别加以标注和致谢的地方 外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为 获得其他教育机构的学位或证书而使用过的材料。我承诺，论文中的 所有内容均真实、可信。 毕业论文作者签名： 签名日期： 年 月 日 数据库课程网站的设计与实现 数据库课程网站的设计与实现数据库课程网站的设计与实现 摘摘 要要随着科技的发展，以及教育体制改革的深入，人们网上学习的 需要日趋明显。于此同时，数据库技术的重要性也日益得到人们的肯定。 人们，特别是正在学习数据库课程的学生，希望除了能在课堂上学习该门 课程，也能在网上进行学习。这样更能提高自身对课程的理解。所以，就 有了这次数据库系统课程网站的开发。目的就是给广大师生提供一个 相互探讨交流的平台，提高学生的主动性，从而提高教学质量。 数据库系统课程网站主要模块包括首页、课程学习、教学大纲、 考试平台、在线答疑等等。而该网站主要采用 Dreamweaver 结合 HTML、ASP 技术进行开发，Microsoft Access 作为后台数据库，从而呈现 上述的模块内容，并实现对数据库数据管理的基本功能。 关键词关键词 网站开发；数据库系统 ；ASP 数据库课程网站的设计与实现 The Design and Implementation of the Website of the Database Course Abstract：With the development of the science and technology, and the deepgoing revolution of the education system, the requirement of knowledge is getting more and more obvious. At the same time, more and more people have no doubt about the importance of technology of the database .To comprehend more about the content about the cousre, people, especially the students who are taking the course of the database, prefer to learn the course not only on the class but over the Internet. Therefore, there is the development of the database course, which is a platform to provid the students and teachers communication , improving the students initiative and teaching quality. The website of the Database System course includes the homepage、teaching content、teaching target、examination system、question- answer online and other modules. And the website system develops with the tool of Dreamweaver、the skill of HTML and ASP, and makes the Microsoft Access as the background database. With the factors mentioned above , the user can view the information about different modules . The administrator also can manage the website database. Keywords：website development；Database System ；ASP 数据库课程网站的设计与实现 目目 录录 1 绪论绪论.1 1.1 文献综述.1 1.2 研究框架.2 1.2.1 研究内容.2 1.2.2 研究目标.2 1.2.3 研究方法.2 1.3 术语说明.3 1.3.1 HTML.3 1.3.2 CSS .3 1.3.3Dreamweaver.3 1.3.4 ASP.4 1.3.5 VBScript .4 1.3.6JavaScript.5 1.3.7 Access.5 2 网站开发主要技术网站开发主要技术.6 2.1 开发工具简介.6 2.2 编程技术简介.6 2.3 后台数据库简介.8 3 网站系统的设计网站系统的设计.9 3.1 前台设计.9 3.1.1 前台设计概述.9 3.1.2 功能模块设计.9 3.1.2.1 在线答疑模块.9 3.2 后台设计.10 3.2.1 后台管理设计概述.10 3.2.2 数据库的设计概述.10 3.3 管理模块设计.12 4 网站实现网站实现.13 4.1 综述.13 4.2 网站主要部分界面.14 4.2.1 网站首页界面.14 数据库课程网站的设计与实现 4.2.2 其他分页界面.15 4.2.3 在线答疑界面.16 4.2.3.1“我要提问”界面.16 4.2.3.2“查阅提问”界面.17 4.2.3.3“查看回复”界面.17 4.2.3.4“问题回复”界面.18 4.2.3.5“经典答疑”界面.18 4.2.4 后台管理页面.19 4.2.4.1 后台管理功能.19 4.2.4.2 登陆页面.19 4.2.4.3 删除页面.19 4.2.4.4 回复页面.20 4.2.4.5 编辑页面.20 结论与展望结论与展望.22 致谢致谢.23 参考文献参考文献.24 数据库课程网站的设计与实现 1 1 绪论绪论 1.1 文献综述文献综述 数据库技术是计算机科学技术中发展最快的领域之一，也是应用最广 的技术之一。它是数据管理的最新技术，是计算机科学的重要分支。对于 计算机类专业的学生来说， 数据库系统课程的重要性不庸置疑。它是 计算机类专业的重要实践性教学环节。 数据库系统是一门研究包括数 据库语言、数据库设计、数据库维护等原理的综合性技术基础课程，是高 等学校计算机类专业学生必修的重要的专业基础课程之一。它对学生学好 后续课程，增强学生的实践知识和动手能力，拓宽学生的知识面具有重要 的作用。 随着网络技术的高速发展, 网络应用于教学已经越来越广泛, 尤其是 教学网站的开发与建设已经成为目前高校提高课程教学质量的主要手段之 一。同时，随着招生人数的逐年增加,数据库课程的教学面临着诸多困难和 问题。为了进一步提高教学质量, 加强课程建设、向精品课程迈进, 课程 网站的开发也是措施之一。 数据库系统课程网站的开发显得至关重要。 然而部分课程网站的效果不尽如意，主要原因有：1、网站仅仅简单地实 现了资料查询的功能，部分内容长时间没有更新。2、网站内容不丰富、 内容单薄，教师和老师很难在课程网站获得对自己有用的素材和知识1。 针对以上提及的因素，就有了这次数据库系统课程网站的综合 设计。开发数据库系统课程网站的目的，就是要结合使用现代信息技 术和网络通信技术，充分利用多媒体技术和网络的普遍性、即时性和便利 数据库课程网站的设计与实现 2 性在教学上的优势，通过网络进行教学与管理，引导学生自主学习，帮助 学生理解和掌握数据库系统课程的重点和难点，激发学生自主学习的 积极性和兴趣，培养学生分析解决实际问题和动手的能力，从而实现优质 教学资源共享，并且能够做到教师之间、师生之间、学生间的及时的交互 与交流。 1.2 研究框架研究框架 1.2.1 研究内容研究内容 本文所研究的内容主要从网站前台设计、后台设计、编码及测试再到 网站实现，论述了，包括线答疑功能在内， 数据库系统网站的浏览、使 用和管理功能的实现。 1.2.2 研究目标研究目标 研究目标是设计一个数据库系统课程网站，方便师生对数据库 系统这门课程的学习和探讨。该网站，不仅能够提高学生学习的积极性， 同时也能够起到提高教学质量的作用。同学与同学探讨，同学与老师探讨， 利用把握课程重点与难点。起到教学相长，相得益彰的效果。 1.2.3 研究方法研究方法 本答疑系统是计算机网络课程答疑系统。在前台的实现上，我使用现 在较为流行的 ASP 技术，利用微软提供的 IIS 建立运行环境，后台数据库 使用 Microsoft Access。ASP 简单易用，适合用来开发网站。对于数据库使 用 Microsoft Access，其考量主要是够用就可以了。对于实现这次数据库课 数据库课程网站的设计与实现 3 程网站的开发，ASPMicrosoft Access 是不错的选择。 1.3 术语说明术语说明 1.3.1 HTML HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链 接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主 要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可 以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部 （Head） 、主体（Body）两大部分，其中头部描述浏览器所需的信息，而 主体则包含所要说明的具体内容。 1.3.2 CSS CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”） 是一组格式设置规则，用于控制 Web 页面的外观。通过使用 CSS 样式设 置页面的格式，可将页面的内容与表现形式分离。页面内容存放在 HTML 文档中，而用于定义表现形式的 CSS 规则则存放在另一个文件中或 HTML 文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使 维护站点的外观更加容易，而且还可以使 HTML 文档代码更加简练，缩短 浏览器的加载时间。而 CSS+Div 的布局方式广受欢迎。因为采用这种方式 设计界面能够缩减页面代码，提高页面浏览速度，还可以是页面的字体变 得更为美观，易于排版2。 1.3.3Dreamweaver Dreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网 数据库课程网站的设计与实现 4 站于一身的所见即所得网页编辑器。它可以方便地编写 ASP、PHP、JSP 代码，软件的自动填充提示功能和代码渲染功能可以有效地帮助用户编写 和调试各种代码。借助 Dreamweaver 可以快速方便地开发出各种静态和动 态网页3。 1.3.4 ASP ASP 是 Active Server Page 的缩写，意为“动态服务器页面”。ASP 是微 软公司开发的代替 CGI 脚本程序的一种应用,它可以与数据库和其它程序 进行交互，是一种简单、方便的编程工具。ASP 的网页文件的格式是. asp，现在常用于各种动态网站中。ASP 既不是一种语言，也不是一种开 发工具，而是一种技术框架，其主要功能是把脚本、HTML、组件和 Web 数据库访问功能有机地结合在一起，形成了一个能够在服务器端运行的运 用程序，该运用程序可以根据来自浏览器的请求生成相应的 HTML 文档并 会送给浏览器4。 1.3.5 VBScript VBScript 是 Visual Basic Script 的简称，即 Visual Basic 脚本语言，有 时也被缩写为 VBS。是 asp 动态网页默认的编程语言，配合 asp 内建对象 和 ADO 对象，用户很快就能掌握访问数据库的 asp 动态网页开发技术。 它具有原语言容易学习的特性。VBScript 是 ASP 的默认脚本语言，因此可 以认为它是一种服务器端编程语言，但它同时也可以像 JavaScript 一样， 可以作为一种客户端编程语言4。 数据库课程网站的设计与实现 5 1.3.6JavaScript JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚 本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。JavaScript 也可以 用于其他场合，如服务器端编程。完整的 JavaScript 实现包含三个部分： ECMAScript，文档对象模型，字节顺序记号。JavaScript 是一种解释性编 程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式 的字符大骂发送到客户端由浏览器解释执行。同时，在声明变量中采用的 是弱类型，即变量在使用前不需要声明。JavaScript 的对象引用在运行时 进行检查，如不经编译，则就无法实现对象引用的检查6。 1.3.7 Access Microsoft Office Access（前名 Microsoft Access）是由微软发布的关联 式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户 界面两项特点，是 Microsoft Office 的成员之一。其实 Access 也是微软公 司另一个通讯程序的名字，想与 ProComm 以及其他类似程序来竞争。可 是事后微软证实这是个失败计划，并且将它中止。数年后他们把名字重新 命名于数据库软件。另外，Access 还是 c 语言的一个函数名和一种交换机 的主干道模式7。 数据库课程网站的设计与实现 6 2 网站开发主要技术网站开发主要技术 2.1 开发工具简介开发工具简介 Dreamweaver 是由 Macromedia 公司开发的一款所见即所得的网页编 辑器，是“网页三剑客”之一。Dreamweaver 具有可视化编辑界面和强大的 所见即所得网页编辑功能。用户不必编写复杂的 HTML 源代码，就可以生 成跨平台、跨浏览器的网页。所以使用起来很方便，容易上手，使用者在 所见即所得网页编辑器进行网页制作和在 WORD 中进行文本编辑不会感 到有什么区别。除了制作效率佳外，Dreamweaver 还便于网站的管理。使 用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位 置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、 HTML 码、HTML 属性标签和一般语法的搜寻及置换功能使得复杂的网站 更新变得迅速又简单。同时，Dreamweaver 的控制能力也很卓越。 Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的 方式进行版面配置。当使用 Dreamweaver 在设计静态或动态网页时，所见 即所得的功能，让使用者不需要透过浏览器就能预览网页。 2.2 编程技术简介编程技术简介 ASP 是一种服务器端脚本编写环境，可以用来创建和运行动态网页或 Web 应用程序。ASP 网页可以包含 HTML 标记、普通文本、脚本命令以 及 COM 组件等。利用 ASP 可以向网页中添加交互式内容（如在线表单） ， 也可以创建使用 HTML 网页作为用户界面的 web 应用程序。通过 ASP 可 数据库课程网站的设计与实现 7 以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效 的 WEB 服务器应用程序。与 HTML 相比，ASP 网页具有以下特点： （1）利用 ASP 可以实现突破静态网页的一些功能限制，实现动态网页技 术； （2）ASP 文件是包含在 HTML 代码所组成的文件中的，易于修改和测试； （3）服务器上的 ASP 解释程序会在服务器端执行 ASP 程序，并将结果以 HTML 格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览 ASP 所产生的网页； （4）ASP 提供了一些内置对象，使用这些对象可以使服务器端脚本功能 更强。例如可以从 web 浏览器中获取用户通过 HTML 表单提交的信息， 并在脚本中对这些信息进行处理，然后向 web 浏览器发送信息； （5）ASP 可以使用服务器端 ActiveX 组件来执行各种各样的任务，例如 存取数据库、发送 Email 或访问文件系统等。 （6）由于服务器是将 ASP 程序执行的结果以 HTML 格式传回客户端浏览 器，因此使用者不会看到 ASP 所编写的原始程序代码，可防止 ASP 程序 代码被窃取。 (7) 方便连接 ACCESS 与 SQL 数据库. (8)开发需要有丰富的经验,否则会留出漏洞,让骇客（cracker）利用进行 注入攻击. ASP 也不仅仅局限于与 HTML 结合制作 WEB 网站，而且还可以与 XHTML 和 WML 语言结合制作 WAP 手机网站。其原理也是一样的。 数据库课程网站的设计与实现 8 2.3 后台数据库简介后台数据库简介 Microsoft Access 在很多地方得到广泛使用，例如小型企业，大公司的 部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它 也常被用来开发简单的 WEB 应用程序。这些应用程序都利用 ASP 技术在 Internet Information Services。运行 Access 管理的对象有表、查询、窗体、 报表、页、宏和模块，以上对象都存放在后缀为（.mdb 或.accdb）的数据 库文件中，便于用户的操作和管理。Access 支持 ODBC（开发数据库互连， Open Data Base Connectivity） ，利用 Access 强大的 DDE（动态数据交换） 和 OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、 Excel 表格、Word 文档，还可以建立动态的数据库报表和窗体等。Access 还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访 问页对象生成 HTML 文件，轻松构建 Internet/Intranet 的应用。 数据库课程网站的设计与实现 9 3 网站系统的设计网站系统的设计 3.1 前台设计前台设计 3.1.1 前台设计概述前台设计概述 前台设计主要包括网站各网页界面的设计，功能模块设计。前台网页 的设计方式基本上都是由模板加不同网页的内容。而在布局上，网站的页 面采用 table 和 Div+css 的方式。 数据库系统原理网络课程的内容组织 结构如下图所示： 图 3-1 组织结构 3.1.2 功能模块设计功能模块设计 3.1.2.1 在线答疑模块在线答疑模块 数据库系统网站的主要功能体现在在线答疑模块。在该模块中， 进入网站的学生可以在网站上以留言的方式提问题。对同一个问题，可以 包括老师以及其他学生在内的人对问题进行回答，方便大家的交流。 数据库课程网站的设计与实现 10 3.2 后台设计后台设计 3.2.1 后台管理设计概述后台管理设计概述 后台管理的设计，除了基本的界面处理外，主要包括了对前台提交的信 息，即问题，进行回复、删除和编辑等功能。 图 3-2 后台管理结构 3.2.2 数据库的设计概述数据库的设计概述 在设计网站的后台数据库时我采用的数据库是 Microsoft Access 2003， 建立后缀为“.mdb”的库文件。在网站中前台与后台管理系统共同使用一 个数据库 board.mdb，来完成各自的任务。用.asp 将数据库封装，加强了数 据库的安全性。 网站中所使用的表主要包括问题信息表 board、回复信息表 rpost 和管 理信息表 admin。顾名思义，问题信息表 board 主要是用来存储用户的信 息以及其所提问的问题的信息；而回复信息表 rpost 则是用来存储回复内 数据库课程网站的设计与实现 11 容相关的信息；至于管理信息表 admin 则是存储管理员的账号和密码。表 结构如下图所示： 表 3-2 回复信息表（rpost 表） 表 3-1 问题信息表（board） 序号字段名称数据类型 1 问题 ID自动编号 2 提问人文本 3 问题标题文本 4 提问时间日期/时间 5 邮箱文本 6 问题章节文本 7 经典文本 8 问题内容备注 序号字段名称数据类型 1 回复 ID自动编号 2 回复人文本 3 回复内容文本 4 问题 ID数字 数据库课程网站的设计与实现 12 表 3-3 管理信息表（admin 表） 3.3 管理模块设计管理模块设计 管理模块主要负责对前台接收的问题信息，进行相应的回复、删除和编 辑。主要针对前台的“在线答疑”模块，管理员按不同的需求进行相应的 操作。 序号字段名称数据类型 1 管理 ID自动编号 2 管理员名称文本 3 密码文本 数据库课程网站的设计与实现 13 4 网站实现网站实现 4.1 综述综述 数据库系统原理网络课程具有开放性、交互性、协作性和共享性 等基本特征，基本内容包括教学内容（如课程介绍、教学大纲、教学目标、 学习内容、学习指导和课程实验及课程设计等） 、教学资源（如教学素材、 学生报告和习题试题等） 、教学管理 （课程导航、教学安排和考试评价等） 和教学环境（教学论坛、输导答疑、资源下载等）等。 数据库系统原理 网络课程既用来呈现课程信息，也用作收集学生反馈信息，通过教与学双 向交流以实现教学目的。而后台管理针对“在线答疑” ，对数据库进行操 作。 数据库系统原理网络课程的框架结构如下图所示： 图 4-1 网站框架结构 数据库课程网站的设计与实现 14 4.2 网站主要部分界面网站主要部分界面 4.2.1 网站首页界面网站首页界面 打开数据库理论课堂首页，就看到网站的大体的内容。从上至下， 首页大致上可以看成由上面的 logo 和导航、中间部分的网站总体信息的大 致介绍、下面的友情链接组成。如下图所示： 图 4-2数据库理论课堂主页 数据库课程网站的设计与实现 15 4.2.2 其他分页界面其他分页界面 网站的分页是由主页链接的目标页，其内容为主页链接的详细内 容展开。本网站中设置了一级、二级子页，个个栏目的内容。各级子页面 保持与主业面的风格，实现了网站的统一。 由主页里可以看出来，网站的主要部分包括：课程学习、教学大纲、 考试平台、设计实践、资源导航、技术前沿、在线答疑、课程评价和关于 我们。每个分页都有各自关于数据库系统这门课程的相应内容，方便 师生的学习交流。其中，如下部分是教学大纲部分的界面： 图 4-3 教学大纲 4.2.3 在线答疑界面在线答疑界面 本网站的主要交互功能体现在考试平台和在线答疑。下面，将主要介绍 在线答疑部分。 4.2.3.1“我要提问我要提问”界面界面 “我要提问“页面主要是给对数据库系统课程有疑问的用户，通过 数据库课程网站的设计与实现 16 留言的形式在线进行提问题。在提问的过程中，提问者需要填写包括问题 标题、提问人、E-mail、问题章节和问题内容等相关信息。主要界面如下 图所示： 图 4-4 我要提问 4.2.3.2“查阅提问查阅提问”界面界面 “问题查阅”页面主要是将提问者的问题全都展示给在线浏览的用户。问 题的排列顺序是按照问题的更新时间。更新时间越早的问题，会出现在越 靠前的位置。如下图所示： 图表 4-5 查阅提问 数据库课程网站的设计与实现 17 4.2.3.3“查看回复查看回复”界面界面 若用户对相关问题感兴趣，可以对“查阅提问”界面的问题标题列下 的问题进行点击，进去“查看回复”界面。该界面会给用户提供问题的更 为详细的信息，其中最主要的是问题的具体内容和问题的回复内容。如下 图所示： 图 4-6 查看提问 4.2.3.4“问题回复问题回复”界面界面 若用户对感兴趣问题有自身见解或者对当前的回复情况不是很满意， 可以对该问题进行回复。这时，只需点击“查看回复”界面中“回复” ， 就会跳转到回复的界面。详细界面如下图所示： 数据库课程网站的设计与实现 18 图 4-7 问题回复 4.2.3.5“经典答疑经典答疑”界面界面 “经典答疑”主要是提供一个场合，将在用户提出的问题中，挑选出比 较常见的、典型的题目，从而展示出来，方便师生对数据库系统课程 的交流。具体界面和“查阅提问”类似。 4.2.4 后台管理页面后台管理页面 4.2.4.1 后台管理功能后台管理功能 后台管理部分主要负责对“在线答疑”的问题数据进行管理。其中， 最基本的删除、编辑和回复功能。 4.2.4.2 登陆页面登陆页面 要进入后台管理页面，需要通过身份认证。首先要输入必要的信息，包 括用户名和密码，然后进行所需的管理功能。如下图所示： 数据库课程网站的设计与实现 19 图 4-8 管理员登陆 4.2.4.3 删除页面删除页面 若管理员认为某些问题或回复存出现累赘、有歧义、超纲、错误等等情 况，可以对该问题或者其相应的回复进行删除。这时，只需点击问题或回 复里的删除按钮，即可对相应的数据进行删除。如下图所示： 图 4-9 删除界面 数据库课程网站的设计与实现 20 4.2.4.4 回复页面回复页面 管