在前面的博客中，我們學習了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等等！大家加油！