🔄 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 υποστηρίζει σύνθετες (ένθετες) καταστάσεις, διακλαδώσεις, συνενώσεις, επιλογές και σημειώσεις για ρεαλιστικές μηχανές καταστάσεων.

Εξερευνήστε άλλους τύπους διαγραμμάτων

🔀 Διάγραμμα ροής 💬 Διάγραμμα ακολουθίας 🧩 Διάγραμμα κλάσεων 🗄️ Διάγραμμα οντοτήτων-συσχετίσεων 📅 Διάγραμμα Gantt 🥧 Κυκλικό διάγραμμα 🧠 Νοητικός χάρτης 🌿 Γράφημα Git 🕰️ Χρονογραμμή 🚶 Διαδρομή χρήστη 🎯 Διάγραμμα τεταρτημορίων

Δημιουργήστε το Διάγραμμα καταστάσεων σας τώρα

Περιγράψτε το σε απλή γλώσσα — η AI γράφει τον κώδικα Mermaid για εσάς.

Ανοίξτε το Mermaid Studio