毕业论文—基于xml的在线投票系统.doc

毕业设计(论文)开题报告学生姓名： 学 号：所在学院： 专 业： 计算机科学与技术 设计(论文)题目： 基于XML的在线投票系统的研制 指导教师： 2005年 4 月 8 日开题报告填写要求1开题报告（含“文献综述”）作为毕业设计（论文）答辩委员会对学生答辩资格审查的依据材料之一。此报告应在指导教师指导下，由学生在毕业设计（论文）工作前期内完成，经指导教师签署意见及所在专业审查后生效；2开题报告内容必须用黑墨水笔工整书写或按教务处统一设计的电子文档标准格式（可从教务处网页上下载）打印，禁止打印在其它纸上后剪贴，完成后应及时交给指导教师签署意见；3“文献综述”应按论文的格式成文，并直接书写（或打印）在本开题报告第一栏目内，学生写文献综述的参考文献应不少于15篇（不包括辞典、手册）；4有关年月日等日期的填写，应当按照国标GB/T 740894数据元和交换格式、信息交换、日期和时间表示法规定的要求，一律用阿拉伯数字书写。如“2004年4月26日”或“2004-04-26”。 毕 业 设 计（论 文）开 题 报 告1结合毕业设计（论文）课题情况，根据所查阅的文献资料，每人撰写2000字左右的文献综述：文 献 综 述1.课题研究的目的和意义从国际互联网应用的现状方面来考察，目前国内国际互联网用户数量巨大，并且还在迅速扩展，联网计算机遍布全国各个行政地区，分布在各个领域，作为一个平台，已经具备了在线调查的可行性，依据当前网上群体（主要是年轻人），可以有目的地进行一些调查研究项目，为在第一时间采集第一手资料提供了有效的技术手段。所以本课题的研究具有一定的现实意义。其次，从发展趋势看，在欧美等国际互联网发达国家，网上调查已经相当流行。在未来国际互联网在我国城市和企业将基本普及，届时在互联网上实施城市和企业统计调查将成为现实。 本课题主要是利用XML作为数据标准，采用DOM访问XML文档，用ASP实现后台数据管理，再用HTML等进行界面的设计。XML是eXtensible Markup Language的英文简写，意即可扩展标记语言。XML和HTML都起源于SGML(Standard Generalized Markup Language，标准通用标记语言)，但XML在文档设计方面比HTML具有更大的灵活性，在耗费时间和资金方面比SGML的成本更低。XML语言可让信息提供者根据需要自行定义标记及属性，结构化地描述信息内容，使XML 文件的结构可以复杂到任意程度。再加上良好的数据格式、可扩展行、高度结构化、便于网络传输等使用特点，使得XML在应用中体现出极大的优势。1XML利于开发灵活的Web应用软件，并能够轻松实现在Web上发布数据。此外XML便于不同数据源的集成。XML能够使不同来源的结构化数据很容易地结合在一起。软件代理商可在中间层的服务器上对从后端数据库和其他应用处得来的数据进行集成，数据就能被发送到客户或其他服务器做进一步的集合、处理和分发。2XML灵活实现了数据显示的多样性。数据发送到桌面后，能用多种方式显示。通过以简单开放扩展的方式描述结构化的数据，XML补充了HTML因而被广泛地用来描述使用者界面。HTML描述数据的外观，而XML描述数据本身。由于数据显示与内容分开，XML定义的数据允许指定不同的显示方式，使数据更合理地表现出来。本地的数据能够以客户配置、使用者选择或其他标准决定的方式动态地表现出来。DOM的全称是Document Object Model（文档对象模型）。在应用程序中，基于DOM的XML分析器将一个XML文档转换成一个对象模型的集合（通常称DOM树），应用程序正是通过对这个对象模型的操作，来实现对XML文档数据的操作。通过DOM接口，应用程序可以在任何时候访问XML文档中的任何一部分数据，因此，这种利用DOM接口的机制也被称作随机访问机制。DOM接口提供了一种通过分层对象模型来访问XML文档信息的方式，这些分层对象模型依据XML的文档结构形成了一棵节点树。无论XML文档中所描述的是什么类型的信息，即便是制表数据、项目列表或一个文档，利用DOM所生成的模型都是节点树的形式。也就是说，DOM强制使用树模型来访问XML文档中的信息。由于XML本质上就是一种分层结构，所以这种描述方法是相当有效的。利用DOM，程序开发人员可以动态地创建文档，遍历文档结构，添加、修改、删除文档内容，改变文档的显示方式等等。可以这样说，文档代表的是数据，而DOM则代表了如何去处理这些数据。无论是在浏览器里还是在浏览器外，无论是在服务器上还是在客户端，只要有用到XML的地方，就会碰到对DOM的应用。作为W3C的标准接口规范，目前，DOM由三部分组成，包括：核心（core）、HTML和XML。核心部分是结构化文档比较底层对象的集合，这一部分所定义的对象已经完全可以表达出任何HTML和XML文档中的数据了。HTML接口和XML接口两部分则是专为操作具体的HTML文档和XML文档所提供的高级接口，使对这两类文件的操作更加方便。ASP(Active Server Pages)是包括HTML标记、文本和脚本命令的文件，使用它可以创建动态、交互的Web服务器应用程序，并可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。它摆脱之前所有有所谓动态产生页面技术的局限性，具有简单易学的特性，良好的数据库操作能力，以及如同Windows程序一样的灵活性和交互性。2.课题研究的目标 设计一个Web应用程序，可以创建一个在线投票，收集投票结果，并且以报表的 形式表示（柱状图和百分比）。以上应用程序的编写是基于XML文档，使用DOM接口访问 3.课题研究的基本内容在线投票系统的基本思想：在线以网页的形式生成一个调查问题，并给出选项答案，由用户进行在线投票，用鼠标点击或钩选自己认为合适的答案，由系统收集投票结果数据后，给出反馈，结果以页面方式生成报表，报表内容中的统计结果将以柱状图和百分比形式反映。 在线投票系统主要流程：调查创建页 显示调查项目及答案选项用户投票存储投票结果并汇总报表显示页1. 调查的定义：调查的问题及答案都是基于XML。2. 调查的显示：调查应该以HTML形式发送。 调查问题被显示在一个HTML表格之中，第一列包含问题文本， 第二列包含答案选项。3. 调查的创建：调查的创建应基于Web页。4. 投票：生成一个对调查的响应列表。5. 报表：在线给出统计性报表，以HTML形式发送。4.课题研究的时间步骤3/01-4/16 查阅资料，学习XML,ASP等工具的使用方法,对项目进行 总体规划设计。 4/17-5/20 编写主程序，并调试。5/20-5/30 完成程序，写毕业设计报告。5.参考文献 ASP与XML高级编程 清华大学出版社 XML程序设计 清华大学出版社 ASP动态网站编程 清华大学出版社 ASP网络编程技术 清华大学出版社 XML手册 电子工业出版社 HTML与ASP编程实务 清华大学出版社 XML编程从入门到精通 北京希望电子出版社 ASP编程精选集锦 科学出版社XML.NET编程指南 电子工业出版社 XML网页开发实例教程 机械工业出版社 XML A Managers Guide 清华大学出版社 XML及WML教程 南京邮电出版社 HTML、VBScript与ASP 电子工业出版社 Dreamweaver MX制作教程 北京希望电子出版社 ASP网络开发技术第二版 人民邮电出版社 毕 业 设 计（论 文）开 题 报 告本课题要研究或解决的问题和拟采用的研究手段（途径）：制作一个网上投票系统，需要实现网上数据的采集，数据的存储，数据的访问，数据的显示。解决这些问题需要用到以下技术： 使用ASP发送调查至Web浏览器客户，收集调查结果。连接数据库以便检索与保存结果；使用HTML显示数据页；使用XML作为存储介质，进行数据的存储。 由于DOM是程序访问和维护HTML和XML文档的API，它的方法和属性可以方便的获得和创建起他所有XML的对象。DOM对象对XML的描述完全遵照XML本身的树状层次结构，在ASP中可以通过DOMDocument对象方便的对XML对象进行操作，从而实现数据的访问。南京工业大学毕 业 论 文题 目 基于XML的在线投票系统的研制 学生姓名 学 号 专 业 计算机科学与技术 班 级 指导教师 2005 年 6 月目 录摘要（1）第一章 绪论（3）第二章 相关技术背景（4）2.1 投票系统简介（4）2.2 XML简介（4）2.3 DOM简介（4）2.4 ASP简介 （5）2.5 基于XML设计的基本理论（5）第三章 在线投票系统设计（6）3.1 在线投票系统的工作原理（6）3.2 在线投票系统的结构（6）3.3 在线投票系统的处理流程（7）3.4 开发环境（8）3.4.1 AltovaXMLSpy2005简介（8）3.4.2 Macromedia Dreamweaver MX2004 简介（9）第四章 具体模块的设计实现（11）4.1 在线投票系统的各个代码模块（11）4.1.1 投票存储模块（11）4.1.2 投票显示模块（13）4.1.3 投票处理模块（17）4.1.4 结果显示模块（20）4.1.5 其他模块（24）4.2 问题及其解决（25）结束语 （26）参考文献（27）基于XML的在线投票系统的开发摘 要本文是计算机系01级本科毕业生毕业设计论文。其项目背景是Internet上的网络信息资源。本项目旨在开发一个满足网上投票需求的网上投票系统。能基于常用的若干网站，进行在线投票，收集投票结果，并且以报表的形式表示。所得信息可以最大限度的满足用户的需求。本文以网上投票系统的基本原理、主页面设计、后台数据库的建立、后台的处理程序的制作为线索，描述了“网上投票系统”的主要结构及工作过程，并给出了投票过程中使用的一些算法。关键词：ASP ，XML，网页制作The development of Online Voting system based on XMLAbstract This thesis is a graduate design of the 01Grade of the Department of Computer Science and Technology.The purpose for the graduate design is to develop a “voting system”, allowing the users to vote via Web. It gives an entrance for the user to vote. Then the data is collected into the database backwards. Finally the result will be shown in another web page dynamically. The main functions and the processing of the “Online Voting System” is described in this paper, organized by analysis of working principle, design of “Index”, database establishing and processing in the background. Some algorithms are also provided in this paper.Key Words: ASP，XML，Web page development 第一章 绪论Internet强大的信息服务功能使得用户几乎可以从中找到任何需要的信息，作为一个平台，Internet为在线调查，使用户能在第一时间采集第一手资料提供了有效的技术手段。本课题的目的是完成一个基于XML技术的在线投票系统，能基于常用的若干网站，进行在线投票，收集投票结果，并且以报表的形式表示。所得信息可以最大限度的满足用户的需求。对比传统的调查方式，在线投票具有以下优势：1及时性和共享性网上调查是基于Internet技术的一种调查，相对于传统的邮寄调查方式，其时效性大大提高。网上调查的结果是开放的，共享的，被调查者可以和调查者一样使用调查结果，而且投票信息经过统计分析软件初步处理后，可以马上查看到阶段性的调查结果。 2便捷性和低成本实施网上调查节省了传统调查中耗费的大量人力和物力。实施网上调查时，只需要一台能上网的计算机即可，通过站点发布电子调查问卷，由网络用户自愿填写，然后通过系统进行处理，统计出投票结果。 这个课题是由吴洁老师授题，本人独立完成的。这篇文章中，将分部分来介绍基于XML在线投票系统的基本理论、结构框架和具体的各个功能模块的作用和实现方法。论文组织如下：第二章介绍了本课题相关的一些技术背景。基于XML在线投票系统的原理以及项目具体开发的环境。第三章介绍了本课题中在线投票系统的具体设计思想。对在线投票系统进行了功能模块的分类，并描述了它的具体工作过程。这一章是全文的重点。在第四章中，可以看到在线投票系统用户界面各个模块各个类的代码实现。对代码中的重要的函数进行了具体的描述及解析。最后是程序运行的结果的显示。至此，一个简单的在线投票系统真正完成。这一章是全文的又一重点。第二章 相关技术背景2.1 投票系统简介投票系统主要是为站点向用户某项主题调查收集信息。通常一个投票主题提供几个选项供用户某个选项进行投票。系统将对用户选择结果进行统计，并将统计结果进行显示。统计结果显示有几种方式：使用直方图显示每个选项用户的投票数量；或使用圆饼图显示各个选项用户投票的相对百分比。在本课题中我们选用直方图的形式来显示投票结果，并在直方图的下方显示其所对应的方图所表示的数据百分比。2.2 XML简介XML是eXtensible Markup Language的英文简写，意即可扩展标记语言。XML和HTML都起源于SGML(Standard Generalized Markup Language，标准通用标记语言)，但XML在文档设计方面比HTML具有更大的灵活性，在耗费时间和资金方面比SGML的成本更低。XML语言可让信息提供者根据需要自行定义标记及属性，结构化地描述信息内容，使XML 文件的结构可以复杂到任意程度。再加上良好的数据格式、可扩展行、高度结构化、便于网络传输等使用特点，使得XML在应用中体现出极大的优势。2.3 DOM简介DOM的全称是Document Object Model（文档对象模型）。在应用程序中，基于DOM的XML分析器将一个XML文档转换成一个对象模型的集合（通常称DOM树），应用程序正是通过对这个对象模型的操作，来实现对XML文档数据的操作。通过DOM接口，应用程序可以在任何时候访问XML文档中的任何一部分数据，因此，这种利用DOM接口的机制也被称作随机访问机制。DOM接口提供了一种通过分层对象模型来访问XML文档信息的方式，这些分层对象模型依据XML的文档结构形成了一棵节点树。无论XML文档中所描述的是什么类型的信息，即便是制表数据、项目列表或一个文档，利用DOM所生成的模型都是节点树的形式。也就是说，DOM强制使用树模型来访问XML文档中的信息。利用DOM，程序开发人员可以动态地创建文档，遍历文档结构，添加、修改、删除文档内容，改变文档的显示方式等等。2.4 ASP简介ASP(Active Server Pages)是包括HTML标记、文本和脚本命令的文件，使用它可以创建动态、交互的Web服务器应用程序，并可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。它摆脱之前所有所谓动态产生页面技术的局限性，具有简单易学的特性，良好的数据库操作能力，以及如同Windows程序一样的灵活性和交互性。2.5 基于XML设计的基本理论现今，XML的使用越来越广泛。XML可以跨越所有边界，是进行跨数据平台数据传送最好的选择。同时，XML也使得数据能够以多种方式进行显示，通过MSXML3.0的支持，在ASP中使用XML也很简单。使用XML构建投票系统，XML文件用来存储数据，则需要一种方法来对XML文件中的数据进行方便的访问、操作。MSXML DOM提供了对XML文档进行访问、操作的方法。因此通过XML来进行数据交换，具有非常好的兼容性，可以将不同来源的数据集成在一起。第三章 在线投票系统设计3.1 在线投票系统的工作原理在线以网页的形式生成一个包含投票主题，投票选项的投票页。用户用鼠标选择自己认为合适的答案进行在线投票。系统收集投票结果数据后，给出反馈。结果页将以柱状图的方式显示投票结果。3.2 在线投票系统的结构基于XML的在线投票系统包含4个基本部分：- 投票存储- 投票显示- 投票处理- 结果显示投票存储：创建一个XML文档，文档中存储了投票的基本数据，包括：投票主题，投票选项，每一项所得票数。使用这个XML文档可以达到代替数据库存储、访问、操作数据的功能。投票显示：利用DOM接口访问XML文档。从文档中获取投票主题，投票选项的信息，以HTML形式生成投票页。投票处理：用户在进行了一次投票之后，系统将通过DOM接口访问XML文档，修改投票选项的得票数。同时将生成得票率、投票人数等一系列有用信息。结果显示：利用DOM接口访问XML文档。从中获取得票数，投票选项的信息，将得票数以柱状图的形式显示出来。3.3 在线投票系统的处理流程投票页面（ShowVote.asp）后台投票处理（VotesProcess.asp）处理结果存档（Votes_Xml.xml）投票结果显示页面（ResultVote.asp） 图3.3.1 从流程框图3.3.1可以看到，当用户提交表单后，表单数据交由后台投票处理分析数据，把相应的处理结果存入Vote_Xml.xml文件，然后再由投票结果显示页面从Votes_Xml.xml中读取结果，并把处理结果显示出来。本课题的关键在于以XML文档作为数据存储，这一点使得本系统在访问和操纵数据上与以往其它“网络投票系统”有很大的不同，关键在于要对XML文档进行高效率的访问。以上的页面都对XML文档进行了必要的访问，这些页面都需要通过DOM技术对XML文档进行访问。DOM技术作为本次课题的核心有必要做进一步的说明。DOM是一组对象的集合，通过操作这些对象，程序员可操纵XML和HTML中的数据。利用DOM中的对象可以对文档进行读取、遍历、修改以及删除等操作。从本质上来说，编写XML文档的过程实际上就是按照数据结构化的要求组织信息的过程，不管相关信息是如何简单或复杂，最终得到的结果都将是一个具有树状层次结构的XML文档。这样的文档在被DOM处理时，其包含所有的信息都被转化成一棵结点树，我们称之为DOM树。XML文档中的每一个元素都可以用DOM树中相应的结点来代表，对结点进行操作就是对文档中的元素进行操作。3.4 开发环境本课题是在WINDOWS2000 Professional配置IIS的操作系统下采用XML+ASP的方式开发的。XML文档的编辑器使用的是Altova XMLSpy2005。ASP的编辑器采用的是Macromedia Dreamweaver MX2004。3.4.1 AltovaXMLSpy2005简介XMLSpy2005 （图3.4.1.1）是建置在eXtensible Markup Language (XML)技术企业标准上的 XML Development Environment的软件. 一般的XML编辑器大都采用以结构编辑或重复显示的方式编辑XML文档，而XMLSpy2005 则以更为先进的Enhanced Grid View 方式编辑文档。运用XMLSpy2005可以非常容易的开发结构复杂的data schemas,并且完全支持graphical design of XML Schema。XML2005使用嵌入式XSL editor，并包含了除错，XPath visualizer， 语法协助，颜色识别，和整合浏览器预览等功能。XMLSpy2005同时还具有XSLT-engine，可以支持MSXML, Saxon, Xalan实现其ODBC and ADO database access的功能。 图3.4.1.13.4.2 Macromedia Dreamweaver MX2004 简介DreamweaverMX2004（图3.4.2.1） 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论是喜欢直接编写 HTML 代码的用户还是偏爱在可视化编辑环境中工作的用户，Dreamweaver 都能提供帮助良多的工具，丰富Web 创作体验。 利用 Dreamweaver 中的可视化编辑功能，用户可以快速地创建页面而无需编写任何代码。不过，如果用户更喜欢用手工直接编码，Dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 Dreamweaver，还可以使用服务器语言（例如 ASP、ASP.NET、ColdFusion 标记语言 (CFML)、JSP 和 PHP）生成支持动态数据库的 Web 应用程序。图3.4.2.1第四章 具体模块的设计实现4.1 在线投票系统的各个代码模块在上面的章节中曾经介绍过，这个投票系统一共分成4个模块，在接下来的章节中将具体讲解每个模块。4.1.1 投票存储模块（Votes_schema.xsd&Votes_Xml.xml）在4.1中介绍到本投票系统采用以XML文档作为数据存储。本人为本次课题设计了这样的XML文档来存储数据：当这个文档被加载后在内存中形成了这样一个DOM树（图4.1.1.1）：DocumentVotesVoteVoteOptionOptionOptionOptionTitle很好Number10Title一般number4Title较差Number8Title很差number12OptionTitleNumbererer极差44TitleTime对本投票系统的意见2004-01-25 图4.1.1.1 在DOM中，文档的逻辑结构类似一棵树。文档、文档中的根、元素、元素内容、属性、属性值等都是以对象模型的形式来表示的。文档对象模型利用对象来把文档模型化，这些模型不仅描述了文档的结构，还定义了模型中对象的行为。换句话说，图中的结点不是数据结构，而是对象，对象中包含方法和属性。DOM中对DOM树中的结点定义了以下几类对象。Document对象：即文档对象，作为树的最高结点，Document对象是对整个文档进行操作的入口。Element和Attribute对象：这些结点对象都是文档某一部分的映射，结点的定级层次恰好反映了文档的结构，在我们所开发的XML文档中Option是Element对象，而Title和Number则是Attribute对象。Text对象：作为Element和Attribute对象的子结点，Text对象表达了元素或属性的文本内容。Text结点不再包含任何子结点。在我们所开发的XML文档中Attribute对象Title的Text对象是“很好”而Number的Text对象则是“0”。当XML文档被加载后，通过使用上述的几个对象及其方法就可以利用ASP来访问XML文档了。4.1.2 投票显示模块（ShowVote.asp）在明确了投票系统的存储结构后，就可以着手设计系统的具体界面了。首先要让被调查者知道所要调查的主题，以及之后获取调查的信息也就是调查结果。我们采用调查页面以HTML形式发送。并用表单技术收集访问者的态度。调查问题被显示在一个HTML表格之中，第一列包含问题文本，第二列包含答案选项。 为了不使也面过于枯燥，我们对页面做了一些修饰。包括滚动字幕等效果（图4.1.2.1）。以下是其源代码： /投票页面标题asp文件Show_Vote  input name=VoteOption type=radio value= / input name=option type=text id=option value= class=showonly style=width:100 查看结果 /版权申明asp文件 标记“form”的属性“action”值为“VotesProcess.asp”。属性“method”的值为“post”。与定义按钮的代码是对应的。表示按下“Submit”按钮这个表单将以“post”方式交给“VotesProcess.asp”文件处理执行。然后在程序使用了如下代码：trSourceFile=f:kan_shengVotes_Xml.xml Set objXML=Server.CreateObject(Microsoft.XMLDOM) objXML.load(strSourceFile) Set rootNode=objXML.documentElement Set objRootsite=objXML.getElementsByTagName(Vote) 其目的是加载外部的Votes_Xml.xml文件，用来创建DOM对象，并对所要访问的XML文档中的结点进行定位。在程序中先用绝对路径定位了XML文件，但是也可以利用ASP中的对象Server的方法MapPath把XML源文件地址的绝对路径转换为相对路径。然后 把路径所指的文件赋给变量“sourcefile”.而后使用Server对象的creatobject方法声明了一个DOM对象objXML，然后通过load方法加载XML文档,在内存中生成树形存储结构。接着，程序对树的子节点作循环。从语句：input name=VoteOption type=radio value= /可看到“单选按钮组Radio”有3个属性：name、type、value。在这里我们要用到的是name和value。利用循环变量i对每个按钮的value赋值。