💬 Mermaid

Diagram sekwencji

Pokaż, jak systemy i ludzie ze sobą rozmawiają

Otwórz ten przykład w edytorze Wygeneruj własny z AI

Czym jest Diagram sekwencji?

Diagram sekwencji pokazuje komunikaty wymieniane między uczestnikami w czasie: wywołania API, przepływy uwierzytelniania, komunikację mikroserwisów. To standardowy sposób dokumentowania interakcji w architekturze oprogramowania.

Żywy przykład

Kod Mermaid

sequenceDiagram
    autonumber
    participant U as User
    participant A as API
    participant D as Database
    U->>A: POST /login
    A->>D: SELECT user
    D-->>A: user row
    A-->>U: 200 + JWT token
    U->>A: GET /profile (Bearer)
    A-->>U: 200 profile

Żywy przykład

Kiedy go używać

Dokumentowanie przepływów API, uwierzytelniania i protokołów płatności

Projektowanie interakcji między mikroserwisami przed implementacją

Debugowanie incydentów produkcyjnych poprzez mapowanie rzeczywistego łańcucha wywołań

Podstawowa składnia

.mmd

sequenceDiagram
    participant A as Alice
    participant B as Bob
    A->>B: Sync request
    B-->>A: Async response

Pytania o ten diagram

Co oznaczają typy strzałek w diagramie sekwencji Mermaid?

Strzałki ciągłe (->>) to wywołania synchroniczne, strzałki przerywane (-->>) to odpowiedzi lub komunikaty asynchroniczne. Aktywacje pokazują, kiedy uczestnik jest zajęty przetwarzaniem.

Czy mogę pokazać pętle i warunki?

Tak — Mermaid obsługuje bloki loop, alt (if/else), opt (opcjonalny) i par (równoległy), pozwalając wyrazić logikę rzeczywistych protokołów.

Poznaj pozostałe typy diagramów

🔀 Schemat blokowy 🧩 Diagram klas 🗄️ Diagram związków encji 🔄 Diagram stanów 📅 Wykres Gantta 🥧 Wykres kołowy 🧠 Mapa myśli 🌿 Graf Git 🕰️ Oś czasu 🚶 Podróż użytkownika 🎯 Wykres ćwiartkowy

Stwórz swój Diagram sekwencji już teraz

Opisz go naturalnym językiem — AI napisze kod Mermaid za Ciebie.

Otwórz Mermaid Studio