原创 RabbitMQ 實現消息隊列安裝及配置

一、基本概念 在微服務架構的系統中, 我們通常會使用輕量級的消息代理來構建一個共用的消息主 題讓系統中所有微服務實例都連接上來, 由於該主題中產生的消息會被所有實例監聽和消 費, 所以我們稱它爲消息總線。 在總線上的各個實例都可以方便地廣

原创 React 集成 Cesium 之圖層加載入門篇

一、簡介 Cesium是一個用於顯示三維地球和地圖的開源js庫。它可以用來顯示海量三維模型數據、影像數據、地形高程數據、矢量數據等等。三維模型格式支持gltf、三維瓦片模型格式支持3d tiles。矢量數據支持geojson、topojs

原创 React 集成 ECharts實現柱狀圖、折線圖、餅狀圖

一、簡介 ECharts,一個使用 JavaScript 實現的開源可視化庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴矢量圖形庫 ZRe

原创 React 通過axios調用服務接口渲染無狀態組件詳解

一、axios 概念:Axios 是一個基於 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。(個人理解就是ajax,用來請求和響應數據) 安裝命令:yarn add axios 或者 npm install ax

原创 React 編寫TodoList功能

一、TodoList實現列表添加刪除功能 添加webpack命令: yarn add webpack 創建components 目錄及TodoList.js pages 目錄創建 show用來渲染TodoList組件 TodoList.

原创 mysql 批量刪除存儲過程編寫詳解

一、存儲過程函數詳解 CREATE  PROCEDURE : 聲明存儲過程 delete_matches:方法名用來調用 IN uid INTEGER :傳參uid,INTEGER 類型。 IN 輸入參數:表示調用者向過程傳入值(傳入值可

原创 React 初識之Umi項目搭建實戰

一、創建項目 創建之前需要安裝 Node.js 和 npm yarn 這倆個環境 在WebStorm裏面創建一個項目,輸入命令:yarn create umi  彈出選項,這裏我們選擇第二項APP。 選擇是否使用typescript,

原创 React es6 數組對象去除重複

一、安裝插件  命令:  npm install dedupe 或者 yarn add dedupe  參考網站:https://www.npmjs.com/package/dedupe 二、代碼例子 eg: 1.數組形式去重如下 v

原创 還不瞭解?單體應用、SOA面向服務架構、微服務架構的區別,這一篇就夠了。

一、單體應用 單體應用直接使用分層結構,通過war包部署,缺點是代碼量不斷增大war包也會增大,對於開發人員從tomcat啓動部署時會耗費很多時間,如果某個類出現內存溢出會導致整個應用崩掉,對於互聯網公司一個應用一個小時不能啓動很致命,這

原创 Java大數據量優化使用線程池數據分塊批量導入Excel數據

一、需求分析 導入Excel數據,驗證數據是否符合標準,如果不符合則返回所有錯誤的行數,數據量爲每個Excel爲2w~3w左右數據量,導入較慢,通過線程池把數據分塊爲每1000條爲一批數據,同時導入數據庫提高速度。 二、Excel文件標準

原创 Umi部署pages多頁面訪問配置

一、需求 PageHome登錄頁 AppVersion移動端頁 想要部署的時候通過url可以跳轉PageHome登錄頁面,並且改變url的時候可以跳轉AppVersion頁面, 不同地址切換不同頁面。 localhost:12935/pr

原创 React 集成 OpenLayers6 加載天地圖、百度、谷歌圖層入門篇

一、請先學習 OpenLayers入門篇es6之第一個地圖 鏈接:  https://blog.csdn.net/qq_17025903/article/details/104843667 二、天地圖矢量圖層加載 創建 TiandituM

原创 Dom創建與修改xml文件詳解

一、基本概念 SAX(Simple API for XML) 只能讀,不能修改,只能順序訪問,適合解析大型XML,解析速度快 常應用於處理大量數據的XML,實現異構系統的數據訪問,實現跨平臺 從文檔的開始通過每一節點移動,定位一個特定的節

原创 React Umi 集成 Dva框架簡化數據傳輸流向原理篇

一、基本概念 dva 首先是一個基於 redux 和 redux-saga 的數據流方案,然後爲了簡化開發體驗,還額外內置了 react-router 和 fetch,所以也可以理解爲一個輕量級的應用框架。 易學易用,僅有 6 個 api

原创 dom讀寫xml文件修改屬性值詳解

一、基本概念 SAX(Simple API for XML) 只能讀,不能修改,只能順序訪問,適合解析大型XML,解析速度快 常應用於處理大量數據的XML,實現異構系統的數據訪問,實現跨平臺 從文檔的開始通過每一節點移動,定位一個特定的節