Drawio 使用总结

1. 介绍

Drawio是一款开源的流程图绘制工具，拥有大量的免费素材和模板，可以绘制流程图，类图，时序图，组织架构图等。

2. 安装

Drawio 桌面版分为 installer版 、no-installer版 、网页版（公共/自建）：

1. installer版点击安装后可建立文件后缀名关联（通常使用该版本）

   安装包下载地址：https://github.com/jgraph/dra...

2. no-installer版无需安装，点击即用。

3. 网页版（公共）

   网页版访问地址：https://www.draw.io/

4. Drawio 网页版（自建）

   从GitHub上下载其源码和发布包。发布包可以部署到自己的Tomcat服务器中，启动后可以在浏览器中使用Drawio。适用于网络环境不佳或局域网内使用。

3. 使用

3.1 泳道图

3.1.1 横向泳道图

特点：只能横向新增泳道，鼠标选中要添加的位置，会出现蓝色的小箭头，无论是点击横向的还是纵向的，结果都是添加横向泳道。

有两种横向泳道图：

1. 有标题
2. 无标题

有标题横向泳道图

无标题横向泳道图

3.1.2 纵向泳道图

添加方式和特点与横向一致，如下图所示：

3.2 ER图

E-R图也称实体-联系图(Entity Relationship Diagram)，提供了表示实体类型、属性和联系的方法，用来描述现实世界的概念模型。

3.2.1 手动创建ER图

手动创建ER图流程如下：

选择 E-R图

手动创建添加 E-R 图

向列表(list)或UML类形状(UML class shape)添加一行，两种方式：

1. 从Entity Relation形状库(shape library)中拖动List Item形状(shape)，然后将其拖放到列表形状(list shape)上以插入新条目。
2. 将Item形状从UML形状库中拖放到类形状(class shape)上，以插入新的属性(attribute)或方法(method)。

3.2.2 通过sql创建ER图

通过SQL 创建 E-R 图，需要对建表语句 Sql 做一些修改，具体如下：

• 将主键挪到第一个，其他外键可以紧随在主键后面。
• 主键后面追加PRIMARY KEY关键字，以便后续自动生成样式
• 追加;以表示结束位置
• 留下所有的NOT NULL标记，移除不必要的内容
• 仅保留字段名、字段类型、是否支持为空、注释信息

一个 Demo 如下：

CREATE TABLE DatabaseName '数据表名'
(
  Id bigint(20) NOT NULL PRIMARY KEY
  VersionNo bigint(20) '版本号'
  .....
);

在Draw.io中部菜单找到+号菜单，找到高级中的从SQL导入

粘贴上一步得到的最终SQL语句到输入框中，可以同时填入多个表，只要有;号间隔结尾就行。

结果如下：

3.3.3 导出

可以将绘画好的 E-R图导出，步骤为：左上角-文件-导出为-SVG

建议设置一定的边框宽度，比如100，以便可以留下一些距离。

参考资料

1. 关于使用Draw.io画数据库E-R图的说明