Blazor Server - توجيه الصفحات (Routing)

Blazor Server - توجيه الصفحات (Routing)

التوجيه (Routing) هو تحديد أي مكون يتم عرضه بناءً على عنوان URL الذي يدخله المستخدم.

🔹 كيف نحدد مسار لصفحة أو مكون:

نستخدم التوجيه عبر كتابة @page في أعلى ملف الـ .razor.


// ملف Contact.razor

@page "/contact"

<h1>تواصل معنا</h1>

<p>صفحة التواصل.</p>

🔹 التنقل بين الصفحات:

يمكنك إنشاء رابط بين الصفحات باستخدام مكون <NavLink> أو <Link>.


// مثال على NavLink

<NavLink href="/contact" class="nav-link">
    تواصل معنا
</NavLink>

🔹 ملاحظات إضافية:

  • يمكنك تحديد أكثر من مسار لنفس الصفحة باستخدام أكثر من @page.
  • التوجيه يتم مع الحفاظ على تجربة المستخدم بدون إعادة تحميل كامل للصفحة (Single Page Application).

✅ بهذه الطريقة، تستطيع بناء تطبيقات متعددة الصفحات بسهولة وسلاسة داخل Blazor.

تعليقات

المشاركات الشائعة من هذه المدونة

HTML - Text Formatting تنسيقات النص

1.1 SQL Introduction

Entity Framework - مقدمة عن Entity Framework