🔄 Mermaid

Tilakaavio

Tallenna järjestelmän jokainen tila ja siirtymä

Avaa tämä esimerkki editorissa Generoi tekoälyllä

Mikä on Tilakaavio?

Tilakaavio näyttää tilat, joissa olio voi olla, sekä tapahtumat, jotka siirtävät sitä tilasta toiseen: tilausten elinkaaret, dokumenttityönkulut, käyttöliittymätilat, yhteyksien hallinta. Välttämätön aina, kun ”missä tilassa olemme?” on tärkeää.

Elävä esimerkki

Mermaid-koodi

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

Elävä esimerkki

Milloin käyttää

Mallinna tilausten, tikettien tai dokumenttien elinkaaria

Suunnittele käyttöliittymäkomponenttien ja yhteyksien tiloja

Määrittele liiketoimintasäännöt tilasiirtymien ympärille

Perussyntaksi

.mmd

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

Kysymyksiä tästä kaaviosta

Mikä ero on vuokaavioon?

Vuokaavio seuraa prosessia alusta loppuun. Tilakaavio kuvaa yhden asian kaikki mahdolliset tilat ja sen, mitkä tapahtumat aiheuttavat siirtymät — mukaan lukien syklit ja virhetilat.

Tukeeko Mermaid sisäkkäisiä tiloja?

Kyllä — stateDiagram-v2 tukee yhdistelmätiloja (sisäkkäisiä), forkkeja, joineja, valintoja ja muistiinpanoja realistisia tilakoneita varten.

Tutustu muihin kaaviotyyppeihin

🔀 Vuokaavio 💬 Sekvenssikaavio 🧩 Luokkakaavio 🗄️ ER-kaavio 📅 Gantt-kaavio 🥧 Piirakkakaavio 🧠 Miellekartta 🌿 Git-graafi 🕰️ Aikajana 🚶 Käyttäjäpolku 🎯 Nelikenttäkaavio

Luo oma Tilakaavio nyt

Kuvaile se tavallisella kielellä — tekoäly kirjoittaa Mermaid-koodin puolestasi.

Avaa Mermaid Studio