代码改变世界

PlantUML 绘图

2021-07-27 10:22  清晨、午后  阅读(220)  评论(0编辑  收藏  举报

1.环境安装

sudo apt install plantuml

2.vscode 中安装插件  PlantUML

3.创建 test.puml 文件(注意文件名后缀),内容如下

@startuml
用户 -> 认证中心: 登录操作
认证中心 -> 缓存: 存放(key=token+ip,value=token)token

用户 <- 认证中心 : 认证成功返回token
用户 -> 认证中心: 下次访问头部携带token认证
认证中心 <- 缓存: key=token+ip获取token
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
其他服务 -> 用户: 信息
@enduml

4.使用 vscode 打开如上文件,在编辑区域空白处点击右键,呼出菜单 “预览当前图表”,此时vscode便会显示出绘制的 uml 图

5.在编辑区域空白处点击右键,呼出菜单 “导出...” 可以导出图片

6. 语法学习链接

https://plantuml.com/zh/sequence-diagram