Zum Inhalt springen
Mernyx
Menü öffnen

Mermaid Sequenzdiagramm-Spickzettel

Nachrichten zwischen Beteiligten, der Reihe nach, über die Zeit.

Jedes Bild auf dieser Seite wurde gezeichnet vonMernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js — demselben Renderer, den die App für ihre Leinwand nutzt.

Beteiligte

Deklariere sie, um die Reihenfolge zu steuern. Nimm actor für die Strichfigur.

sequenceDiagram
  participant Alice
  actor Bob
  Bob->>Alice: Hi Alice
  Alice->>Bob: Hi Bob
Ein Sequenzdiagramm mit einer Teilnehmerbox für „Alice“ und einer Strichfigur für „Bob“, die zwei Nachrichten austauschen.Diagramm vergrößern

Nachrichtenpfeile

Eine gefüllte Pfeilspitze ist ein Aufruf, eine offene eine Antwort, eine Linie ohne Spitze ist nur eine Notiz.

sequenceDiagram
  Alice->>John: Hello John
  John-->>Alice: Hi Alice
  John-)Alice: A one-way note
Drei Nachrichten zwischen zwei Lebenslinien: ein durchgezogener Pfeil von Alice zu John, ein gestrichelter zurück und eine dritte Linie ohne Pfeilspitze.Diagramm vergrößern

Aktivitäten

Ein Plus öffnet einen Balken auf der Lebenslinie, ein Minus schließt ihn. Der Balken zeigt, wie lange der Aufruf dauerte.

sequenceDiagram
  Alice->>+John: Hello
  John-->>-Alice: Hi
Zwei Nachrichten zwischen Alice und John, mit einem schmalen vertikalen Aktivitätsbalken auf Johns Lebenslinie dazwischen.Diagramm vergrößern

Notizen

Notizen hängen an einem Teilnehmer oder schweben über einem Bereich von ihnen.

sequenceDiagram
  Alice->>John: Hello
  Note right of John: He answers later
  Note over Alice,John: A shared note
Ein Sequenzdiagramm mit zwei Notizboxen, einer rechts von Johns Lebenslinie und einer über beide Lebenslinien.Diagramm vergrößern

Schleifen

Ein beschrifteter Block, der sich wiederholt. Alles darin läuft einmal pro Durchlauf.

sequenceDiagram
  Alice->>John: Hello
  loop Every minute
    John->>Alice: Still there?
  end
Eine Nachricht von Alice zu John, dann eine Box namens „Every minute“ mit einer Nachricht von John zurück an Alice.Diagramm vergrößern

Alternativen

alt und else sind das if/else eines Sequenzdiagramms.

sequenceDiagram
  Alice->>John: Hello
  alt John is a robot
    John-->>Alice: Beep
  else John is a human
    John-->>Alice: Hello there
  end
Eine Nachricht von Alice zu John, dann ein alt-Block mit zwei Zweigen, einer für einen Roboter und einer für einen Menschen.Diagramm vergrößern

Die Schritte nummerieren

autonumber setzt eine Nummer an jede Nachricht, der Reihe nach.

sequenceDiagram
  autonumber
  Alice->>John: Hello
  John-->>Alice: Hi
  Alice->>John: Still there?
Ein Sequenzdiagramm mit drei Nachrichten, jede mit einer kleinen nummerierten Plakette am Pfeil.Diagramm vergrößern

Optionale Schritte

opt markiert einen Block, der stattfinden kann oder nicht.

sequenceDiagram
  Alice->>John: Hello
  opt If he feels like it
    John-->>Alice: Hi
  end
Eine Nachricht von Alice zu John, dann ein optionaler Block mit einer Antwort von John.Diagramm vergrößern

In Mernyx zeichnen

Öffne eine .mmd-Datei, verschiebe einen Knoten auf der Canvas, und der Quellcode kommt mit. Nativ auf macOS, ohne Browser dazwischen.

Diagrammvorschau