神器!这款 IDEA 插件能画各种图

在写文档的过程中,经常需要进行画图。最近发现 IDEA 有一款插件 PlantUML, 它本质上是也算一门可以快速画图的设计语言,学习起来也很方便,这篇文章主要向大家介绍IDEA 安装 PlantUML 试用体验,希望对大家有所帮助。

PlantUML 简介

一门可以快速画图的设计语言:

http://plantuml.com/zh/state-diagram

PlantUML 是一个开源项目,支持快速绘制时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等。例如下面等用例图:

神器!这款 IDEA 插件能画各种图_第1张图片

PlantUml 是什么

PlantUml是一个支持快速绘制的开源项目。其定义了一套完整的语言用于实现UML关系图的描述,并基于强大的Graphviz图形渲染库进行UML图的生成。绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件。

PlantUML 的优点

完全文本方式编辑,无需控件拖拽,自动调节图元距离,简单美观

1、与开发平台完全无关,不受平台限制,只要有PlantUML jar包就能生成UML图

2、支持多种文本编辑器、ide的集成,例如idea、eclipse、notepad++等

3、作为一个Java coder,通常使用idea作为首选开发工具,我们以idea中的使用为主作介绍

安装 Graphviz

IDEA 安装PlantUML插件还需要安装 Graphviz 才能正常显示,先上 Graphviz 安装包的资源分享链接

graphviz-2.38.msi

百度网盘链接:

https://pan.baidu.com/s/1aPWSoa8iIGa0iQogprsgdA
提取码:1234

Graphviz 下载之后,疯狂下一步,就安装完了

如果不安装 Graphviz,画图的时候,会提示

神器!这款 IDEA 插件能画各种图_第2张图片

IDEA 安装 PlantUML插件

IDEA 直接搜索安装:

File -> Settings -> Plugins 搜索 PlantUML ,搜索 PlantUML , 安装 PlantUML integration , 如下

神器!这款 IDEA 插件能画各种图_第3张图片

或者你用,安装包,离线安装

下载插件包安装,地址

http://plugins.jetbrains.com/plugin/7017-plantuml-integration

对了,更多 IDEA 插件相关的文章我整理好了,关注微信公众号 Java后端,回复 666 下载。

使用 PlantUML 画流程图

File -> New -> PlantUML File -> 选择你要画的类型

神器!这款 IDEA 插件能画各种图_第4张图片

神器!这款 IDEA 插件能画各种图_第5张图片

输入内容,先看看效果

@startuml
skinparam rectangle {
    BackgroundColorDarkSeaGreen
    FontStyleBold
    FontColorDarkGreen
}
:User: as u
rectangle Toolas t
rectangle "Knowledge Base"as kb
(RobotFramework) as rf
(DUT) as dut
note as ts
    test script
end note
note as act
    query
    &
    action
end note
note as t_cmt
    - 执行测试脚本,
    - 按照知识库响应消息
    - 关注公众号:Java后端
    - 回复:面试题,得3625页大厂面试题
end note
note as kb_cmt
    - 根据当前消息确定响应方法
    - 根据上下文填充消息
    - 保存信息到相关上下文
end note
u --> rf
rf =right=> ts
ts =down=> t
kb <=left=> act
act <=up=> t
t = dut
t_cmt -- t
kb_cmt -left- kb
@enduml

神器!这款 IDEA 插件能画各种图_第6张图片

时序图:

@startuml
Alice-> Bob: AuthenticationRequest
Bob--> Alice: AuthenticationResponse
Alice-> Bob: Another authentication Request
Alice<-- Bob: another authentication Response
@enduml

效果如图:

神器!这款 IDEA 插件能画各种图_第7张图片

导出文件

神器!这款 IDEA 插件能画各种图_第8张图片

设置不同的角色

时序图角色可以分为: actor, boundary, control, entity, database,每种角色呈现的图形也是不一样的。

@startuml
actor Foo1
boundary Foo2
control Foo3
entity Foo4
database Foo5
collections Foo6
Foo1-> Foo2: To boundary
Foo1-> Foo3: To control
Foo1-> Foo4: To entity
Foo1-> Foo5: To database
Foo1-> Foo6: To collections
@enduml

神器!这款 IDEA 插件能画各种图_第9张图片

图例注脚等@startuml
header PageHeader
footer Page%page% of %lastpage%
title ExampleTitle
Alice-> Bob: message 1
note left: thisis a first note
Alice-> Bob: message 2
@enduml



其他

如果不想装 graphviz,想直接用,可以下载chrome插件PlantUML Viewer,安装之后直接编辑文本,可以在浏览器直接显示。

神器!这款 IDEA 插件能画各种图_第10张图片

最后

IDEA 上用 PlantUML 虽然不错,但是每次还需要打开IDEA,还是有点小麻烦。我在开发过程中用的更多的是用在线作图工具,如:ProcessOn, webchart ,等。

- END -

最近整理一份面试资料《Java技术栈学习手册》,覆盖了Java技术、面试题精选、Spring全家桶、Nginx、SSM、微服务、数据库、数据结构、架构等等。
获取方式:点“ 在看,关注公众号 Java后端 并回复 777 领取,更多内容陆续奉上。
推荐阅读 
1. 这 6 个 Spring Boot 项目够经典
2. 必须了解的 MySQL 三大日志
3. 感受 lambda 之美!
4. Spring Boot 开发微信公众号
5. 我还在生产玩 JDK7,JDK 15 却要来了!

喜欢文章,点个在看 

你可能感兴趣的:(编程语言,数据可视化,微软,eclipse,项目管理)