|آموزش جامع Microsoft Blazor|مسیر و مسیریابی در فریم ورک Blazor|

مسیریابی در فریم ورک Blazor

مسیر و مسیریابی در فریم ورک Blazor

مسیر یک الگوی URL است و مسیریابی یک روند انطباق الگو است که درخواست ها را مانیتور می کند و تصمیم می گیرد که با هر درخواست چه کاری انجام دهد.

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

  یک مسیریاب (router) سمت کاربر ارائه می کند.

• کلاس Microsoft.AspNetCore.Blazor.Routing.Router در

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

  مسیریابی را ارائه می کند.

• در

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

  ، مولفه < Router > مسیریابی را فعال می کند، و یک قالب مسیر برای هر مولفه قابل دسترس فراهم می شود.

• مولفه < Router > در فایل App.cshtml مشاهده می شود.

< !--
 Configuring this here is temporary. Later we'll move the app config
 into Program.cs, and it won't be necessary to specify AppAssembly.
-->
                    < Router AppAssembly=typeof(Program).Assembly />

قالب های مسیر در Microsoft Blazor

در

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

با استفاده از قالب های مسیر، مسیرها را تعریف می کنیم. با افزودن بخش @page در بالای یک مولفه، می توانید یک قالب مسیر تعریف کنید.

@ page "/"

< h1>Hello, world!< /h1>

Welcome to your new app.

زمانی که کاربر به سمت www. mydomaim. com/ هدایت شود، مولفه فوق بارگذاری می شود.

مسیرهای چندگانه در فریم ورک Blazor

همچنین می توان چندین قالب مسیر برای یک مولفه مشخص کرد. این عمل از طریق تعریف چندین بخش @page میسر می شود.

@ page "/"
@ page "/index"

< h1>Hello, world!< /h1>

Welcome to your new app.

زمانی که کاربر به سمت www. mydomaim. com/ یا www. mydomaim. com/index هدایت شود، مولفه فوق بارگذاری می شود.

تعریف مسیر برای کلاس های سی شارپ در Blazor Framework

اگر مولفه خود را به عنوان یک کلاس C# خالص تعریف می کنید، می توانید قالب مسیر آن را به واسطه مجهز کردن آن با ویژگی مسیر، مشخص کنید.

[Route("/counter")]
public class CounterClass : BlazorComponent
{
    // code here
}

این چیزی است که بخش @page پس از کامپایل شدن به آن تبدیل می شود.

• زمانی که یک فایل *.cshtml به همراه بخش @page کامپایل می شود، یک ویژگی مسیر (RouteAttribute) که مشخص کننده قالب مسیر است به کلاس تولید شده داده می شود.

• در زمان اجرا، مسیریاب به دنبال کلاس های مولفه با یک ویژگی مسیر (RouteAttribute) می گردد، و هر مولفه ای که یک قالب مسیر منطبق با URL درخواست شده را داشته باشد، رندر می کند.

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

مسیریاب سمت کاربر در

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

از پارامتر های مسیر برای تجمیع پارامترهای مولفه‌ی متناظر با نام مشابه (حساس به بزرگ و کوچک بودن حروف) استفاده می کند.

@ page "/route-parameter"
@ page "/route-parameter/{text}"

< h1>Blazor is @Text!< /h1>

@ functions {
    [Parameter]
    private string Text { get; set; } = "awesome";
}

پارامترهای اختیاری در حال حاضر پشتیبانی نمی شود، بنابراین دو بخش @page در مثال فوق اعمال شده است. اولین بخش @page هدایت به سمت مولفه‌ی بدون پارامتر را مجاز می کند.

دومین بخش @page ، پارامتر مسیر {text} را می گیرد و مقدار را به خصیصه متن (Text) تخصیص می دهد.