2.0 KiB
2.0 KiB
🧪 Mermaid Test Dosyası
Bu dosyayı VS Code'da açın ve Cmd+K V (Mac) veya Ctrl+K V (Windows) yaparak preview'ı açın.
Test 1: Basit Akış Şeması
graph TB
Start([Başlangıç])
Step1[Adım 1]
Step2[Adım 2]
Decision{Karar?}
Yes[Evet]
No[Hayır]
End([Son])
Start --> Step1
Step1 --> Step2
Step2 --> Decision
Decision -->|Evet| Yes
Decision -->|Hayır| No
Yes --> End
No --> End
style Start fill:#e1f5ff
style End fill:#e8f5e9
style Decision fill:#fff3e0
Test 2: Müşteri Panel Basit Akış
graph LR
Login[Giriş Yap]
Dashboard[Dashboard]
Domain[Domain Ekle]
Success[Başarılı]
Login --> Dashboard
Dashboard --> Domain
Domain --> Success
style Login fill:#e1f5ff
style Dashboard fill:#fff3e0
style Domain fill:#f3e5f5
style Success fill:#e8f5e9
Test 3: Sequence Diagram
sequenceDiagram
participant U as Kullanıcı
participant F as Frontend
participant A as API
participant D as Database
U->>F: Giriş Yap
F->>A: POST /login
A->>D: Kullanıcı Kontrol
D-->>A: Kullanıcı Bilgisi
A-->>F: JWT Token
F-->>U: Dashboard Göster
Test 4: ER Diagram
erDiagram
USERS ||--o{ DOMAINS : owns
USERS {
int id PK
string email
string password_hash
}
DOMAINS {
int id PK
int user_id FK
string domain_name
string status
}
✅ Başarı Kontrolü
Eğer yukarıdaki 4 diyagramı da görüyorsanız, Mermaid kurulumunuz başarılı! 🎉
Sonraki Adımlar:
- ✅
README_WORKFLOW.mddosyasını açın - ✅ Cmd+K V ile preview açın
- ✅ Tüm proje diyagramlarını görün
- ✅
WORKFLOW_DOCUMENTATION.mddosyasını inceleyin
Online Görüntüleme:
Tarayıcınızda https://mermaid.live/ açıldı. Yukarıdaki herhangi bir diyagram kodunu kopyalayıp yapıştırabilirsiniz!