IDEA画图神器 PlantUML

2024/1/15 18:02:26

本文主要是介绍IDEA画图神器 PlantUML,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

PlantUML 是一款开源的UML图绘制工具,支持通过文本来生成图形,使用起来非常高效。可以支持时序图、类图、对象图、活动图、思维导图等图形的绘制。

下面使用PlantUML来绘制一张流程图,可以实时预览,速度也很快!
image

在线安装

首先在IDEA的插件市场中搜索PlantUML,安装这个排名第一的插件;
image

离线安装

有时候网络不好的话可能下载不下来,可以点击Plguin homepage按钮访问插件主页,然后选择合适的版本下载压缩包;
image
下载成功后,选择从本地安装即可。
image

使用

首先我们需要新建一个PlantUML文件,

时序图

image
我们可以通过PlantUML提供的语法来生成Oauth2的时序图,语法还是非常简单的,具体内容如下;

@startuml
title Oauth2令牌颁发之授权码模式

actor User as user
participant "User Agent" as userAgent
participant "Client" as client
participant "Auth Login" as login
participant "Auth Server" as server

autonumber
user->userAgent:访问客户端
activate userAgent
userAgent->login:重定向到授权页面+clientId+redirectUrl
activate login
login->server:用户名+密码+clientId+redirectUrl
activate server
server-->login:返回授权码
login-->userAgent:重定向到redirectUrl+授权码code
deactivate login
userAgent->client:使用授权码code换取令牌
activate client
client->server:授权码code+clientId+clientSecret
server-->client:颁发访问令牌accessToken+refreshToken
deactivate server
client-->userAgent:返回访问和刷新令牌
deactivate client
userAgent--> user:令牌颁发完成
deactivate userAgent
@enduml

该代码将生成如下时序图,用写代码的方式来画时序图,是不是够炫酷;
image
本时序图关键说明如下:

title可以用于指定UML图的标题;

  • 通过actor可以声明人形的参与者;
  • 通过participant可以声明普通类型的参与者;
  • 通过as可以给参与者取别名;
  • 通过->可以绘制参与者之间的关系,虚线箭头可以使用-->;
  • 在每个参与者关系后面,可以使用:给关系添加说明;
  • 通过autonumber我们可以给参与者关系自动添加序号;
  • 通过activate和deactivate可以指定参与者的生命线。
  • 这里还有个比较神奇的功能,当我们右键时序图时,可以生成一个在线访问的链接;
    image

思维导图

https://plantuml.com/zh/mindmap-diagram
image
下列代码将生成如下思维导图,其实使用PlantUML我们可以自己定义图形的样式,这里我自定义了下颜色;

@startmindmap
+[#17ADF1] mall学习路线
++[#lightgreen] 推荐资料
++[#lightblue] 后端技术栈
+++_ 项目框架
+++_ 数据存储
+++_ 运维部署
+++_ 其他
++[#orange] 搭建项目骨架
++[#1DBAAF] 项目部署
+++_ Windows下的部署
+++_ Linux下使用Docker部署
+++_ Linux下使用Docker Compose部署
+++_ Linux下使用Jenkins自动化部署
--[#1DBAAF] 电商业务
---_ 权限管理模块
---_ 商品模块
---_ 订单模块
---_ 营销模块
--[#orange] 技术要点
--[#lightblue] 前端技术栈
--[#lightgreen] 进阶微服务
---_ Spring Cloud技术栈
---_ 项目部署
---_ 技术要点
--[#yellow] 开发工具
--[#lightgrey] 扩展学习
@endmindmap


这篇关于IDEA画图神器 PlantUML的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程