Mermaid sözdizimi ile sıra diyagramları oluşturun. Katılımcılar, mesajlar, aktivasyon çubukları, döngüler ve alt blokları. Canlı önizleme.
Editör yükleniyor...
Diyagram önizlemesi burada görünecek...
Sıra diyagramları, bileşenlerin zaman içinde nasıl etkileşime girdiğini gösterir. Her dikey çizgi bir katılımcıdır (hizmet, kullanıcı, sistem) ve yatay oklar aralarında geçen mesajlardır. API akışlarını, kimlik doğrulama el sıkışmalarını ve dağıtık sistem etkileşimlerini belgelemek için standart yöntemdir.
Sıralarını soldan sağa kontrol etmek için katılımcıları bildirin:
sequenceDiagram
participant Tarayıcı
participant API
participant Veritabanı
Açık participant bildirimleri olmadan, Mermaid onları ilk göründükleri sırayla oluşturur. İnsan kullanıcılar için participant yerine actor kullanın.
| Sözdizi | Anlamı |
|---|---|
A->>B: metin |
Senkron çağrı (düz çizgi, dolu ok) |
A-->>B: metin |
Async/dönüş (kesikli çizgi, dolu ok) |
A-xB: metin |
Kayıp mesaj (düz, çarpı) |
A--xB: metin |
Kayıp async (kesikli, çarpı) |
Bir katılımcının aktif olarak işlem yaptığını gösterin:
sequenceDiagram
İstemci->>+API: İstek
API->>+DB: Sorgu
DB-->>-API: Sonuç
API-->>-İstemci: Yanıt
->> sonrası + hedefi etkinleştirir. - devre dışı bırakır.
alt Başarılı
API-->>İstemci: 200 OK
else Bulunamadı
API-->>İstemci: 404
end
loop Her 30 saniyede
İstemci->>API: Sinyal
API-->>İstemci: ACK
end
opt Önbellek varsa
API->>Önbellek: Sonucu al
Önbellek-->>API: Önbelleklenmiş veri
end
Note left of API: JWT doğrular
Note right of DB: Okuma yedeği
Note over İstemci,API: Yalnızca HTTPS
sequenceDiagram sonrası autonumber ekleyin, her mesajı otomatik numaralandırmak için.
Bu örneğin başlangıç durumu, ardından kimliği doğrulanmış bir isteğin izlediği eksiksiz bir giriş akışı gösterir. Bu desen neredeyse her web uygulamasında görülür.
Veri modeli belgelemesi için Mermaid ER Diyagramı tablo ilişkilerini gösterir. Zaman sıralaması olmayan süreç akışları için Mermaid Akış Şeması kullanın.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.