🔄 Mermaid

Диаграма на състоянията

Уловете всяко състояние и преход на една система

Отворете този пример в редактора Генерирайте своя с AI

Какво е Диаграма на състоянията?

Диаграмата на състоянията показва състоянията, в които може да се намира един обект, и събитията, които го преместват между тях: жизнени цикли на поръчки, документооборот, състояния на интерфейса, управление на връзки. Незаменима винаги когато въпросът „в какво състояние сме?“ има значение.

Пример на живо

Mermaid код

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

Пример на живо

Кога да я използвате

Моделиране на жизнени цикли на поръчки, тикети или документи

Проектиране на състояния на UI компоненти и връзки

Дефиниране на бизнес правила около преходите между статуси

Основен синтаксис

.mmd

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

Въпроси за тази диаграма

Каква е разликата с блок-схемата?

Блок-схемата проследява процес от началото до края. Диаграмата на състоянията описва всички възможни състояния на едно нещо и кои събития предизвикват преходите — включително цикли и състояния на грешка.

Поддържа ли Mermaid вложени състояния?

Да — stateDiagram-v2 поддържа композитни (вложени) състояния, разклонения, обединения, избори и бележки за реалистични машини на състоянията.

Разгледайте другите видове диаграми

🔀 Блок-схема 💬 Диаграма на последователност 🧩 Диаграма на класовете 🗄️ Диаграма същност-връзка 📅 Диаграма на Гант 🥧 Кръгова диаграма 🧠 Мисловна карта 🌿 Git граф 🕰️ Времева линия 🚶 Потребителско пътуване 🎯 Квадрантна диаграма

Създайте своята Диаграма на състоянията сега

Опишете я на обикновен език — AI пише Mermaid кода вместо вас.

Отворете Mermaid Studio