🔄 Mermaid

Stavový diagram

Zachyťte každý stav a prechod systému

Otvoriť tento príklad v editore Vygenerovať vlastný s AI

Čo je Stavový diagram?

Stavový diagram zobrazuje stavy, v ktorých sa objekt môže nachádzať, a udalosti, ktoré ho medzi nimi presúvajú: životné cykly objednávok, dokumentové workflow, stavy UI, správa pripojení. Nevyhnutný vždy, keď záleží na otázke „v akom sme stave?“.

Živý príklad

Mermaid kód

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

Živý príklad

Kedy ho použiť

Modelovanie životných cyklov objednávok, tiketov alebo dokumentov

Návrh stavov UI komponentov a pripojení

Špecifikácia biznisových pravidiel pre prechody medzi stavmi

Základná syntax

.mmd

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

Otázky k tomuto diagramu

Aký je rozdiel oproti vývojovému diagramu?

Vývojový diagram sleduje proces od začiatku do konca. Stavový diagram opisuje všetky možné stavy jednej veci a udalosti vyvolávajúce prechody — vrátane cyklov a chybových stavov.

Podporuje Mermaid vnorené stavy?

Áno — stateDiagram-v2 podporuje zložené (vnorené) stavy, rozvetvenia, zlúčenia, voľby a poznámky pre realistické stavové automaty.

Preskúmať ďalšie typy diagramov

🔀 Vývojový diagram 💬 Sekvenčný diagram 🧩 Diagram tried 🗄️ Entitno-relačný diagram 📅 Ganttov graf 🥧 Koláčový graf 🧠 Myšlienková mapa 🌿 Git graf 🕰️ Časová os 🚶 Cesta používateľa 🎯 Kvadrantový graf

Vytvorte svoj Stavový diagram hneď teraz

Opíšte ho prirodzeným jazykom — AI napíše Mermaid kód za vás.

Otvoriť Mermaid Studio