時序圖

參考

• https://blog.csdn.net/vitaviva/article/details/120735745
• 用PlantUML簡化復雜時序圖的秘訣

@startuml
skin rose
actor User as user
participant "Component A" as A
participant "Component B" as Buser -> A: Request data
activate A
A -> B: Sync Message -> data
activate B
B --> A: Return data
deactivate B
A --> user: Display data
deactivate Auser ->> A: Request another data (async)
activate A
A ->> B: Async Message -> another data
activate B
' No return message for async call, so we can leave it as it is or add a note for clarity
note right of B: Processing async request
B -->> A: (hidden,return)
deactivate B
note left of A: Async operation in progress
@enduml

@startuml
skin rose
title 生命線
participant UserUser -> A: DoWork
activate A
A -> B: createRequest >>
activate B
B -> C: DoWork
activate C
C --> B: WorkDone
destroy C
B --> A: RequestCreated
deactivate B
A -> User: Donedeactivate A
@enduml