# Mermaid Ereignismodellierung-Spickzettel

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

## Die Zeitrahmen

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

```mermaid
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“.](/diagrams/eventmodeling/timeline.svg)

## Worauf der Befehl wirkt

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

```mermaid
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“.](/diagrams/eventmodeling/commands.svg)

## Ereignisse folgen Befehlen

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

```mermaid
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.](/diagrams/eventmodeling/events.svg)

## Die Ereignisse zurücklesen

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

```mermaid
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.](/diagrams/eventmodeling/views.svg)

## In Mernyx zeichnen

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