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 横向泳道图 特点:只能横向新增泳道,鼠标选中要添加的位置,会出现蓝色的小箭头,无论是点击横向的还是纵向的,结果都是添加横向泳道。Drawio 使用总结
文章图片

有两种横向泳道图:
  1. 有标题
  2. 无标题
有标题横向泳道图 Drawio 使用总结
文章图片

无标题横向泳道图 Drawio 使用总结
文章图片

3.1.2 纵向泳道图 【Drawio 使用总结】添加方式和特点与横向一致,如下图所示:
Drawio 使用总结
文章图片

3.2 ER图
E-R图也称实体-联系图(Entity Relationship Diagram),提供了表示实体类型、属性和联系的方法,用来描述现实世界的概念模型。
3.2.1 手动创建ER图 手动创建ER图流程如下:
Drawio 使用总结
文章图片

选择 E-R图
Drawio 使用总结
文章图片

手动创建添加 E-R 图Drawio 使用总结
文章图片

向列表(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导入
Drawio 使用总结
文章图片

粘贴上一步得到的最终SQL语句到输入框中,可以同时填入多个表,只要有; 号间隔结尾就行。
Drawio 使用总结
文章图片

结果如下:
Drawio 使用总结
文章图片

3.3.3 导出 可以将绘画好的 E-R图导出,步骤为:左上角-文件-导出为-SVG
Drawio 使用总结
文章图片

建议设置一定的边框宽度,比如100,以便可以留下一些距离。
Drawio 使用总结
文章图片

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

    推荐阅读