前言

在互联网+、云计算、物联网、人工智能等新兴技术蓬勃发展的大背景下，智慧城市、智慧交通、智慧农业、智慧国土、智慧校园等各种互联网信息系统纷纷从桌面应用向互联网应用转变。基于Web的互联网应用具有易维护、易更新、易推广等特性，已成为广大互联网企业和程序开发者的首选方案。

目前流行的 Web 开发组件较多且各具特色，如 ExtJS、BootStrap、Element、jQuery UI等。其中Element作为新兴的Web开发组件库，能较好地与Vue结合使用，提高Web应用开发的效率。本书结合 Vue 和 OpenLayers 介绍 Element 各种组件的使用方法。首先介绍Element+Vue+OpenLayers开发环境的配置，然后对Element的基本组件、表单组件、数据组件、通知组件、导航组件及其他组件进行介绍，最后以智慧校园系统为例进行Element+Vue+OpenLayers项目实战，为广大开发者提供了较为全面的学习资料。

本书主要面向计算机、GIS、遥感、测绘等相关领域的工作者，在内容编排上遵循一般学习规律，由浅入深、循序渐进地介绍 Element 组件的使用方法，内容完整、实用性强，既有详尽的代码阐述，又有丰富的图形展示，可以使读者快速、全面地掌握 Element 组件的使用方法。对于初学者来说，只需要按部就班地跟着本书进行学习即可。无论读者是否具有 Web应用开发经验，都可以借助本书来系统地了解和掌握基于Element的Web应用开发所需的技术知识点，为开发新颖的Web应用奠定良好的基础。

本书提供了全部示例源码，其中第2章到第8章的每个示例都能独立运行，读者可快速查看演示效果。本书内容组织与 Element 官网的线上资源保持一致，读者在学习本书的过程中，可以查看Element官网提供的示例进行更深入的学习。

本书出版得到国家自然科学基金（41701446、41971356）的支持，在此表示诚挚的谢意。在本书的编写过程中，电子工业出版社的田宏峰编辑提出了宝贵的建议，在此表示感谢。

本书作者均长期从事网络地理信息系统的理论方法研究、教学和应用开发工作，有多年的网络地理信息系统和互联网软件开发经验。这为本书的编写打下了扎实的理论基础和实践基础。尽管如此，限于作者水平，本书难免会有不足和疏漏之处，敬请广大读者批评指正。

作者

2021年7月