PlanUML シーケンス図を忘れずに学習してください

序文

最近仕事の関係でPlanUMLを使ってシーケンス図を描くことを学びました最後に学んだのは大学生の時でしたもう一生こんなものには遭遇しないだろうと思っていましたがまた遭遇してしまいましたまとめてみましょう次回遭遇したら試してみます。いいですね。

プラグイン

ここに画像の説明を挿入します

次に、右クリックして新しいpumlファイルを作成し、タイミング図を描画します。

ここに画像の説明を挿入します

効果

最終結果から始めましょう:

ここに画像の説明を挿入します

コードと属性の分析

次のコード例では、上記の例のタイミング図を生成できます。

@startuml

actor User as  USER
participant  UI as UI
participant Disclaimer as Disclaimer

participant  Unconnectedpage as Unconnectedpage
participant  ConnectedManager as  ConnectedManager
queue 中间件 as "中间件"

skinparam sequenceMessageAlign center
autonumber
USER -> UI : click app
note over USER,UI: 这是一个备注
alt#Gold #LightBlue Successful
UI -> Disclaimer: 满足条件,show disclaimer dialog
else #Pink Failure
UI -->x USER :不满足条件,exit app
end
alt#Gold #LightBlue Successful
 Disclaimer ->Unconnectedpage : accept
else #Pink Failure 
Disclaimer -->x USER : refuse ,exit app
end
alt#Gold #LightBlue Successful
Unconnectedpage -> ConnectedManager: accept to open hotspot,regsiter listener
else #Pink Failure
Unconnectedpage -->x   USER : refuse to open hotspot,exit app
end
 ConnectedManager -> "中间件": send  regsiter listener request
"中间件" -> "设备": start socket server to get ip
"设备" -> "中间件": start socket client to send ip
"中间件" -> "设备": start socket  client to get  regsiter listener
"设备" -> "中间件": start socket  server to send  regsiter listener
 "中间件" -> ConnectedManager: receive  regsiter listener massge
alt#Gold #LightBlue Successful 
ConnectedManager ->  UI :connected successfully ,refresh UI  
else #Pink Failure 
ConnectedManager -->x ConnectedManager:    connected fail ,reconnection
end
@enduml

解析する

俳優

  • actor User as USER 人形

ここに画像の説明を挿入します

参加者

  • UI のデフォルト形状としての参加者 UI

ここに画像の説明を挿入します

  • キューミドルウェアを「ミドルウェア」キューとして

ここに画像の説明を挿入します

Skinparam sequenceメッセージ中央揃え

  • 矢印のテキストを中央揃えにする

ここに画像の説明を挿入します

自動番号付け

  • 矢印はシリアル番号を追加します
    ここに画像の説明を挿入します

–>×

  • UI -->x ユーザー: 条件が満たされていないため、アプリを終了します 点線 x

ここに画像の説明を挿入します

メモしておきます

  • USER,UI 上のメモ: これはメモです

ここに画像の説明を挿入します

代替

  • 条件文、かどうか

alt#Gold #LightBlue 成功した
UI -> 免責事項: 条件が満たされています。
それ以外の場合は免責事項ダイアログを表示します。#Pink 失敗
UI -->x ユーザー: 条件が満たされていないため、アプリを終了します

ここに画像の説明を挿入します


要約する

ここに記録されています

おすすめ

転載: blog.csdn.net/shop_and_sleep/article/details/132542203