Blazor Server - إنشاء أول Component

Blazor Server - إنشاء أول Component

في هذا الدرس سنقوم بإنشاء أول مكون (Component) مخصص لنا داخل مشروع Blazor Server.

🔹 خطوات إنشاء مكون جديد:

• 1️⃣ اضغط بزر الفأرة الأيمن على مجلد Pages أو Shared.
• 2️⃣ اختر Add > Razor Component.
• 3️⃣ سمِ المكون مثلاً MyFirstComponent.razor.
• 4️⃣ اضغط Add.

🔹 كتابة الكود داخل المكون:

// ملف MyFirstComponent.razor

<h3>مرحبًا بك في أول مكون Blazor خاص بك!</h3>

<p>التاريخ والوقت الحالي: @DateTime.Now</p>

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

يمكنك إدراج المكون الذي أنشأته ببساطة عن طريق كتابة اسمه بين قوسين زاويين داخل أي صفحة أخرى، مثلاً في ملف Index.razor:

@page "/"

<h1>الصفحة الرئيسية</h1>

<MyFirstComponent />

✅ عند تشغيل التطبيق، سترى عنوانًا مع التاريخ والوقت يتم توليده لحظيًا داخل الصفحة الرئيسية.