Intellij IDEA插件之自动生成时序图（Sequence Diagram）

￡神魔★判官ぃ 2024-03-30 11:42 11阅读 0赞

![41452cc74a774953bb5b9a690340a674.png][]

## 前言 ##

小伙们，你们有没有发现，身边经常有这样一些人，看着平时没怎么干活，到关键时候需要展示工作成果，会发现这些人也有工作成果，甚至比辛苦在干的人可能还要多一些。按常理推测，这绝对不是一件科学的事，但是有没有一种可能？是因为这些看似没怎么干的人掌握了比你更高效的工具或方法。其实俗话说的“磨刀不误砍柴工”就是这个道理。今天就要向大家安利一款这样的插件（Sequence Diagram），可以生成源代码的时序图。

## 关于时序图 ##

时序图又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。换句话说，一图胜千言，当代码逻辑比较复杂的时候，画个时序图把思路捋一下，更能够清晰直白的看清楚，各个类的方法之间是如何相互作用的，这就是时序图最根本的意义所在。

当然，如果自己画图能力比较高超，也可以不借助工具自己画。那么有没有一种可能：我比较懒，画图技术又比较菜，又有要画时序图这种诉求，有没有一种工具可以帮我呢？答案是肯定的，有买卖就有伤害...，哦，不好意思，拿错剧本了，有需要肯定会有对应的实现，这就是idea中的Sequence Diagram插件。

下面和大家分享一下具体的安装、配置和使用方法。

## Sequence Diagram ##

### 安装 ###

idea的插件安装，主要有两种方法：一种是在线安装，适合在可以连接到外网的时候用；另外一种是离线安装，如果工作环境不能连接外网，可以使用这种方法。

#### 离线安装 ####

1、先从官网下载插件，官网下载地址：[JetBrains Marketplace][]

![f5b1914bbccc40abb638691ef567f378.png][]

我的idea版本是2018.2，所以我下载了1.4.1版本的Sequence diagram,你使用的idea版本是多少呢？如果和我的idea版本一致，可以从这里下载[https://download.csdn.net/download/fox9916/87337869][https_download.csdn.net_download_fox9916_87337869]，如果不一样，也可以从官网直接下载。

![6a03a5bdfd6046bb9b1c6d9592c4dc7b.png][]

2、使用install plugin from disk，选择下载的插件包，进行安装；

![487926d380924feeb86744efc763dda3.png][]

3、安装成功后，重启idea就可以使用了。

#### 在线安装 ####

点击browse repositories，搜索Sequence diagram，找到后install，直到安装完成即可。

![2841309869fa44fcbe0c5cffe518a7d0.png][]

### 配置 ###

安装完成后，在idea的下方，可以看到sequence diagram的tab功能页

![a916c536fec04fc7ad4736529f7aa881.png][]

点击小扳手的图标，开始进行主要配置：

*  call depth用于配置调用深度，默认是5层；
 *  display only project classes ，勾选中表示仅展示本工程内的源码调用关系，不包含依赖包里的；
 *  skip getters/setters，勾选中表示时序图中会跳过get方法和set方法的调用关系；
 *  skip private methods，勾选中表示时序图中会跳过私有方法之间的调用关系；
 *  skip constructors，勾选中表示时序图中会跳过构造方法的调用关系；
 *  smart interface(experimental)，好像是带有实验性质的智能接口，暂时没弄明白有啥用，想勾就勾上，不勾也没事；

配置就这么几项，还是很简单的。

![4e3541c5a898438b875dcb33bb5c434d.png][]

### 使用 ###

使用也是很简单，下面是我写了一些伪代码来演示一下怎么使用这个插件，伪代码可以从这个地址获取：[https://download.csdn.net/download/fox9916/87337856][https_download.csdn.net_download_fox9916_87337856];

生成的时序图的效果：

![fdda674f023f4c3fb964791c48bf4604.png][]

![8dffef6fcc7c4d16b7c9f3cb23879403.png][]

从效果来看，还是很漂亮的。

使用方法超级简单：在类里的方法上右键弹窗中选中Sequence Diagram就可以了。

![5abcab3818ca466f9d76284e45b11716.png][]

其他功能特性：

*  点击生成的时序图上的方法名或类名可以导航到源代码上；
 *  可以从时序图中删除非关键类，但不影响实际代码，可以更加清晰突出关键类之间的调用关系；
 *  可以将时序图导出为图像或 PlantUML 文件；

更加详细的使用技巧，还是自己上手慢慢发现吧。

> 关注加收藏，关键时候不迷路。

[41452cc74a774953bb5b9a690340a674.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/5a141a55de804f4dba6bf640179756e8.png
[JetBrains Marketplace]: https://plugins.jetbrains.com/
[f5b1914bbccc40abb638691ef567f378.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/848b49451cf04839a62dc9b12e298b56.png
[https_download.csdn.net_download_fox9916_87337869]: https://download.csdn.net/download/fox9916/87337869
[6a03a5bdfd6046bb9b1c6d9592c4dc7b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/3a8a4d1ac9f04474937aa639e40ba013.png
[487926d380924feeb86744efc763dda3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/a7d9766bff9d45c1b77727e409623f31.png
[2841309869fa44fcbe0c5cffe518a7d0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/5247b6df8c31423584af3d97cfa239f5.png
[a916c536fec04fc7ad4736529f7aa881.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0dfcdf57f07049e181c8d5bc3e9ffe9d.png
[4e3541c5a898438b875dcb33bb5c434d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/a8b2c4544e4d4bc7bf30d7c7db892329.png
[https_download.csdn.net_download_fox9916_87337856]: https://download.csdn.net/download/fox9916/87337856
[fdda674f023f4c3fb964791c48bf4604.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/fa38e71774ac4344ad296ca9cd4e26b7.png
[8dffef6fcc7c4d16b7c9f3cb23879403.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/af9d09d34a17421e8e118f327905fb1c.png
[5abcab3818ca466f9d76284e45b11716.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/35bc4746977e4874a9f644c0d20ec791.png