DevBento logoDevBento
Araçlar/Mermaid Diyagram Editörü/Mermaid Sınıf Diyagramı

Mermaid Sınıf Diyagramı

Mermaid sözdizimi ile UML sınıf diyagramları oluşturun. Sınıflar, arayüzler, kalıtım, kompozisyon ve görünürlük değiştiricileri. 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ınıf Diyagramı Sözdizimi

Sınıf diyagramları, sınıfları, özelliklerini ve yöntemlerini ve aralarındaki ilişkileri haritalayarak bir sistemin yapısını gösterir. Nesne yönelimli tasarımları, API istemci kitaplıklarını ve alan modellerini belgelemek için standart UML diyagramıdır. Mermaid, bunları kodun kendisinin basitleştirilmiş bir versiyonu gibi okunan bir metin tanımından işler.

Sınıfları Tanımlama

classDiagram
    class UserService {
        -UserRepository repo
        -Logger logger
        +getUser(id) User
        +createUser(data) User
        +deleteUser(id) void
        -validate(data) bool
    }

Sınıf bloğunun içindeki her satır bir üyeyi tanımlar. Format alanlar için görünürlük ad tür ve yöntemler için görünürlük ad(parametreler) dönüşTürü şeklindedir.

İlişkiler

İlişkiler ok sözdizimi kullanılarak sınıflar arasına çizilir:

classDiagram
    Animal <|-- Dog : extends
    Animal <|-- Cat : extends
    Dog *-- Leg : has
    Owner o-- Pet : owns
    Kennel --> Dog : houses
    Animal ..> Food : depends on

İlişki Türleri

Sözdizimi Tür Anlamı
`A < – B` Kalıtım
`A < .. B` Gerçekleme
A *-- B Kompozisyon B, A’nın parçasıdır, yaşam döngüsü bağlı
A o-- B Toplama B, A’ya aittir, yalnız var olabilir
A --> B İlişkilendirme A, B’ye başvurur
A ..> B Bağımlılık A, B’yi geçici olarak kullanır

Ek Açıklamalar

Sınıfları soyut, arayüz, numaralandırma veya herhangi bir özel stereotip olarak işaretleyin:

classDiagram
    class Shape {
        <<abstract>>
        +area() double
        +perimeter() double
    }
    class Drawable {
        <<interface>>
        +draw(canvas) void
    }

Jenerikler

Açılı parantezler yerine tilde kullanın:

classDiagram
    class Repository~T~ {
        +findById(id) T
        +save(entity T) T
    }

Bu sınıfların çalışma zamanında nasıl etkileşime girdiğini belgelemek için Mermaid Sıra Diyagramı aracını 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