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!
|
||
|
||
|