🔄 Mermaid

Állapotdiagram

Rögzítse egy rendszer minden állapotát és átmenetét

Példa megnyitása a szerkesztőben Generáljon egyet AI-jal

Mi az a Állapotdiagram?

Az állapotdiagram megmutatja, milyen állapotokban lehet egy objektum, és milyen események mozgatják közöttük: rendelési életciklusok, dokumentum-munkafolyamatok, felületi állapotok, kapcsolatkezelés. Nélkülözhetetlen, amikor számít a kérdés: „milyen állapotban vagyunk?”.

Élő példa

Mermaid kód

stateDiagram-v2
    [*] --> Draft
    Draft --> Review : submit
    Review --> Draft : request changes
    Review --> Approved : approve
    Approved --> Published : publish
    Published --> Archived : archive
    Archived --> [*]

Élő példa

Mikor érdemes használni

Rendelések, jegyek vagy dokumentumok életciklusának modellezése

UI-komponensek és kapcsolatok állapotainak megtervezése

Státuszátmenetek üzleti szabályainak specifikálása

Alapszintaxis

.mmd

stateDiagram-v2
    [*] --> Idle
    Idle --> Active : start
    Active --> [*] : stop

Kérdések erről a diagramról

Mi a különbség a folyamatábrához képest?

A folyamatábra egy folyamatot követ az elejétől a végéig. Az állapotdiagram egyetlen dolog összes lehetséges állapotát írja le, és hogy mely események váltanak ki átmeneteket — beleértve a ciklusokat és a hibaállapotokat is.

Támogatja a Mermaid az egymásba ágyazott állapotokat?

Igen — a stateDiagram-v2 támogatja az összetett (beágyazott) állapotokat, az elágazásokat, az összekapcsolásokat, a választásokat és a jegyzeteket a valósághű állapotgépekhez.

Fedezze fel a többi diagramtípust

🔀 Folyamatábra 💬 Szekvenciadiagram 🧩 Osztálydiagram 🗄️ Egyed-kapcsolat diagram 📅 Gantt-diagram 🥧 Kördiagram 🧠 Gondolattérkép 🌿 Git-gráf 🕰️ Idővonal 🚶 Felhasználói útvonal 🎯 Kvadránsdiagram

Készítse el Állapotdiagram diagramját most

Írja le hétköznapi nyelven — az AI megírja Ön helyett a Mermaid kódot.

Mermaid Studio megnyitása