一种基于Web前端的在线空间数据管理技术方法

本文通过基于B/S架构的WebGIS系统，实现空间数据的web前端可视化管理，通过HTML5、CSS3实现浏览器端数据管理UI界面，通过Javascript实现浏览器端和用户的交互功能。服务器端使用SQLite数据库存储数据，数据库的设计采用数据存储表和数据字段映射表实现数据字段的动态管理。本实验室自主研发的Geoserver2013平台充当web服务器进行web应用的发布，通过该平台提供的一系列数据库管理API，AJAX技术实现数据的前后端交互，从而实现数据的前端管理和后台存储功能。通过管理数据库表中的资源表和资源控制表，实现地理空间属性数据的共享。

传统地理空间数据的管理需要借助专业软件如ArcGIS、MapInfo 等，一方面，用户需要购买或下载软件，并在本地安装，有一定使用成本；另一方面，这类软件的专业性较强，功能庞大复杂，非专业人员不易操作。而在线的地理空间数据管理平台，通过集成桌面软件的主要功能和简化各功能模块的操作流程，将用户常用功能在web 平台上实现，提供更简便的操作，而特定用户需要的功能通过高级定制的方式实现。使用在线的地理空间数据管理平台可以给用户使用提供很大的便利，首先，该管理平台是基于WebGIS 的一个B/S 结构的在线平台[1]，免安装，减轻用户的使用成本；其次，该平台集成了桌面软件的常用功能，并简化了操作流程，这样既能满足用户需求，又可以减少用户的学习成本；最后，该平台提供了空间数据导出和在线分享功能，用户将地图数据导出到本地，也可随时随地一键分享自己的地图给特定组别，作为一个成果分享的交流平台。

目前，ESRI 的ArcGIS online [2]能基于在线环境提供地图的编辑及可视化，openStreet Map [3]可以在线创建空间要素以及对要素的空间数据进行简单的编辑，地图慧[4]在线制图平台只提供空间属性数据的管理。但是他们存在一些问题，例如空间数据编辑的便捷性问题，在数据编辑过程中，无法进行批量修改，无法对空间数据进行条件查询等。不支持shp 格式空间数据的导入。不支持空间数据的导出，用户采集的空间数据无法导出，用户可以在线应用，但没法下载到本地，进行二次使用等等。这些工具类的软件都只是实现一部分的空间数据管理功能，本平台对所有常用功能进行整合以及精简，在本平台中得到很好的实现。

2. 整体架构设计 根据前期的需求分析，确定相应的功能模块，设计相应的UI 界面。本文采用HTML5 的文档类型， 使用标签元素搭建网页的整体框架。有了框架后，通过设置CSS 样式，尽可能的在网页中还原UI 的界面,这时网页还只是静态页面，无法与用户进行交互，需要利用Javascript 编写响应用户的各种事件，在交互过程中需要通过AJAX 实现前后端数据的传递。在服务器端利用本实验室具有自主知识产权的