通过编码的方式构建示意图？PlantUML你值得拥有！

前言

工作中会对需求或功能绘制流程图或时序图等，在线编辑工具我通常使用ProcessOn，除了拖拽式的构建，还有一种通过简单代码即可构建流程图或时序图等示意图的工具：PlantUML，官方网站：https://plantuml.com/zh/。

PlantUML可以构建哪些示意图？

PlantUML可以构建的示意图如下表所示：

UML图	非UML图
时序图	JSON Data
用例图	YAML Data
类图	Network diagram (nwdiag)
对象图	线框图形界面
活动图	架构图
组件图	规范和描述语言 (SDL)
部署图	Ditaa diagram
状态图	甘特图
定时图	MindMap diagram
	Work Breakdown Structure diagram
	AsciiMath 或 JLaTeXMath 符号的数学公式
	Entity Relationship diagram

安装步骤

File->Settings->Plugins，搜索PlantUML，点击安装即可。

插件安装完毕，重启IDEA后，我们开始创建第一个时序图。

创建一个时序图

接下来我们按照官方语法开始创建一个时序图。

@startuml
autonumber
actor 用户
用户 -> 购物APP: 打开购物APP
购物APP -> 购物APP:选择商品下单
购物APP -> 系统后台:生成订单信息
系统后台 -> 支付平台:根据订单信息进行支付单创建
支付平台 --> 系统后台:返回支付参数
系统后台 --> 购物APP:返回订单信息
用户 -> 购物APP:用户确认订单并申请支付
购物APP -> 支付平台:拉起支付平台APP发起支付请求
支付平台 -> 支付平台:验证支付参数并交易
用户 -> 购物APP:点击完成支付按钮
购物APP -> 系统后台:根据订单号获取支付单支付结果
系统后台 -> 支付平台:查询订单支付状态
支付平台 --> 系统后台:返回支付单支付结果
系统后台 -> 系统后台:根据支付结果处理订单状态
系统后台 --> 购物APP:返回支付状态
购物APP -> 购物APP:刷新订单信息
购物APP --> 用户:展示支付结果
@enduml

总结

官方网站上面的教程很详细，语法简单，上手很容易，我就不在这画蛇添足了，它是有强迫症喜欢横平竖直的同学们的必备工具。官方网站提供了一份用户指南分享给大家，如果下载需要积分，那还是去官网下载吧！
PlantUML也提供了在线编辑的方式，但是与ProcessOn相比，它是无法云端保存的。