|آموزش کامل Blazor Framework|کامپوننت ها در Blazor|

معرفی کامپوننت های Blazor

یک مولفه تکه ای از واسط کاربری (UI) از جمله صفحه، گفتگو یا فرم است.

برنامه فریم ورک بلیزر

با استفاده از مولفه هایی ساخته شده اند که منعطف و سبک هستند و قابلیت تو در تو شدن، استفاده مجدد و همچنین اشتراک گذاری بین پروژه ها را دارد.

• مولفه، عنصر اصلی

  برنامه های blazor framework

  است. به عنوان مثال، در

  فریمورک بلیزر

  هر صفحه به عنوان یک مولفه در نظر گرفته می شود.

• فریمورک بلیزر

  از ترکیب کدهای Razor ، HTML و C# به عنوان یک مولفه استفاده می کند.

کلاس مولفه ها در فریمورک Blazor

یک مولفه در

فریم ورک بلیزر

به عنوان یک کلاس شامل نشانگر HTML برای رندر شدن به همراه منطق پردازش مورد نیاز برای تزریق داده یا پاسخ به رویداد های UI معرفی می شود.

@ page “/counter”

< h1>Counter< /h1>
  
< p>Current count: @ currentCount

< button class=”btn btn-primary” onclick=”@IncrementCount”>Click me< /button>

@ functions {
    int currentCount = 0;

    void IncrementCount()
    {
        currentCount++;
    }
}

• مولفه های

  فریمورک بلیزر

  با استفاده از ترکیب نشانگر های C# و HTML در فایل های *.cshtml پیاده سازی می شوند.

• واسط کاربری (UI) برای یک مولفه با استفاده از HTML تعریف می شود، در حالی که رندر (render) پویای منطق هایی مانند حلقه ها، شرط ها و عبارات با استفاده از نحو نهفته C# (embedded C# syntax) به نام Razor افزوده می شود.

• در بلاک تابع، می توانیم تمام خصیصه های مورد استفاده در نشانگر منظر (view markup) را تعریف کنیم، و متد ها به عنوان یک رویداد با کنترل محدود می شوند.

• زمانی که یک

  برنامه فریم ورک بلیزر

  با استفاده از ترکیب نشانگر های C# و HTML در فایل های *.cshtml پیاده سازی می شوند.

اعضا کلاس مولفه ها در فریمورک Blazor

اعضای کلاس مولفه در بلاک @functions تعریف می شوند. می توانید از بیش از یک بلاک @functions در یک مولفه استفاده کنید.

• در بلاک @functions ، وضعیت مولفه از جمله خصیصه ها و فیلدها، به همراه متدها برای اداره رویدادها یا برای تعریف سایر منطق های مولفه، مشخص می شود.

• سپس می توان از اعضای مولفه به عنوان بخشی از منطق رندر مولفه (component's rendering logic) با استفاده از عبارات C# که با @ شروع می شوند، استفاده کرد.