Recuerde aprender un diagrama de secuencia PlanUML

Prefacio

Recientemente, aprendí a usar PlanUML para dibujar diagramas de secuencia debido a necesidades laborales. La última vez que aprendí esto fue cuando estaba en la universidad. Pensé que nunca volvería a encontrarme con esto en mi vida, pero lo encontré de nuevo. Resumamos y te ayudaré la próxima vez que lo encuentre.

enchufar

Luego haga clic derecho para crear un nuevo archivo puml para dibujar un diagrama de tiempos.

Efecto

Empecemos por el resultado final:

Análisis de código y atributos.

El siguiente código de ejemplo puede generar el diagrama de tiempos del ejemplo anterior.

@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

analizar gramaticalmente

actor

• actor Usuario como muñeco USUARIO

partícipe

• UI del participante como participante de forma predeterminada de UI

cola

• hacer cola de middleware como cola "middleware"

secuencia skinparamMessageAlign center

• Texto de flecha centrado

número automático

• La flecha agrega el número de serie
  

–>x

• UI -->x USUARIO: no cumple con las condiciones, salga de la aplicación línea de puntos x

nota sobre

• nota sobre USUARIO, UI: Esta es una nota sobre USUARIO

alternativo

• declaración condicional, ya sea

alt#Gold #LightBlue
UI exitosa -> Descargo de responsabilidad: se cumplen las condiciones, muestra el cuadro de diálogo de descargo de responsabilidad
else #Pink
UI fallida -->x USUARIO: no se cumplen las condiciones, sale
del final de la aplicación

---

Resumir

Por la presente queda registrado