110 lines
2.0 KiB
Markdown
110 lines
2.0 KiB
Markdown
|
# 🧪 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ı
|
|||
|
|
|
|||
|
|
```mermaid
|
|||
|
|
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ış
|
|||
|
|
|
|||
|
|
```mermaid
|
|||
|
|
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
|
|||
|
|
|
|||
|
|
```mermaid
|
|||
|
|
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
|
|||
|
|
|
|||
|
|
```mermaid
|
|||
|
|
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:
|
|||
|
|
|
|||
|
|
1. ✅ `README_WORKFLOW.md` dosyasını açın
|
|||
|
|
2. ✅ Cmd+K V ile preview açın
|
|||
|
|
3. ✅ Tüm proje diyagramlarını görün
|
|||
|
|
4. ✅ `WORKFLOW_DOCUMENTATION.md` dosyası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!
|
|||
|
|
|
|||
|
|
|