在前面的博客中，我们学习了SpringBoot、学习了Vue、也学习了OpenLayers，并且也都基于它们做了实战的小项目，现在我们要把这些目前市面上非常流行的技术融合在一起开发一个WebGIS项目。我会从零开始逐步编码逐步讲解，从基础知识学起到最后完成一个实战项目！跟大家一起从头开始利用SpringBoot做后台框架，Vue做前端框架，OpenLayers做GIS框架来开发一个完整的WebGIS项目。

这里我们采用流行的前后端分离的方式来进行开发，后端IDE选择IntelliJ IDEA ，前端开发使用VSCode。OpenLayers我们紧跟潮流采用目前的最新版本OpenLayers6。我们的代码管理使用Git。

整个教程我大体上分为两个大的部分，即后端开发和前端开发。每一个部分我都会从基础零代码开始写起，更新时间可能会比较长，但是我会努力把这个系列的文章更新完毕，为广大GISer新手提供一个基于前后端分离的、开源GIS的完整WebGIS系统开发的体验！我会先从基础知识讲起，最后再完成实战项目！

首先我们要进行的是前端开发，基于Vue+OpenLayers开发，我会从Git新建项目说起，包括如何使用VSCode新建一个项目，VSCode中引入OpenLayers等等！大家加油！