Zum Inhalt springen
Mernyx
Menü öffnen

Mermaid Ereignismodellierung-Spickzettel

Wie sich die Information über die Zeit verändert hat.

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.

Die Zeitrahmen

Ein Zeitrahmen ist eine Zahl, eine Art und ein Name. Die Art ist ui, cmd, evt, rmo oder pcr.

eventmodeling
    tf 01 ui CartUI
    tf 02 cmd AddItem
    tf 03 evt ItemAdded
Ein Diagramm der Ereignismodellierung mit drei Rahmen in einer Reihe: eine Benutzeroberfläche namens „CartUI“, ein Befehl namens „AddItem“ und ein Ereignis namens „ItemAdded“.Diagramm vergrößern

Worauf der Befehl wirkt

Der Pfeil zeigt auf den zuerst gekommenen Rahmen, und die Klammern enthalten die Nutzlast.

eventmodeling
    tf 01 ui Shop.Cart
    tf 02 cmd Ordering.AddItem ->> 01 { sku: "S" }
Ein Diagramm der Ereignismodellierung, in dem ein Befehl, „Ordering.AddItem“, auf einen Benutzeroberflächen-Rahmen zurückzeigt, mit einer Nutzlast „sku: S“.Diagramm vergrößern

Ereignisse folgen Befehlen

Ein Ereignis zeigt auf den Befehl, der es verursacht hat.

eventmodeling
    tf 01 ui Shop.Cart
    tf 02 cmd Ordering.AddItem ->> 01
    tf 03 evt Ordering.ItemAdded ->> 02 { sku: "S" }
Ein Diagramm der Ereignismodellierung mit einem Benutzeroberflächen-Rahmen, einem Befehlsrahmen und einem Ereignisrahmen, von denen jeder auf den vorherigen zurückzeigt.Diagramm vergrößern

Die Ereignisse zurücklesen

Ein Read Model ist rmo, und es zeigt auf das Ereignis, aus dem es gebaut ist.

eventmodeling
    tf 01 ui Shop.Cart
    tf 02 cmd Ordering.AddItem ->> 01
    tf 03 evt Ordering.ItemAdded ->> 02
    tf 04 rmo CartView ->> 03
Ein Diagramm der Ereignismodellierung mit vier Rahmen: eine Benutzeroberfläche, ein Befehl, ein Ereignis und ein Read Model namens „CartView“, das auf das Ereignis zurückzeigt.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