原创 SpringBoot+Vue+OpenLayers6完成前後端分離的WebGIS項目(整體介紹)

在前面的博客中,我們學習了SpringBoot、學習了Vue、也學習了OpenLayers,並且也都基於它們做了實戰的小項目,現在我們要把這些目前市面上非常流行的技術融合在一起開發一個WebGIS項目。我會從零開始逐步編碼逐步講解,從基礎

原创 Vue+Webpack+OpenLayers6完成組件化的WebGIS開發(二、組件化開發WebGIS實例)

上一章我們搭建了vue-cli,npm等環境,並且基於組件化開發的模式藉助vue+webpack+openlayers6實現了地圖的加載。今天這一章,我們將繼續組件化的開發地圖相關功能,我會通過具體的地圖功能實例來進行闡述,大家加油! 這

原创 Vue+Webpack+OpenLayers6完成組件化的WebGIS開發(一、項目搭建)

一、Vue環境構建 1、安裝Vue-cli腳手架 因爲需要使用 npm 安裝 Vue cli,而 npm 是集成在 Node.js 中的,所以第一步我們需要安裝 Node.js,訪問官網 https://nodejs.org/en/  下

原创 SpringBoot+Vue+OpenLayers6完成前後端分離的“疫情地圖”實戰項目(一、地圖數據處理及代碼託管)

前面我們介紹了Vue+webpack+openlayer的地圖基礎知識,從這一章開始,我們將正式開始我們的基於SpringBoot+Vue+OpenLayers的實戰項目---疫情地圖! 一、疫情地圖數據處理 這裏我介紹一下數據來源,我們

原创 SpringBoot+MyBatis+MySql從頭到尾完成一個電商項目(一、新建項目並託管到碼雲Git)

前言:這一段時間準備寫一個基於SpringBoot+MyBatis的電商項目的從頭到尾的項目,一方面使自己的代碼碼風更優雅,更健壯,另一方面,希望可以幫到需要這方面知識的人!非常適合有一定的SpringBoot基礎,但是想做一個小項目的童

原创 OpenLayers學習筆記高級篇(三、地圖動畫)

在OpenLayers 3中,動畫是隨處可見的,比如平移地圖時,地圖移動會有慣性,停止移動後,還會繼續沿着之前的方向移動一會。 比如下面這個demo地圖具有回到原始點的功能,一個是有動畫效果的,一個是沒有動畫效果的。我們先寫出來然後做一個

原创 OpenLayers學習筆記高級篇(四、地圖開發實戰之Geoserver配置與發佈地圖服務)

本節將講解ol使用wfs同後臺geoserver進行交互,從而實現要素的增刪改查。由於geoserver需要服務器端,所以我們將從環境搭建開始講解,使用公開的數據源,進行查詢,修改,添加,刪除操作的演示,使得大家最終學會。 1、Geose

原创 OpenLayers學習筆記中級篇(六、地圖交互)

1、Feature選取之選中樣式 <!doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equ

原创 OpenLayers學習筆記高級篇(二、地圖控件)

在OpenLayers 3中,地圖控件指的是下圖標註的這些,包括縮放按鈕,標尺,版權說明,指北針等等。 他們不會隨着地圖的移動而移動,一直處於一個固定的位置。 在實現上,並不是在畫布上繪製的,而是使用傳統的HTML元素來實現的,便於同地

原创 MyBatis Plus從入門到熟練使用(一、入門使用)

目前比較流行的數據持久層框架分爲兩種,一種是SpringBoot JPA,一種是MyBatis,我個人使用比較多的是MyBatis,關於這兩個框架的對比,我個人覺得MyBatis的使用更加靈活一些,所以前面有許多博客的後臺數據持久層框架就

原创 MyBatis Plus從入門到熟練使用(二、中級使用)

前面一節我們進行了MyBatis Plus的入門介紹,並且進行了新增和查詢的相關接口介紹和編寫,這一節我們繼續深入學習MP。 一、自定義SQL 1、自定義SQL語句使用方法 有時候我們使用MP自帶的條件構造器滿足不了我們的查詢條件了,MP

原创 SpringCloud學習(四、微服務訪問之Ribbon、Feign)

上一節,我們已經把數據微服務註冊好了,並且開放了兩個端口可以訪問到數據微服務,8001、8002:    下面我們就要訪問前面註冊好的這個數據微服務了!springcloud 提供了兩種方式,一種是 Ribbon,一種是 Feign。

原创 SpringCloud學習(五、服務鏈路追蹤----ZipKip)

一、 服務鏈路追蹤 在前面的例子裏,我們有兩個微服務,分別是數據服務和視圖服務,隨着業務的增加,就會有越來越多的微服務存在,他們之間也會有更加複雜的調用關係。 這個調用關係,僅僅通過觀察代碼,會越來越難以識別,所以就需要通過 zipkin

原创 SpringCloud學習(三、父子項目、服務註冊、服務關聯)

這一節開始,我們將通過代碼逐步解決我們上一節中關於分佈式和集羣的幾個問題!實際的編碼會讓我們對SpringCloud、微服務、分佈式、集羣瞭解的更深刻。 一、父子項目 接下來就要開始做 springcloud 項目了。 springclo

原创 SpringCloud學習(二、分佈式和集羣的一些概念的問題)

一、SpringCloud單架構 SpringCloud單架構其實就是我們之前使用的SpringBoot項目,這裏我們打開一個SpringBoot項目如下圖: springcloud 我們會使用 Finchley 這個版本,而它對 sp