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 横向泳道图

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

有两种横向泳道图:

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

img

无标题横向泳道图

img

3.1.2 纵向泳道图

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

动画

3.2 ER图

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

3.2.1 手动创建ER图

手动创建ER图流程如下:

img

选择 E-R图

img

手动创建添加 E-R 图img

向列表(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导入

img

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

img

结果如下:

img

3.3.3 导出

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

img

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

img

参考资料

  1. 关于使用Draw.io画数据库E-R图的说明
4 声望
1 粉丝
0 条评论
推荐阅读
使用 working copy 同步笔记到obsidian
(1)跨平台,同时支持桌面电脑(Windows,Mac,Linux)和手机(Android,iOS)。(2)随时同步,打开任何一台机器,都能接着上一次的工作继续写。(3)实时存储,如果软件突然关闭,也不会丢失内容。(4)支持 M...

week阅读 4.6k

好用的在线画图工具自研组件开源计划
PDDON在线画图自研组件开源计划,第一版开发历时2年,核心技术完全自研,从前端到后台均自研,核心开发仅一人,全栈开发者,暂时还在迭代中,等项目稳定后,会抽空将一些自研组件和工具包进行开源,先来占坑,可...

PDDON2阅读 371

封面图
可插拔组件设计机制—SPI
SPI 的全称是Service Provider Interface,即提供服务接口;是一种服务发现机制,SPI 的本质是将接口实现类的全限定名配置在文件中,并由服务加载器读取配置文件,加载实现类。这样可以在运行时,动态为接口替换实...

京东云开发者阅读 1.2k

封面图
一种通用的业务监控触发方案设计 | 京东云技术团队
业务监控是指通过技术手段监控业务代码执行的最终结果或者状态是否符合预期,实现业务监控主要分成两步:一、在业务系统中选择节点发送消息触发业务监控;二、系统在接收到mq消息或者定时任务调度时,根据消息中...

京东云开发者2阅读 268

封面图
Flutter三棵树系列之详解各种Key | 京东云技术团队
key是widget、element和semanticsNode的唯一标识,同一个parent下的所有element的key不能重复,但是在特定条件下可以在不同parent下使用相同的key,比如page1和page2都可以使用ValueKey(1) 。

京东云开发者阅读 1.1k

封面图
性能的极致,Rust的加持,Zed-Dev编辑器快速搭建Python3.10开发环境
快就一个字,甚至比以快著称于世的Sublime 4编辑器都快,这就是Zed.dev编辑器。其底层由 Rust 编写,比基于Electron技术微软开源的编辑器VSCode快一倍有余,性能上无出其右,同时支持多人编辑代码。

刘悦的技术博客阅读 924

封面图
【十亿级高并发系统设计】如何设计一套高并发系统?
我们知道,高并发代表着大流量,高并发系统设计的魅力就在于我们能够凭借自己的聪明才智设计巧妙的方案,从而抵抗巨大流量的冲击,带给用户更好的使用体验。这些方案好似能操纵流量,让流量更加平稳的被系统中的...

椒太郎1阅读 684

封面图
4 声望
1 粉丝
宣传栏