|آموزش کامل Blazor Framework|ساخت کامپوننت با code behind در فریمورک Blazor|

ساخت کامپوننت در فریم ورک Blazor

ساخت کامپوننت با code behind در فریمورک Blazor

در هنگام ساخت یک مولفه بلیزر، میتوان نشانگر منظر (view markup) و منطق کد C# را در فایل های مجزا ایجاد کرد.

• از بخش @inherits برای ارائه اطلاعاتی به

  کامپایلر در فریم ورک blazor

  استفاده می شود، از جمله اینکه کلاس تولید شده از منظرrazor (Razor view) را از کلاس مشخص شده توسط این بخش مشتق کند.

• کلاس مشخص شده توسط بخش @inherits باید از کلاس BlazorComponent به ارث برده شود (be inherited). این کلاس تمامی عملیات پایه را برای مولفه فراهم می آورد.

اجازه دهید منطق کد C# را از فایل Counter.cshtml جا به جا کنیم تا کلاس code behind را جدا کنیم.

using Microsoft.AspNetCore.Blazor.Components;

namespace BlazorApplication
{
    public class CounterClass : BlazorComponent
    {
        public int CurrentCount { get; set; }

        public void IncrementCount()
        {
            CurrentCount += 5;
        }
    }
}

فایل Counter.cshtml تنها با افزودن @inherits CounterClass از خصیصه ها و متدهای کلاس code behind استفاده خواهد کرد.

@ page "/counter"
@ inherits CounterClass
  
< h1>Counter< /h1>
  
< p>Current count: @CurrentCount< /p>
  
< button class="btn btn-primary" onclick="@IncrementCount">Click me< /button>

کامپایلر در فریم ورک blazor

برای تمامی صفحات منظر، کلاسی هم نام با نام صفحه تولید می کند، بنابراین در اینجا یک کلاس پایه مشخص شده نمی تواند نامی مشابه با منظر razor داشته باشد. این عمل می تواند منجر به بروز خطا در زمان کامپایل شود.

حال، زمانی که دکمه click me فشرده شود، شمارنده 5 تا افزایش میابد.