电子地图的信息展示及查询系统

更新时间：2024-04-18 00:47:01 阅读量：综合文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

给我展示出西湖的电子地图推荐度：
相关推荐

毕业设计（论文）

国家灌区监测系统试点项目设计—基于电子地图的信息展示及查询子系统

专业年级 10计算机

学号

姓名指导教师评阅人

2014年6月

郑重声明

本人所提交的毕业论文（设计），是在指导老师XXX的指导下，独立进行研究工作所获得的成果，所有的数据、图片资料都真实可靠。尽我所知，除文中已经注明引用的内容之外，本设计（论文）的研究成果不包括他人享有著作权的内容。对本设计（论文）所涉及的研究工作做出贡献的其他个人或集体，均已在文中以明确的方式标明。本设计（论文）的知识产权归属于培养单位。

本人签名：日期：

摘要

基于电子地图的信息查询展示及查询子系统使用Flash8为主要开发工具，Dreamweaver8为辅助工具，完成实时监控的场景放大、缩小、还原、移动、数据显示等功能。以Access数据库和XML文件作为数据存储方式，以 ASP 为媒介，实现Flash、Dreamweaver8与Access数据库、XML文件之间的数据交换的设计思路逐步进行设计。

灌区能否合理的灌溉、科学的使用水资源以及提高灌溉用水利用率都将会取决于准确的、可靠的且及时的灌溉用水管理的信息。本系统能够使水位、雨量、流量、降雨量、入库量、闸位等信息清晰且准确地直观显示在基于电子地图的实时监测的网页上，以至于可以供决策者们通过图形可以大致地了解和掌握住灌区用水情况，这样以便可以做出及时的、准确的反馈和预测，就会为灌区部门等提供科学的决策依据以及提高了管理效率和降低管理成本，还有就是能够促进灌区实现科学的管理和高效的管理。

关键词：电子地图；实时监测；信息查询；水资源

ABSTRACT

Information query based on the electronic map display and query subsystem use Flash as the main development tools, real-time monitoring of amplification, narrow, reduction, mobile, data display, and other functions.To Access database and XML file as a way of data storage, in the medium of ASP, Flash, Dreamweaver8 and Access database, design of data exchange between XML file step by step to carry on the design.

Whether reasonable irrigation irrigation area, scientific use of water resources and improve the utilization efficiency of irrigation water will depend on the accurate, reliable and timely irrigation water management information.This system can make the water level, rainfall, flow rate, rainfall, receipts, information such as brake a clear and accurate visual display in real time monitoring based on the electronic map website, so that you can for decision makers by graphics can be roughly understand and grasp the irrigation water use, so can make timely and accurate feedback and forecast, will provide scientific decision basis for irrigation department, etc, and improves the management efficiency and reduce management costs, and is able to promote to realize scientific management and effective management in the irrigation area.

Keywords：electronic map，real-time monitoring，Information query，water resources

摘要 ............................................................................................................................... I ABSTRACT .............................................................................................................. II 目录 .......................................................................................................................... III 第1章前言 ............................................................................................ 1

1.1课题背景 ......................................................................................................................... 1 1.2目的和意义 ..................................................................................................................... 1 1.3主要研究内容..................................................................................................................2 1.4论文组织 ......................................................................................................................... 3

第2章需求分析 ...................................................................................... 4

2.1处理流程 ............................................................................................................................ 4

2.2可行性分析 ......................................................................................................................... 4 2.3功能性需求..........................................................................................................................9 2.4非功能性需求....................................................................................................................10

第3章概要设计与详细设计 .................................................................. 4

3.1概要设计..........................................................................................................11

3.1.1总体结构 ................................................................................................................ 11

3.1.2数据设计.................................................................................................................13 3.1.3模块划分及功能定义.............................................................................................13 3.1.4接口设计.................................................................................................................14 3.1.5系统体系结构设计.................................................................................................14

3.2详细设计 ....................................................................................................................... 14

3.2.1数据设计 ................................................................................................................ 14 3.2.2模块设计 ................................................................................................................ 14 3.2.3接口实现技术 ........................................................................................................ 16

3.2.4界面设计.................................................................................................................18

第4章程序设计 ..................................................................................... 22

4.1登陆模块设计 .............................................................................................................. 22

4.2地图浏览模块设计 ..................................................................................................... 23 4.3数据修改模块设计 ..................................................................................................... 27

第5章系统测试 ..................................................................................... 33

5.1 测试用例设计 ............................................................................................................. 33

5.2 测试过程描述 ............................................................................................................. 33 5.3 测试结果及分析评价 ..................................................................................................... 35

第6章总结 ............................................................................................. 35

致谢..............................................................................................................................37 参考文献 ................................................................................................................... 37 附录一........................................................................................................................39 附录二.........................................................................................................................40

河海大学文天学院本科毕业论文

第1章前言

1.1课题背景

大型灌区对于我国的粮食产业以及农业规模化的经营有着很重要的意义且我国灌区所涉及的粮食产量要占全国将近26.2%以及所涉及农业生产总量要占全国将近25%，多数的乡村生活的用水和工商业的用水都是由大型灌区提供的,因此从中获得好处的人口要达到2亿多,大型灌区的好与坏影响着我国农业以及农村经济条件同时也影响着社会经济的发展。所以,能否很好的管理大型灌区意义非常重大。

水利信息化指的是利用一些高科技技术对水利的一些信息进行采取、存放、传送和研究从而去提高水信息的应用。通过使用实时监测技术、计算机技术、通信技术、地理信息系统、遥感系统、全球定位系统技术等等一些技术去建设水利系统通用数据库来开发出来各种所需要的系统对各种水利数据进行正确、及时的分析以至于系统可以辅助相关人员做出准确的决定同时也为有关的部门提供更好的获取结果和决定的根据,采取、存放、研究以及展示空间里的信息的信息系统可以对地理空间信息的迅速查询、空间信息研究达到对研究对象进行描述、模拟以及预测的目的。水的资源、水的环境、水的灾害系统都是水利实时监测系统最重要的3个方面, 本系统就是利用水利现代化技术对这三个方面进行很好的管理就是为了最有效地利用稀缺的水资源，我国应高度重视水环境以及利用各种技术减轻水灾害。

1.2目的和意义

基于电子地图的信息展示及查询子系统是对灌区范围内的水位、流量、降雨量、闸位、实时视频监控图像、实时卫星云图等等信息载体的实时监测。通过点击地图浏览模块的按钮,分别可以实现对地图放大、缩小、还原、选择建筑物、图层控制、数据显示等一些操作,同时,对于地图的操作和建筑物属性的显示有机的统一在了一起,对水位、流量、降雨量、闸位提供了地图查询的呈现。一个灌区是否能够合理的浇水、有效的使用水资源、提升浇水和用水利用率的一切举措，都将会取决于严格的、正确的与能够快速得知的浇水用水管理的信息。系统能够使水位、雨量、流量、降雨量、入库量、闸位等信息清晰且准确地

河海大学文天学院本科毕业论文

直观显示在基于电子地图的实时监测的网页上，可以供决策者们通过图形可以大致地了解和掌握住灌区用水情况，这样以便可以做出及时的、准确的反馈和预测，这可以为一些相关的部门等提供正确率高的决定根据以及提高了管理的效率、降低了管理的本钱，还有就是实现了灌区正确率较高的管理。

在没有接触之前并没有想过基于电子地图实时监测系统的意义。通过此次了解到由于大型的灌区都会有以下情况：可用的水资源很有限不可能是可以随便浪费的、工程不是集中的、农作物需要水的时间是不定的、水情雨情同样也是不定的以及灌区供水的不定性等等一些方面的特性，这就导致了灌区管理工作的复杂性。假设灌区不采用现代管理方法和技术的话，这将会难以实现灌区水资源的高效利用和优化配置。因此，若要适应我们国家经济社会的快速发展以及农业现代化的发展进程，就需在大型灌区推广应用先进而且适用的信息化技术。总而言之，提高灌区的管理水平与效能是新时期灌区建设管理的重要的任务之一。

1.3主要研究内容

通过灌区实时动态监测系统可以随时查看和分析灌区的动态水情。通过水情自动的测报系统，能够实现灌区水情信息的实时采集与上报，为灌溉用水管理辅助决策提供了很大的支持。

不去采用第三方GIS（例如Arc GIS、Super MAP等），自建一个类GIS的动态地图应用软件（适合某一个具体应用的“轻量级”GIS），但是具备GIS的简单

的基本功能，以及嵌入应用系统（例如水利信息监控系统）的接口。

“轻量级”GIS功能： ①图层的划分与迭加； ②地图的放大与缩小（图形不会失真，且图中建筑物的文字标识和用符号表

示的地物不能跟着放大或者缩小）还可以还原；

③地图可以随意平移；

④pick地图上地物标记显示其属性与位于数据库中的对应属性是一致的；

⑤选中某建筑物可以显示其相关属性以及在地图上显示对应的地物标记； ⑥删除或添加某个建筑物的属性同时也删除或添加其在数据库中的对应的属性；

河海大学文天学院本科毕业论文

⑦地图绘制（可以利用第三方绘图软件，例如CD、AI软件，绘制有比例的

地图，只要能将图嵌入应用系统中就可以）；

1.4论文组织

系统使用Flash为主要开发工具，完成实时监控的场景放大、缩小、还原、移动、数据显示等功能。以Access数据库和XML文件作为数据存储方式，以 ASP 为媒介，实现Flash、Dreamweaver8与Access数据库、XML文件之间的数据交换的设计思路逐步进行设计，论文主要沿着设计思路逐步论述，论文主要分为以下六章：

第1章：前言。本章主要介绍了研究基于电子地图的信息展示及查询子系统课题的基本背景和研究课题的目的以及研究的主要内容。

第2章：需求分析。本章主要介绍了软件的技术可行性、可操作性和经济可行性，同时也介绍了功能需求和分功能需求。

第3章：概要设计与详细设计。本章主要介绍了系统软件的体系架构图、模块的详细流程图、接口设计技术、界面设计、结构定义以及数据E-R图。第4章：程序设计。本章主要介绍了关键代码的设计技术。

第5章：系统测试。本章主要找出模块功能的错误并分析错误、改正错误。第6章：总结。本章主要介绍了论文的主要的研究成果，同时对本篇论文做出了一个整体性的总结。

河海大学文天学院本科毕业论文

第2章需求分析

2.1处理流程

处理流程介绍了系统共分为哪几个模块，以及分别对应的子模块，从处理流程图可以很直观的知道这个系统可以用来做什么，处理流程图如图2.1所示：

图2.1处理流程

2.2可行性分析

(1)：经济可行性分析

经济可行性主要就是指运行开发此系统会花费多少以及此系统是否能够取得和取得多少利益，再想一想要开发的项目是不是值得去投资和开发，基于电子地图的信息展示及查询子系统主要属于个人毕业设计的设计项目，是自己独立设计和开发的项目，主要就是为了提高自己的语言组织能力、代码能力，动手能力、学习能力及页面布局能力等等，毕业设计属于自己的个人作品，设计并不完美也不会用于任何商业用途，因此也不会存在任何经济上的问题，所以在经济可行性没有任何问题。

(2)：可操作性分析

根据自己的设计思路，不断的努力，做出了一定的成果，就该系统中的放大、缩小等功能不仅可以操作且当不断放大或缩小时并没有出现失真的状况。不管做出来的系统是不是很完美，但还是实现了某些操作。 (3)：技术可行性分析

河海大学文天学院本科毕业论文

基于电子地图的信息展示及查询子系统主要采用Flash工具来进行开发，以Access数据库和XML文件作为数据存储的方式，以 ASP 为中间者，实现Flash、Dreamweaver8与Access数据库、XML文件之间的数据交换。在系统开发之前对即将所用到的知识做了很多的了解和学习，对不是很了解的地方更是做了大量的工作，所以呢大致掌握了开发该系统的技术思路，所以在系统开发技术方面可行性能够通过。

1)：首先先配置运行环境，系统运行平台环境如下：系统硬件运行环境：

处理器：Inter(R) Core(TM)i3-2310M CPU @ 2.10GHZ 内存：2.00GB

系统类型：Windows7旗舰版32位操作系统浏览器测试环境：

浏览器支持：系统主要以Internet Explore 8.0浏览器和搜狗高速浏览器为测试环境。

2)：下面配置ASP运行环境如下：

操作系统为Windows7旗舰版32位，本系统以IIS( Internet Information Server,互联网信息服务)服务器为应用服务器，之前系统是家庭普通版，并没有IIS所以换成了旗舰版。Windows Server 2008 R2 提供的 IIS 7.5是换过系统后按照下面安装过程安装后才有的。Web 服务器(有时也称HTTP服务器)是指具有允许Web接受和响应来自客户端计算机的请求的特定软件的计算机。

IIS大致安装过程为：打开控制面板->选择程序->选择打开或关闭Windows功能->选择需要开启的Internet服务器->单击确定（注意：安装IIS时，操作系统是家庭普通版，但需要换成旗舰版的）

IIS的配置过程：打开控制面板->选择管理工具->双击Internet服务器(IIS)管理器->选中Default Web Site->双击ASP->启用父路径改成true->单击“高级配置”选择物理路径(本系统的为E:\\myweb)->回IIS单击“绑定”->点击“编辑”将端口数任改(本系统的改成了8087 )->回IIS启动->“浏览”即可打开绑定的网站

3)：数据库管理系统使用的是Access数据库：

河海大学文天学院本科毕业论文

关于数据库曾学过MYSQL和oracle,MYSQL会一点但不熟练，再加上借的资料书都是有关Access数据库。当然多学一个知识那是很好的， Access数据库现在应该是市场上最流行的桌面数据库。个人觉得原因应该是：对于数据库方面的新手以及弱者，Access提供了一种容易使用的界面上面有使用说明看过后就很容易使用。但是需要注意的是Access的文件大小需要被限制在2GB以内，个人电脑内存就是2GB，而且开发用户数要限制为255个。因此，开发者可以选择Access用于Web站点开发。个人的毕业设计就可以使用它，但是如果预计有较大的用户群会来访问该站点，则就需要规划使用专为支持这种站点而设计的数据库例如MYSQL等，以满足预期用户数的访问要求。

本系统以Access数据库通用管理系统8.2作为系统的底层数据库，它简称普通数据库，意思为普遍通用的数据库管理系统。软件完全脱离Access系统，就是用户不需要进入Access系统也不用安装Access系统，就可以直接进入系统然后能建立和管理数据库，并且可以随时可以看到管理的结果。

Access数据库的使用：建立表就使用图2.2中的“结构维护”

图2.2 库表维护

进入结构维护后可以选择字段维护进行字段的添加与删除，如图2.3：

图2.3 字段维护

河海大学文天学院本科毕业论文

添加字段后就可以添加记录了，选择下图中“增加记录”->“修改记录”->“修改单条记录”->“浏览编辑”，就可以对记录进行修改了，如图2.4：

图2.4 修改记录

4)：网页制作工具简介：

Dreamweaver8.0是设计网页的软件，之前也稍微接触了Dreamweaver8.0，学得不是很精通。其提供了拆分、可视化编辑、HTML代码编辑三种界面，可以不用很麻烦的去写代码，可以在设计界面直接设计自己所想要的，代码会自动生成，所以适用于不同层次的用户。Dreamweaver8.0采用多种先进的技术，容易学而且还容易用。只要用户掌握初步的知识，再加上自己动动脑子，就可制作出具有一定风格的网页。

这里可以简单介绍一下Dreamweaver8的站点配置：进入 Dreamweaver8选择菜单栏的站点->新建站点->站点的名称自己命名下一步->选择“是，我想使用服务器技术”当前页继续选择ASP VBScript下一步->选择“在本地进行编辑和测试”存储位置自己定下一步->“用什么URL来浏览站点根目录”填写http://localhost:8087/（这与配置IIS时绑定的浏览网址是一致的）然后测试URL看是否成功图2.5就是测试成功的截图->下一步选择“否”然后完成。当需要修改站点信息时，就选择“站点”->再选择“管理站点”即可。

图2-5 站点测试

河海大学文天学院本科毕业论文

5)：Flash开发工具简介：

只使用Dreamweaver8工具，其功能非常有限，多数是用来做静态页面，动态效果会比较差一些。加入Flash后网页的直观性、动画效果等更加漂亮、丰富，制作也会更加的容易，本系统里首页模块的页头以及信息区里灌区的简介都使用Flash制作，以及地图浏览模块也是使用Flash制作，制作简单，地图浏览模块使用的图是矢量图，如果使用位图，改变位图的大小位图就会失真，所以就用Flash将位图变换成矢量图，即使随意缩放其尺寸，都不会影响图像的质量。

Flash 做的网页在改变某个信息或实现某个功能的时侯不用刷新整个页面，这样即减少了数据传输量，同样也有效避免了视觉上的闪烁给眼睛带来不舒适感。Flash之前并不熟悉，先是借了一本关于flash8的书，对着书先试着做一些简单的案例去慢慢熟悉。就这样一点点的进行着，个人独立做出了大致的系统效果。

6)：ASP简介：

ASP是Action Server Pages的简称，浏览地图模块里的数据显示功能就是需要把数据库与Flash联系在一起，当选中某建筑物时就能显示其在数据库里对应的属性，但Flash不能与数据库直接联系在一起，通过ASP就可以实现两者进行数据交互了，ASP的处理过程本质上就是服务器端对动态ASP页面的解释执行和对静态HTML页面的传输过程，它运行的机制简单地来说就是请求响应。当用户选中某建筑物的时侯，就会通过浏览器向Web服务器发出请求，服务器将根据客户的请求，做出相对应的程序执行，并且将执行的结果转换成HTML信息再传送给客户端浏览器。 7):XML简介：

XML有点像数据库，都是放数据的，本系统中建筑物的节点就是写在XML里的，就是使用记事本编写代码然后保存为XML格式，在Flash里单建一个图层在此层的帧里写代码把XML导进就可以了( 注意：使用XML把建筑物的节点显示在页面时汉字显示不正确，将XML以记事本的形式打开将

encoding=\

改

为

version=\

encoding=\然后另存为时将默认的ANSI编码改成UTF-8即可 )

Flash是展示Web页面内容的最佳格式，XML是存储Internet数据的最好方

河海大学文天学院本科毕业论文

式，将XML和Flash两者结合起来就可以更加轻松地创建动态网页了。 8):ActionScript1.0简介：

Action Script 是用Flash8做地图浏览功能时所需使用的脚本编写语言，地图的放缩移以及建筑物属性显示都是使用脚本语言写的，本人所用到的动作面板添加代码一般有四种方式：帧添加、影片剪辑添加、组件添加和按钮添加。

使用时并不了解Action Script，先做放大地图时，参考者别人写的代码一点点的进行着修改，就做出了放大地图的效果同此理也做出了缩小地图的功能等。代码容易理解，还好自己也能看的懂一些代码可以从借来的书上找一些有相似的代码都拿来用，自己不停的修改就完成了一些不错的功能。

2.3 功能性需求

1) 功能划分：

1、地图浏览功能。 ① 放大地图的功能。 ② 缩小地图的功能。 ③ 还原地图的功能。

④ 显示建筑物信息以及地物标记的功能。 2、数据修改功能 ① 删除地物标记功能。 ② 增加地物标记功能。 2) 功能描述：

1、地图浏览功能。

① 放大地图且不影响地图的质量。 ② 缩小地图且不影响地图的质量。 ③ 还原地图且不影响地图质量。

④ 显示各建筑物所对应的信息以及显示地图上对应的地物标记。该功能主要是准确直观的显示灌区的分布以及实时动态。为决策者和管理部门提供具体形象的数据，有利相关工作人员做出准确判断。

2、数据修改功能

① 删除地物标记的同时其数据库中所对应的属性也会删除掉。

河海大学文天学院本科毕业论文

② 增加地物标记的同时其在数据库中所对应的属性也会有增加。该功能主要是为了能够更加及时、准确直观的显示灌区的实时动态。给做出判断的人提供好的技术，可以提高有关工作者的办事效率。

2.4 非功能性需求

1）性能需求

图形的输入和输出的时侯以及读取数据库和存储数据库的时侯希望能够反映够快，同时呢也希望系统的稳定性较好一些，出错率低些、实时性强一些。 2）数据管理能力需求

数据库里的数据处理关系较简单，数据库里的数据容量较少，但实际上是有一定要求，但是毕竟是个人毕业设计，也无需多少数据。因此，数据管理能力要求不高。

3）可操作性需求

操作方式比较简单，且和平常的操作习惯大致相同，所以一般人都可以操作的。

4) 安全性需求

具有登录界面，从登录才能进入数据修改等界面，只有用户才能登录，防止了非法访问；掌握特定的记录，不同模块也有不同的功能，这都保证了数据的安全性。

河海大学文天学院本科毕业论文

第3章概要设计与详细设计

3.1概要设计

3.1.1总体结构

灌区实时动态监测通过 Flash 、Dreamweaver8以及其脚本语言 Action Script1.0 实现背景地图的显示以及操作地图的设计，包括地图上的监测点，地图平移、放大、还原和缩小等操作，以及实时显示监测点数据等交互功能。

监测点等信息存储于外部 XML 文件中，无法直接读取出来，所以就需要用用ASP编制的程序来读取 XML 文件中的信息，这样就可以将数据显示出来。实时动态监测把用到的数据存储在Access数据库当中，这些数据将会由ASP编制的客户端应用程序来读取，然后呢传输给Dreamweaver8程序、FLASH，Dreamweaver8、FLASH再通过自身提供的方法向客户端应用程序发送请求，Dreamweaver8程序、FLASH负责将数据以特定的形式显示在屏幕上。

图3.1描述了灌区实时动态监测系统的环境组成、数据流向和逻辑结构。

图3.1 系统结构图

3.1.2 数据设计

1)用E-R图表示建筑物属性如图3.2：（由于其属性很多就不一一列出）

河海大学文天学院本科毕业论文

图3.2 E-R图

2) 建筑物信息表的主键为名称，在地图浏览模块选中建筑物名称就会显示此表中建筑物所对应的水位、流量等对应的信息，所对应的表格如表3.1：

表3.1 建筑物信息表

用户所对应的表格有用户名和密码两个字段，登录用户必须填写此表中的用户名和密码，否者将无法进入首页，如表3.2：

表3.2 用户信息表

3) 逻辑结构设计概念：

数据库的逻辑结构就是把概念性的结构换成Access数据库系统所能理解的数据类型的一个过程。在设计开发的过程中用户需要考虑到数据库系统的性能和数据模型的特点，然后再根据设计的标准、语义的约束等对模型进行一定的调整与优化，以形成合理的结构。 3.1.3 模块划分及功能定义

河海大学文天学院本科毕业论文

灌区电子地图实时监测系统由三大功能模块组成：首页模块，数据修改模块，地图浏览模块。

1、首页模块包括两个子模块：灌区介绍，功能链接；

2、数据修改模块包括两个子模块：删除地物标记，增加地物标记；

3、地图浏览模块包括五个子模块：缩小地图，放大地图，还原地图，移动地图，显示属性。各模块功能：

[灌区介绍]：介绍了有关淠史杭灌区的信息。

[功能链接]：可以链接数据修改模块和地图浏览模块等。

[删除地物标记]：可以删除图上的地物标记同时删除其在数据库中的有关属性。 [增加地物标记]：可以增加图上的地物标记同时增加其在数据库中的有关属性。 [缩小地图]：图形不能失真，将图形缩小。 [放大地图]：图形不能失真，将图形放大。 [还原地图]：将地图的大小还原到初始状态。 [平移地图]：可以将图形移动。

[显示属性]：选中某建筑物时，就会显示对应的属性和对应的地物标记。 3.1.4 接口设计

(1) 硬件接口：因为使用的通信协议是 TCP/IP，所以这里的硬件接口主要就是 TCP/IP 层中的网络接口层，此层主要负责的就是数据帧的发送以及接收，帧就是独立的网络信息的传输单元。

(2) 软件接口：Flash8、Dreamweaver8工具与 Access数据库进行数据交互，可以对数据库中的数据进行读出和录入操作。 3.1.5 系统体系结构设计

本系统采用的是C/S和B/S相结合的模式，由Dreamweaver8创建的数据修改模块采用的是C/S模式，而由Flash8主要创建的地图浏览模块采用的是B/S模式。基于电子地图的信息展示及查询子系统的体系结构图如3.3：

河海大学文天学院本科毕业论文

图3.3系统体系结构图

3.2详细设计

3.2.1 数据设计物理结构设计：

物理结构简单的说就是存储结构和存取方法，本系统采取的存取方法为索引存取方法，名称属性会经常在查询条件中或连接操作的连接条件中出现则考虑在名称属性上建立索引。物理结构设计的存储结构包括：确定数据的存储安排、存取路径的选择与调整以及确定系统配置。

此系统所用到的数据（表、视图等）都是放在不同磁盘的，这样可以改进系统的性能，系统配置大致如下： (1) 数据库管理系统

开发时采用 Microsoft Access为数据库管理系统。 (2) ASP运行环境

Windows7旗舰版32位为操作系统，IIS为个人Web服务器； (3) Flash

系统的开发工具为 Flash 8与Dreamweaver8，应用自身带的语言 Action Script 1.0 编程。 3.2.2 模块设计

河海大学文天学院本科毕业论文

1) 首页模块的流程图为图3.4通过此模块可以进入浏览模块和数据模块：

图3.4 首页流程图

2) 地图浏览模块实现地图放大、缩小、平移等功能，其流程图为图3.5：

图3.5 图形浏览流程图

3) 数据修改模块提供数据的增删，其流程图为图3.6：

图3.6 数据修改流程图

河海大学文天学院本科毕业论文

3.2.3 接口实现技术 1）交换文件技术接口

交换文件的格式为XML格式，就是用记事本写下列代码将其保存为ASP格式。将“http://localhost:8087/data.asp”写进浏览器地址栏打开页面右击页面选择“查看源文件”即可解析成XML文件。在Flash中编写代码将XML中的数据解析并显示出来。ASP中所编写代码如下： <% ' 连接数据库

set conn=server.createobject(\conn.open

access

(*.mdb)};dbq=\%> <% ' 查询数据

exec=\

set rs=server.createobject(\rs.open exec,conn %> <%

' 开始写根节点

response.Write(\建筑物名称>\%> <%

' 循环写各条记录 while not rs.EOF

response.Write(\建筑物>\

response.Write(chr(9) & \名称>\名称\名称>\

driver

河海大学文天学院本科毕业论文

response.Write(chr(9) & \水位>\水位\水位>\ response.Write(chr(9) & \流量>\流量\流量>\

response.Write(chr(9) & \测流面积>\rs (\测流面积\& \测流面积>\& chr(13))

response.Write(chr(9) & \测流时间>\rs (\测流时间\& \测流时间>\& chr(13))

response.Write(\建筑物>\ & chr(13)) rs.moveNext wend %> <%

' 完成写根节点

response.Write(\建筑物名称>\%>

2) 数据库技术接口

修改数据模块就是通过Dreamweaver8将Access数据库中的数据进行删除、显示和增加的。这个过程是Dreamweaver8通过客户端应用程序连接Access数据库实现的。

本系统是利用ODBC 来连接所需要的Access数据库的。首先先建数据库mydb和表mytable1、表my等。

打开Dreamweaver8软件->选应用程序面板中“数据库”再选择+号->选择“数据源名称( DSN )”将连接名写为myconnect->再选择“定义”进入ODBC数据源管理器->选择“系统DSN”->选择“添加”->选择Driver do Microsoft Access(*.mdb)->选择“完成”进入ODBC Microsoft Access安装界面->数据源名为myodbc,选择“选择”选择之前所建数据库mydb->确定->选择应用程序面板中的“绑定”选择+号->选择记录集（查询）->连接名选择刚才的myconnect->测试关闭->选择应用程序面板中“服务器行为”选+号->选“插入记录”或者“删除记录”其中连接名和表名都是之前所建。

河海大学文天学院本科毕业论文

数据库绑定代码如下：

Dim Recordset1

Dim Recordset1_numRows

Set Recordset1 = Server.CreateObject(\Recordset1.ActiveConnection = MM_myconnect_STRING Recordset1.Source = \Recordset1.CursorType = 0 Recordset1.CursorLocation = 2 Recordset1.LockType = 1 Recordset1.Open() Recordset1_numRows = 0 %>

3.2.4 界面设计

1、首先用户需要先进入登录窗口，不填写用户名和密码仍然是登录窗口是无法跳转到其他窗口的，密码和名称必须是my表里的用户才能进入本系统界面。图3.7是登录窗口：

图3.7 登录窗口

河海大学文天学院本科毕业论文

2、图3.8是首页，首页页上设置了地图浏览、数据修改、首页、退出四个子系统的触发按钮，点击某一个按钮，都可进入相应的子系统。页头是由flash制作，有本人名字的首写字母XY，右上角也做出了折叠的效果。导航栏有四个部分，信息区有两个部分。信息区左边的图片是自动变换的，也是由flash制作，右边是可以滚动的文本，同样是由flash制作。当进入首页时会弹出窗口信息。

图3.8 首页

3、

图3.9 地图浏览

图3.9是进入地图浏览的模块，点击建筑物下面就会显示对应的属性地图上也会显示对应的地物标记，点击地物标记也会显示对应的数据，下面的信息是和数据库中一致的。圆里有个加号、圆里有个减号以及圆里面有四个对钩都是按钮，

河海大学文天学院本科毕业论文

单击时都能实现它该实现的效果，图3.10和图3.11分别是放大和缩小地图后的效果图。

图3.10 地图放大

图3.11 地图缩小

4、下面将介绍数据修改，首页上数据修改链接为“显示弹出式菜单”共有插入和删除两个可弹出的菜单，数据库中的表格mytable1将为本人的实验对象,图3.12和图3.13分别是可以增加和删除mytable1表中信息的界面截图，以及图3.14是确认删除和增加后的数据库中数据信息的显示图。

河海大学文天学院本科毕业论文

图3.12 数据插入

图3.13 数据删除

图3.14 数据显示

河海大学文天学院本科毕业论文

第4章程序设计

4.1 登陆模块

登录窗口需要先在Access数据库中建立用户表my，再建ASP动态页。制

作过程大致如下：打开Dreamweaver8新建ASP VBScript动态页，插入表单，再插入两个文本域，文本域的名字要与数据库表里的一致，本系统设置的为name和pw，再插入一个提交按钮。之后就进行数据库链接、绑定与服务器行为，链接与绑定之前的数据库接口技术里已经讲过，这里介绍一下服务器中选择用户身份验证的登录用户填写如图4.1所示截图：这样当我们登录时就必须填写数据库里的用户。

图4.1 登录用户

登录用户所需代码如下所示： <%

Dim Recordset1

Dim Recordset1_numRows

Set Recordset1 = Server.CreateObject(\Recordset1.ActiveConnection = MM_myconnect_STRING Recordset1.Source = \

河海大学文天学院本科毕业论文

Recordset1.CursorType = 0 Recordset1.CursorLocation = 2 Recordset1.LockType = 1 Recordset1.Open() Recordset1_numRows = 0 %>

4.2 地图浏览模块

1、地图移动实现技术以及代码：使用Flash 8制作，先导入地图到舞台，在属性栏将其大小调整一下。本系统所用到的编写代码有四种方式：在帧处插入代码、影片剪辑、组件和按钮都可以写代码，图形就不可以编写代码，所以需要先将地图转换成影片剪辑元件。选中地图后选择菜单栏里的修改，再选择转换为元件就会打开转换为元件的窗口，选择影片剪辑就会将地图转换成元件了。注意在属性栏需要将地图的实例名称改为map（自己可以给它起个名字），选中地图元

河海大学文天学院本科毕业论文

件后就可以在动作面板里加入以下代码，按快捷键CTRL+ENTER就能看到效果了。

on(press) { }

on(release, releaseOutside) { }

2、地图放大与缩小的实现技术以及代码：接着之前地图移动，对于地图的放大和缩小需要做的就是：先把地图转换为矢量图，因为导入的地图是位图，当放大和缩小时位图的质量就会受到影响，而矢量图放缩就不会影响其质量。这时需要再导入两个放大和缩小的图形（可以自己画），将其转换成按钮。和地图移动同理，分别在放大和缩小按钮的动作面板插入下面的代码，可以不断放大和缩小，同时本系统也制作了还原按钮，道理相同。放大按钮的代码： on(release){

if(map._width<2000) {

map._xscale=map._xscale*1.1; map._yscale=map._yscale*1.1; } }

缩小按钮的代码： on(release){

if(map._width>40) {

map._xscale=map._xscale*0.9; map._yscale=map._yscale*0.9;

startDrag(_root.map,false);

stopDrag();

河海大学文天学院本科毕业论文

} }

还原按钮的代码： on (press) { startDrag(this); }

on (release) {

setProperty(\

stopDrag(); }

3、将ASP文件导入Flash8的代码及实现技术：总共建了三层，第一层放List 组件实例名成为my_list,第二层放多个动态文本变量为showText1等,第三层为action层，选择第三层帧1右击选动作，就可以编写如下代码： var 名称_array=new Array(); var 水位_array=new Array(); var 流量_array=new Array(); var 测流面积_array=new Array(); var 测流时间_array=new Array(); var my_xml=new XML(); my_xml.ignoreWhite=true; System.useCodepage=true;

my_xml.load(\my_xml.onLoad=function(success){

for(var i=0;i

var temp=my_xml.childNodes[0].childNodes[i];

名称_array[i]=temp.childNodes[0].childNodes[0].toString();

河海大学文天学院本科毕业论文

} };

水位_array[i]=temp.childNodes[1].childNodes[0].toString(); 流量_array[i]=temp.childNodes[2].childNodes[0].toString(); 测流面积_array[i]=temp.childNodes[3].childNodes[0].toString(); 测流时间_array[i]=temp.childNodes[4].childNodes[0].toString();

my_list.labels=名称_array; my_list.data=水位_array; my_list.data1=流量_array; my_list.data2=测流面积_array; my_list.data3=测流时间_array;

点击List组件在动作面板加入下面代码： on(change){

_parent.showText =\水位:\

_parent.showText +=this.data[this.selectedIndex]; _parent.showText1 =\流量:\

_parent.showText1 +=this.data1[this.selectedIndex];

_parent.showText2 =\测流面积:\

_parent.showText2 +=this.data2[this.selectedIndex]; _parent.showText3 =\测流时间:\

_parent.showText3 +=this.data3[this.selectedIndex]; if(this.labels[this.selectedIndex]==\瓦西\_parent.showText8=this.labels[this.selectedIndex]; }

if(this.labels[this.selectedIndex]==\沣东\_parent.showText9=this.labels[this.selectedIndex]; }

河海大学文天学院本科毕业论文

}

if(this.labels[this.selectedIndex]==\滁河\_parent.showText10=this.labels[this.selectedIndex]; }

if(this.labels[this.selectedIndex]==\肥东\_parent.showText4=this.labels[this.selectedIndex]; }

if(this.labels[this.selectedIndex]==\肥西\_parent.showText5=this.labels[this.selectedIndex]; }

if(this.labels[this.selectedIndex]==\木厂\_parent.showText6=this.labels[this.selectedIndex]; }

if(this.labels[this.selectedIndex]==\官厅\_parent.showText7=this.labels[this.selectedIndex]; }

4.3 数据修改模块

1、数据修改的弹出式菜单制作就是选中数据修改四个字，行为面板选择“显示弹出式菜单”然后如图4.2中的设置即可。

图4.2 显示弹出式菜单

河海大学文天学院本科毕业论文

2、数据插入到Access数据库的具体实现技术如下：打开Dreamweaver8新建ASP动态页插入表单然后在表单里插入所需要的文本域，这里需要五个文本域，因为有五个字段。文本域的名称要与数据库中相一致，再插入两个按钮分别命名为确认插入和取消插入，选中取消插入在行为面板中选择“转到URL”，URL后的文本域我设置的是首页。然后进行绑定和服务器行为，绑定同上，服务器行为里选择插入记录，填写如图4.3所示截图：

图4.3 插入记录

插入记录所需代码如下所示：

Dim Recordset1

Dim Recordset1_numRows

Recordset1_numRows = 0 %>

3、删除Access数据库中的数据其实现技术大致如下：打开Dreamweaver8新建ASP动态页插入表单然后在表单里插入所需要的文本域，这里需要1个文本域，文本域的名称设为数据库里的“名称”，再插入两个按钮分别命名为确认删除和取消删除，选中取消插入在行为面板中选择“转到URL”，URL后的文本域我设置的是首页。然后进行绑定和服务器行为，绑定同上，服务器行为里选择删除记录，填写如图4.4所示截图：

图4.4 删除记录

河海大学文天学院本科毕业论文

删除记录所需代码如下所示： <%

Dim Recordset1

Dim Recordset1_numRows

4、当删除和增加数据后就会跳到修改数据成功的界面，这时的界面将会显示出数据库中的数据，此实现技术如下：打开Dreamweaver8新建ASP动态页，插入表单，在表单里插入所需要的表格，这里需要两行一列的表格。第一行写“建筑物信息表”六个字，根据所需第二行再插入两行五列的表格，第一行的五列分

河海大学文天学院本科毕业论文

别写“名称”、“水位”、“流量”、“测流面积”、“测流时间”，然后进行绑定把记录集里的字段对应拖到第二行的每列里接着再选中第二行跟着选择服务器行为里的“重复区域”就可以了。图4.5是在Dreamweaver8里设计部分所做出的截图：

图4.5 数据显示

显示数据所需代码如下所示：

Dim Recordset1

Dim Recordset1_numRows

While ((Repeat1__numRows <> 0) AND (NOT Recordset1.EOF)) %>

<%=(Recordset1.Fields.Item(\名称\ <%=(Recordset1.Fields.Item(\水位\ <%=(Recordset1.Fields.Item(\流量\

河海大学文天学院本科毕业论文

<%=(Recordset1.Fields.Item(\测流面积\ <%=(Recordset1.Fields.Item(\测流时间\ <%

Repeat1__index=Repeat1__index+1 Repeat1__numRows=Repeat1__numRows-1 Recordset1.MoveNext() Wend %>

河海大学文天学院本科毕业论文

第5章系统测试

5.1 测试用例设计

功能测试以及界面测试：

1.地图是否能够改变且多次改变大小

2.是否能够准确地显示相关的滚动条、对话框、按钮、图标等 3.显示多窗口时，窗口名称是否能够正确表示

4.页面的大小、背景颜色等属性是否和之前设定的一致 5.窗体的控件布局是否合理、美观

6.窗体的画面文字（全、半角、格式、拼写）是否正确 7.选择建筑物时能否显示相对应的信息 8.是否会出现乱码

9.地图浏览等页面链接是否是正确的

10.数据的增删是否能够实现，数据库中的数据是否也同时增删 11.当不填写以及填写的不是数据库中的用户和密码，是否能够登录成功 12.地图可否无限制的移动以及是否可以还原 13.弹出式菜单是否能够正确显示并正确链接 14.Pick地物标记是否显示对应的属性

15.Flash是否可以与Access数据库进行交互

5.2 测试过程描述 1)软件测试环境

1、服务器端软件环境：

操作系统：Windows7旗舰版32位管理数据库：Microsoft Access管理数据库 ASP环境：IIS个人Web服务器

开发环境：Dreamweaver8、Flash 8工具与Action Script 1.0脚本语言 2、客户端软件环境：

Windows 7旗舰版32位；IE8.0与搜狗高速浏览器；屏幕分辨率1366*768

2)硬件测试环境

河海大学文天学院本科毕业论文

处理器：Inter(R) Core(TM)i3-2310M CPU @ 2.10GHZ 内存：2.00GB

可用硬盘空间：361.31 GB 驱动器：DVD-RW 3)测试用例

Flash与数据库中的数据进行交互测试以及pick地物标记测试

图5.1是地图浏览模块，开发工具是Flash，图中建筑物名称下拉表是通过Flash与XML进行数据交互，并没和数据库中的数据联系在一起，选中某个建筑物地图上也不会出现对应的地物标记。

图5.1 地图浏览

Flash与数据库不能直接进行数据交互，需要通过ASP，图5.2是修改后地图浏览模块的截图，选中图中某建筑物时会显示数据库中对应的数据，同时地图上也会显示地物标记。另外，此模块也有所美化，但当pick地物标记时，不会显示出此地物的属性。

图5.2 地图浏览

河海大学文天学院本科毕业论文

Pick地物标记不能显示对应的属性，是由于图5.2中的地物标记不是按钮，

只是文本而已，不能够触发事件，所以需要事先在地图上对应的做个按钮，并给按钮编写代码，使选中按钮时可以显示此地物的属性。按此道理修改后效果如图5.3所示。

图5.3 地图浏览

5.3 测试结果及分析评价

功能大部分都已实现，但有些功能完成的不是很完美，例如pick地物标记就需要显示其属性，这里是选中某个建筑物时会显示其属性和对应的地物标记，pick地物标记可以会显示其属性，但前提是要先在List中选中这个建筑物，所以此功能和要求的有点不同，其次就是数据的增删是在另外的界面实现的，并不是在地图上删除、增加地物标记，而且当在数据修改页面改变数据后需要刷新，在地图浏览页面数据才会有变化，但是地图浏览和数据修改两页面的数据是一致的因为它们使用同一个数据库，这一点是符合的。

河海大学文天学院本科毕业论文

第6章总结

基于电子地图的信息展示及查询子系统主要采用Flash8与Dreamweaver8工具来进行开发，以Access数据库和XML文件作为数据存储方式，以 ASP 为媒介，实现Flash、Dreamweaver8与数据库、XML文件之间的数据交换。

本系统使用了flash8、XML、ASP、Dreamweaver8等技术来实现基于电子地图实时动态监测，XML、数据库中放的是系统监测点的数据，通过编写Action Script脚本语言将XML、ASP中的内容导入flash8中，flash8是用来做地图浏览模块与首页部分模块的，可以用来操作地图，例放大、缩小、还原、数据显示以及移动等，生成SWF文件，生成的文件导入Dreamweaver8中，即可通过HTML网页来操作flash8文件。Dreamweaver8里的ASP对数据库进行数据操作，在首页有关于某灌区的简介以及变化的图片，首页也可以链接到其他的模块。

由于自己之前对于flash没有接触过，一直恶补相关知识，学到了很多的新知识，但所开发的系统仍有很多的缺陷和漏洞。希望通过自己以后的努力，可以将系统做的更好一些。毕业设计有努力也有收获，比起之前，这段时间过的很是充实，学到的东西也很多。Dreamweaver8之前也有学过但并不熟练，通过毕业设计，Dreamweaver8的使用熟练了很多，也会使用它里面的ASP与数据库进行连接，对Access数据库中地物标记的属性进行增删显等操作。也学了一些关于Flash方面的知识，可以制作一些简单的动画，flash与XML、ASP之间的通信大致也有所了解。同时打字也快了一些，耐心也有了知识也增加了。意识到毕业设计也是有它重大意义的一面。以后也要好好加油，有付出才会有收获。

河海大学文天学院本科毕业论文

致谢

首先很感谢XXX老师，从刚开始到现在一直都很负责的指导学生。给出正

确的设计思路，让我们少走了很多弯路，并经常鼓励我们也经常指导我们。虽然我们懂得不多但他依旧很有耐心也很乐意为我们讲解。他呢，总是笑呵呵，这让我觉得没有压力，也很愿意去请教他。虽然自己对于flash懂得很少，但是通过努力就一定会有收获。收获不仅有自己的努力也有很多人的影响和老师的指导。

再则呢我还要感谢我的辅导员XX老师，我平常很少找她，但她通过别的同学了解我，有什么事就会经常联系我。她工作认真且负责，学校有事或者有什么招聘会就会及时的通知我们，使我在完成毕业设计的同时还完成了学校给予我们的其它任务也同时也可以去参加一些招聘会。

最后我还要感谢在毕业设计期间带给我帮助小组成员们，有关于毕业设计的任何消息，他们都会及时的通知我，这让我能够及时的提交任务书、中期检查等任务。每次我们都会一起去找指导老师，一起讨论，在一起做毕业设计。一起总能静的下心，有时回去时也会聊聊，也不会觉得天天都在做毕业设计很无聊。看着他们那么努力，我也是很有干劲。

河海大学文天学院本科毕业论文

参考文献

[1] 张喜平等编著. ASP动态网站开发案例指导. 电子工业出版社. 2009.5 [2] 葛艳玲主编. 网页制作基础教程. 电子工业出版社. 2009.9

[3] 贺小霞，吴东伟等编著. Flash动画制作标准教程. 清华大学出版社. 2006.4 [4] 窦万峰等编著. 软件工程方法与实践. 机械工业出版社. 2009.5 [5] 韩勇主编. 网页制作三剑客. 清华大学出版社. 2010.9 [6] 王珊，萨师煊.数据库系统概论.北京：高等教育出版社.2006.5

[7] 北京金企鹅文化发展中心等编著.Dreamweaver8.北京艺术与电子出版社.2009 [8] 雷镀教育. 测试计划与软件缺陷. 2012

[9] 王晓峰，焦燕编著.网页美术设计原理及实战策略.清华大学出版社.2009.8 [10]唐有名. 网页设计与制作. 清华大学出版社. 2010

[11]北京金企鹅文化发展中心等编著.Flash8.北京艺术与电子出版社.2009.8 [12]张海潘.《软件工程》（第二版）.人民邮电出版社.2006

[13]李纪人,黄诗峰.3S 技术水利应用指南[M].北京:中国水利水电出版社.2003 [14]李小斌.基于移动设备的地图显示系统的设计.电脑知识与技术.2006.2 [15]蔡朝晖.Flash ActionScript互动编程技术与实例.人民邮电出版社.2007.7 [16]刘明伟，黄兴，任永攀著.flash与后台.清华大学出版社.2007.6

河海大学文天学院本科毕业论文

附录一：

FLASH 开发工具

河海大学文天学院本科毕业论文

附录二：

Flash development tool

Dreamweaver8.0 is web design software, also contact the Dreamweaver8.0 before, to learn is not very proficient in. With split three interface, visual editing, HTML code editing, can need not very troublesome to write code, you can directly in the design of interface design oneself want, code automatically generated, so is suitable for different levels of users. Dreamweaver8.0 use a variety of advanced technology, easy to learn and easy to use. As long as the user grasp of preliminary knowledge, plus his move brain, can produce a certain style of a web page.

Only use Dreamweaver8 tool, its function is very limited, are mostly used for static pages, and the dynamic effect will be worse. After joining the Flash web page visual, animation effects, such as more beautiful, rich, production also will be more easily, the system as well as homepage module header in the irrigation area of the profile information zone use Flash, and maps module are also use Flash production, make simple, map browsing module USES graph is vector graph, if you use a bitmap, will change the size of the bitmap bitmap distortion, so used Flash bitmap transform into vector graph, even if the optional zoom its size, will not affect the quality of the image.

Flash do web page at some information change or implement a function of time don't need to refresh the entire page, which reduced the amount of data transmission, also effectively avoid the twinkle visual bring discomfort to the eyes. Is not familiar with Flash before, first to borrow a book about flash8, for the book to try to do some simple case to slowly familiar with. Just a little bit of that made roughly the system effect of personal independence.

河海大学文天学院本科毕业论文

附录二：

Flash development tool

本文来源：https://www.bwwdw.com/article/0bip.html

相关文章：

正在阅读：

电子地图的信息展示及查询系统04-18

师道为师亦有道读后感11-15

诗人雅号的由来05-23

内科30例上消化道出血患者护理论文08-07

泛函分析习题参考答案09-16

冷战知识点03-31

2经典背后那些事儿 ——历代文人故事及名作养成记之先秦散文06-02

初中数学总复习第01论基础复习(共27个专题)04-18

新人教版一年级数学6和7的加减法应用教学设计07-23

幼儿园教师安全知识答题（答题）201104-28

上一篇：2017年山东省日照一中高二语文下学期阶段性（理）试卷下一篇：答辩题