作為Java開發人員，在日常需求迭代開發過程中，必然會涉及到數據庫表結構的建模設計、表結構修改、表數據的管理和SQL調優等等，那麼擁有一個趁手的數據庫管理工具就非常重要瞭。navicat或datagrip往往是大部分開發人員的選擇，雖然它們很好用，不過因為是版權軟件，需要收費，所以很多人用的是盜版，在現在越來越強調正版的今天，用盜版會伴隨有較大風險。

除瞭navicat或datagrip，我也試過不少免費的數據庫管理工具，如DBeaver等等，但是感覺都很不好用。為此，經過我多方研究，終於發現一個很符合需求的數據庫管理及建模工具ERD Online，而且它是在線的，通過瀏覽器訪問，所以無需任何安裝操作等，非常便利。在其基礎上，根據我自身的需求，我為它加瞭很多的實用功能，同時也修復瞭原來存在的不少問題，目前已經較為成熟瞭，基本上可取代navicat或datagrip，作為日常開發的必備工具。

下面逐步介紹我新加的功能，首先是新增瞭一個刷新模塊模型功能，此功能將會重新從db讀取表元數據構建當前模塊模型，在遷移現有數據庫結構時非常有用：

首先在模塊上右鍵選擇新建數據庫中已有的表名然後右鍵選擇刷新模塊模型點擊確定可以看到，已經重新從數據庫讀取元數據構建模型

第二個大功能改動是關系圖展示，優化瞭其佈局，同時添加瞭鼠標懸浮提示以及全屏展示功能：

鼠標懸浮提示完整的列註釋全屏顯示關系圖，在查看和傳遞表結構是非常實用

第三個大功能改動是查詢。首先是手工輸入SQL時，除瞭原有的表名輔助提示，新加瞭列名輸入輔助提示：

列名輸入輔助提示結果表格鼠標懸浮提示列註釋及類型等結果表格直接編輯行數據編輯時右鍵可快捷輸入點擊提交表格變動回db保存編輯的數據結果表格點擊復制該行從已有數據新建行數據點擊添加一行數據新建空白行結果表格點擊刪除，可刪除當前行

動態構建查詢SQL（免去手寫SQL的麻煩）：

點擊動態構建查詢SQL按鈕選擇要查詢的表、列、查詢條件等可以實時預覽查詢SQL

管理同一數據源下其他數據庫：

最後，是導出功能，包括導出為json、導出為csv、導出為Excel、導出為sql（insert）和導出為sql（update）：

導出為json導出為csv、導出為sql（insert）導出為sql（update）

後端服務主要采用Java8 + SpringBoot實現，項目路徑/tools-manage/invocationlab-admin；

前端服務沿用原有技術棧，主要采用React + Ant Design Pro實現，項目路徑/tools-manage/invocationlab-erd-online-view；

項目簡化瞭部署，前端代碼構建後會放到maven的resouces下，這樣就隻需要部署jar包就可以瞭。

源碼github地址：

gitee地址（源碼同步）：