🔄 Mermaid

Dijagram stanja

Uhvatite svako stanje i prijelaz sustava

Otvori ovaj primjer u uređivaču Generiraj jedan uz AI

Što je Dijagram stanja?

Dijagram stanja prikazuje stanja u kojima objekt može biti i događaje koji ga pomiču među njima: životni ciklusi narudžbi, tijekovi dokumenata, stanja sučelja, upravljanje vezama. Neophodan kad god je važno pitanje „u kojem smo stanju?“.

Primjer uživo

Mermaid kod

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

Primjer uživo

Kada ga koristiti

Modelirajte životne cikluse narudžbi, zahtjeva ili dokumenata

Dizajnirajte stanja UI komponenti i veza

Specificirajte poslovna pravila oko prijelaza statusa

Osnovna sintaksa

.mmd

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

Pitanja o ovom dijagramu

Koja je razlika u odnosu na dijagram tijeka?

Dijagram tijeka prati proces od početka do kraja. Dijagram stanja opisuje sva moguća stanja jedne stvari i koji događaji uzrokuju prijelaze — uključujući cikluse i stanja pogreške.

Podržava li Mermaid ugniježđena stanja?

Da — stateDiagram-v2 podržava složena (ugniježđena) stanja, grananja, spajanja, izbore i bilješke za realistične automate stanja.

Istražite druge vrste dijagrama

🔀 Dijagram tijeka 💬 Sekvencijski dijagram 🧩 Dijagram klasa 🗄️ Dijagram entiteta i veza 📅 Ganttogram 🥧 Tortni dijagram 🧠 Mentalna mapa 🌿 Git graf 🕰️ Vremenska crta 🚶 Korisničko putovanje 🎯 Kvadrantni dijagram

Izradite svoj Dijagram stanja odmah

Opišite ga prirodnim jezikom — AI piše Mermaid kod umjesto vas.

Otvori Mermaid Studio