UML 时序图 工具 WebSequenceDiagrams - Draw sequence diagrams online in seconds

在线 uml 时序图 工具

https://www.websequencediagrams.com/

请看 http://www.websequencediagrams.com/. 

用描述性语言来画时序图,感觉比用传统鼠标为中心的画图工具效率高很多. 具体自己看介绍, 使用起来很简单. 生成的图片而且还支持9种模板. 这个也提供插件可以整合到Confluence, Trac. 支持java, ruby 和python调用. 

这里是文档和例子:http://www.websequencediagrams.com/examples.html

eg

title微信统一支付1.0

participant "调用方前端" as AF
participant "调用方后端" as AB
participant "服务之窗前端" as SF
participant "服务之窗后端" as SB
participant "微信服务器" as WS

AF->AB:1.获取微信收款商户openid授权链接
AB->SB:2.请求服务之窗后台获取链接
SB->AB:3.返回链接
AB->AF:4.返回链接
AF->WS:5.点击链接请求微信服务器获取code
WS->AF:6.返回code和state
AF->AB:7.获取openid
AB->SB:8.请求服务之窗后台获取openid
SB->WS:9.调用API获取openid
WS->SB:10.返回openid
SB->AB:11.返回openid
AB->AF:12.返回openid
AF->AF:13.获取openid后跳转回订单页面
AF->AB:14.发起支付
AB->SB:15.调用支付接口
SB->WS:16.调用预支付API
WS->SB:17.生成预支付订单,返回支付参数
SB->SF:18.携带支付参数到支付页面
SF->WS:19.发起微信支付
WS->SF:20.返回支付结果
SF->AF:21.根据支付结果跳转调用方成功/失败页面
WS-->SB:回调接口:支付结果状态回调
SB-->AB:回调接口:支付结果状态回调

https://www.sequencediagram.org/

请先后发表评论
  • 最新评论
  • 总共0条评论