文章中图形的类型

架构图

https://app.diagrams.net/?src=about

复杂的架构图都可以使用这个进行搭建

plant-uml

在vscode中搜索plantuml进行安装，然后新建xx.puml文件。写好如下代码之后，使用 command+shift+p 打开控制台，找到 plantuml preview 就能进行预览了。当然他是支持实时预览的，修改代码后，等待1.2s就能看到效果。

@startuml
客户端 -> 服务器 : 验证请求
alt 验证成功
    客户端 -> 服务器 : 验证响应
else 验证失败 ：第一种失败情况
    客户端 -> 服务器 : 验证失败
    group 自定义的分组情况
        客户端 -> 日志服务 : 开始记录日志
    loop 循环 1000 次
        客户端 -> 服务器 : DNS 尝试
    end
客户端 -> 日志服务 : 结束日志记录
end
else 验证失败12：第二种失败情况
    客户端 -> 服务器 : 要求客户端重新请求
end
@enduml

效果图