基于BS架构SVG的雨量分析系统设计与实现

摘  要
SVG是由W3C组织开发的基于可扩展标记语言的一种矢量图形描述语言，已经在互联网上得到了较广泛的应用。为了以图形方式直观地显示雨量数据变化，方便工作人员进行雨量数据的查询及分析，设计了本套基于SVG的雨量分析系统。
该自动站雨量分析系统是基于B/S架构，使用asp.NET来开发的。主要使用了.NET三层架构、XML程序集、矢量图形的动态生成、Web服务等技术，并实现了系统模块管理、雨量数据管理、城市数据管理、雨量数据查询、生成矢量图形格式的图表等功能模块。在系统中主要对矢量图形文档的生成进行了分析和设计，采用DOM模型来操作该图形文档，并封装了基本的图形元素。
该自动站雨量分析系统作了新的尝试，采用基于可扩展标记语言的矢量图形作为图形格式，系统与Web服务技术相结合，使系统的可重用性和开放性得到了很大的提高。 [来源：http://www.think58.com]

关键词：可伸缩矢量图形；可扩展标记语言；.NET三层架构；Web服务 [资料来源：http://THINK58.com]

Design of the Auto-Station Rainfall Data Analysis System Based on SVG
Abstract
SVG developed by the W3C, is a vector graphics language based on the XML. And it has been widely used on the Internet. This rainfall analysis system is designed to achieve the goal that the rainfall data's changes are displayed by graphic mode intuitively for assisting to analyze the rainfall data.
The auto-station rainfall analysis system, developed in asp.NET, is based on Browser/Server framework. In this system, many technologies are used, such as .NET Trip-Layer Framework, the XML program assembly, automatic creation of SVG document, Web Service and etc. The system contained function management module, rainfall data management module, city data management module, rain data query module, automatic creation module of SVG document and etc. The Document Object Model is used for manipulating SVG documents, and the basic graphics element is encapsulated.
Some new attempts have been made into the auto-station rainfall analysis system. By using SVG as graphics format and the Web Service technology, reusability and openness of the system is improved greatly.

[资料来源：http://www.THINK58.com]

Key words: SVG; XML; .NET Trip-Layer Framework; Web Service

 本项目的应用价值
本套系统是基于SVG的雨量分析系统，实现的主要功能是对各地收集的雨量数据加以分析，并以SVG矢量图形方式进行显示，使用户能够更加直观地了解某一区域的历史雨量。雨量分析系统主要应用于防汛、水文等部门，通过对各地雨量数据的统计与分析，来预防可能会造成的洪水灾害并有效的调配和利用水资源。

[资料来源：www.THINK58.com]

本项目的相关开发技术
该项目采用.NET开发，开发环境采用Visual Studio 2003，数据库采用MSSQLServer，并使用.NET的三层架构技术，使业务逻辑与数据表示隔离开来，提高系统的模块化程序；在图像显示上使用了基于XML的矢量图形语言SVG，并使用.NET XML DOM（Document Object Model，文档对象模型）来生成和操作SVG图形；并使用Web服务来提供外部接口，以提高系统的开放性。 [资料来源：www.THINK58.com]

以下按照不同的模块进行功能描述：
1、系统管理实现以下四个功能：
（1）模块管理：管理系统中所有模块，对模块进行添加、更新及删除；
（2）用户管理：添加系统用户，选择对应的角色，对系统中已有用户进行更新（包括登陆密码及角色）、删除；
（3）角色管理：新增、更新、删除系统角色，分配角色权限；
（4）日志管理：能根据选择条件对已有日志进行查询、删除和下载。
2、雨量数据管理页面管理后台的所有雨量数据，有如下功能：
（1）数据查看：可根据选择条件（包括日期和城市选择）显示雨量数据，也可根据选择的显示方式，以SVG图形方式查看雨量数据；
（2）数据录入：选择某一城市后，可以选择任意一天进行雨量数据输入；
（3）数据更新：在选定城市某一天的雨量数据后，点击更新可以修改雨量数据。
3、城市信息管理页面管理地图页面中出现的所有城市的雨量数据，通过输入城市名及选择上级城市新增城市数据，也可以对已有城市数据进行更新（修改名称或上级城市）、删除操作。
4、前台管理页面放置了将前台查询页面，这一模块是整个系统的重点部分，包括地图管理、选择显示方式、选择查询方式并生成图形显示页面。区别于其它系统，本套系统对于数据图形使用了SVG这种文本式矢量图形描述语言。用户查询数据，并生成SVG曲线图的操作流程。

[资料来源：http://THINK58.com]

目  录
1 引言 1
1.1 项目背景 1
1.2 本项目的应用价值 1
1.3 本项目的相关开发技术 1
2 SVG技术 1
2.1 XML介绍 1
2.2 SVG介绍 2
2.3 SVG的特点 2
2.4 SVG规范 2
3 雨量分析系统的需求分析 4
3.1 系统需求 4
3.2 功能分析 4
3.3 用例分析 5
4 雨量分析系统的设计 6
4.1 系统模块结构 6
4.2 数据库的设计 7
4.2.1 总体设计 7
4.2.2 数据库表字段说明 8
4.3 开发技术及过程 10
4.3.1 三层架构 10
4.3.2 SVG文档的表示 14 [资料来源：THINK58.com]
5 系统实现 15
5.1 雨量数据管理的实现 15
(毕业设计)
5.2 雨量数据分析与SVG图像的生成 16
5.3 使用Web Service方式提供开放的外部接口 20
5.3.1 Web Service介绍 20
5.3.2 使用Web Service的意义 20
5.3.3 Web Service接口的实现 21
6 系统测试 21
结    论 22
参考文献 22
致    谢 24
声    明 25

[来源：http://www.think58.com]