DevBento logoDevBento
Araçlar/Mermaid Diyagram Editörü/Mermaid Sıra Diyagramı Oluşturucu

Mermaid Sıra Diyagramı Oluşturucu

Mermaid sözdizimi ile sıra diyagramları oluşturun. Katılımcılar, mesajlar, aktivasyon çubukları, döngüler ve alt blokları. Canlı önizleme.

Şablonlar:

Editör yükleniyor...

Diyagram önizlemesi burada görünecek...

İlgili Araçlar
.mdMarkdown Önizleme
Markdown'ı gerçek zamanlı HTML'ye dönüştürün. GFM desteği ile tablo, görev listesi, kod blokları ve üstü çizili metin. HTML çıktısını tek tıkla kopyalayın.
</>SQL / CSS / HTML Formatlayıcı
SQL sorgularını, CSS stil sayfalarını ve HTML kodlarını sözdizimi vurgulama ile biçimlendirin ve küçültün. Tarayıcınızda çalışır, sunucuya veri gönderilmez.
{}JSON Formatlayıcı ve Doğrulayıcı
JSON verilerini güzel yazdırma, küçültme ve doğrulama aracı. Sözdizimi vurgulama, interaktif ağaç görünümü ve satır numaraları ile anlık hata tespiti.
+/-Metin Karşılaştırma Aracı (Diff Checker)
İki metin bloğunu yan yana veya satır içi görünümde karakter düzeyinde vurgulama ile karşılaştırın. Eklemeleri, silmeleri ve değişiklikleri anında bulun.
SVG Viewer & Optimizer
Export diagram as SVG

Mermaid Sıra Diyagramı Sözdizimi

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.

Katılımcılar

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.

Mesaj Türleri

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ı)

Aktivasyon Çubukları

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.

Kontrol Akışı

Koşullar

alt Başarılı
    API-->>İstemci: 200 OK
else Bulunamadı
    API-->>İstemci: 404
end

Döngüler

loop Her 30 saniyede
    İstemci->>API: Sinyal
    API-->>İstemci: ACK
end

İsteğe bağlı

opt Önbellek varsa
    API->>Önbellek: Sonucu al
    Önbellek-->>API: Önbelleklenmiş veri
end

Notlar

Note left of API: JWT doğrular
Note right of DB: Okuma yedeği
Note over İstemci,API: Yalnızca HTTPS

Numaralandırma

sequenceDiagram sonrası autonumber ekleyin, her mesajı otomatik numaralandırmak için.

Pratik Desenler

REST API kimlik doğrulama

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.

© 2026 devbento.dev · yerel olarak geliştirildiChangelog