关于系统设计: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 图的阐明