背景簡介
E-R圖也稱實體-聯系圖(Entity Relationship Diagram)，提供了表示實體類型、屬性和聯系的方法，用來描述現實世界的概念模型。
diagrams.net是用於構建圖表應用程序的開源技術堆棧，也是世界上最廣泛使用的基於瀏覽器的最終用戶圖表軟件。
安裝Draw.io
方式一，無需安裝，在線使用
方式二，安裝桌面版，離線使用
Drawio-Desktop v14.9.6 Download
備用：
方式三，VSC插件
在Visual Studio Code里面左側菜單擴展項搜索關鍵詞draw.io即可
目前來說，這個還在非官方發布模式，建議先用Insider版。
如果你不滿意當前主題，可以在VSC的設置-擴展-Draw.io Integration-Theme中選擇。
新建E-R圖
打開Draw.io，在對話框中選擇創建新繪圖
選擇創建E-R圖
提取SQL導入
連接你的Mysql、MsSql、Sqlite等數據，針對你需要加入E-R圖的表提取Create創建語句。
CREATE TABLE `DatabaseName` (
`Id` bigint(20) NOT NULL,
`VersionNo` bigint(20) NOT NULL,
PRIMARY KEY (`Id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci
在創建語句的基礎上做一些修剪替換，其中關鍵的要點如下：
- 將主鍵挪到第一個，其他外鍵可以緊隨在主鍵后面。
- 主鍵后面追加
PRIMARY KEY關鍵字，以便后續自動生成樣式 - 追加
;以表示結束位置 - 留下所有的
NOT NULL標記，移除不必要的內容 - 僅保留字段名、字段類型、是否支持為空、注釋信息
最終我們將得到一個規范后的格式，舉例如下：
CREATE TABLE DatabaseName '數據表名'
(
Id bigint(20) NOT NULL PRIMARY KEY
VersionNo bigint(20) '版本號'
.....
);
在Draw.io中部菜單找到+號菜單，找到高級中的從SQL導入。
粘貼上一步得到的最終SQL語句到輸入框中，可以同時填入多個表，只要有;號間隔結尾就行。
最終我們將看到幾個帶PK主鍵標記的圖。
如果你沒看到上圖的PK樣式，一定是因為主鍵你沒追加
PRIMARY KEY標記
我們可以給他們全選設置字體、顏色等等。
同時，針對其中關聯的外鍵，我們需要添加FK標記，並且將整行設置為斜線樣式。
如下圖所示，斜線行代表外鍵。
接下來，我們可以把有關系的外鍵和主鍵連接起來，並且可以設置兩端的箭頭樣式。
完成這些，我們就基本上可以開始構建完整的全套E-R圖了。
導出SVG
左上角-文件-導出為-SVG
建議設置一定的邊框寬度，比如100，以便可以留下一些距離。
