uml-泳道图-tu - 技术栈

泳道图，一种UML活动图；

UML包含了泳道图

实线箭头表示消息的发出，往下发送

虚线箭头表示Return Message，一般用于表示方法调用后的返回信息

alt

抉择用来指明在两个或更多的消息序列之间的互斥的选择，相当于经典的if...else...。

Loop、Opt、Par和Alt

loop opt part alt--link

demo

sql 复制代码

@startuml
!$gitee_origin = "https://gitee.com/jarrodquan/plantuml-style/raw/master/"
!$origin_url = $gitee_origin
!$head_url = $origin_url + "head.puml"
!include $head_url
!includeurl $style_core_url
title  新版本-积分兑换-优惠劵
autonumber
participant 前端页面
participant getActivityPageInfoV2
participant bindMobileV2
participant exchangeCouponV2
note left
 cancel 方法
end note
 前端页面-> getActivityPageInfoV2:获取活动落地页
 getActivityPageInfoV2-->前端页面:返回页面
 前端页面->bindMobileV2:no register
 bindMobileV2-->前端页面:返回法律弹窗和第三方链接地址
 前端页面-->前端页面:访问第三方页面\n得到ticket
 前端页面->前端页面:回到活动落地页
 前端页面->getActivityPageInfoV2:获取访问bindMobileV2参数
 getActivityPageInfoV2-->前端页面:返回访问bindMobileV2参数
 前端页面->bindMobileV2:
 bindMobileV2-->前端页面:返回兑换积分页面和\n访问exchangeCouponV2参数
 前端页面->前端页面:选择兑换积分的类型
 前端页面->exchangeCouponV2:发起积分兑换
 exchangeCouponV2-->前端页面:兑换积分返回兑换结果页面
@enduml

本地渲染更快

复制代码

!$origin_url = "./head/"
!$head_url = $origin_url + "head.puml"
!include $head_url

' 可选的引用
' Optional reference
!includeurl $style_core_url

其他好用的样式

click