张伟康 王封祚

摘要：随着单页面Web应用开发技术的不断完善，越来越多的Web应用都采用了单页应用模式。本文以疏勒河水流确权成果展示系统建设为例，阐述了运用Vue框架搭建单页面GIS应用的基本过程，为开发人员搭建单页面GIS应用提供了一种新思路。

关键词：单页面Web应用;Vue

0 引言

近几年来单页面Web应用飞速发展，涌现了多种适合开发单页面Web应用的框架，如React.js、Angular.js、Vue.js等，越来越多的Web应用也都采用了单页面模式。单页Web应用 （single page web application），缩写为SPA，它是指在浏览器中运行的应用，它们在使用期间不会重新加载页面。可以认为单页应用是一种从Web服务器加载的富客户端[1]。单页应用程序 （SPA） 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。

Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件[2]。

本文以疏勒河流域干流水域岸线水生态空间确权项目为例，基于单页面Web应用开发理念，运用Vue框架构建了该项目的成果展示系统。……