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张图片

有两种横向泳道图:

  1. 有标题
  2. 无标题
有标题横向泳道图

Drawio 使用总结_第2张图片

无标题横向泳道图

Drawio 使用总结_第3张图片

3.1.2 纵向泳道图

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

Drawio 使用总结_第4张图片

3.2 ER图

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

3.2.1 手动创建ER图

手动创建ER图流程如下:

Drawio 使用总结_第5张图片

选择 E-R图

Drawio 使用总结_第6张图片

手动创建添加 E-R 图Drawio 使用总结_第7张图片

向列表(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 使用总结_第8张图片

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

Drawio 使用总结_第9张图片

结果如下:

Drawio 使用总结_第10张图片

3.3.3 导出

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

Drawio 使用总结_第11张图片

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

Drawio 使用总结_第12张图片

参考资料

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

你可能感兴趣的:(系统设计uml工具软件)