رفع مشکل لود مجدد اطلاعات از سرور در Blazor
در یک page در پروژه که با Blazor web app نوشتم اطلاعات 2 بار از دیتابیس واکشی میشه و نمایش داده میشه.
@page "/product"
@attribute [StreamRendering]
@rendermode InteractiveServer
<div>
...دستورات html نمایش کالاها
</div>
@code {
ProductDto[] _products;
protected override async Task OnInitializedAsync()
{
await Task.Delay(5000);
_product = DbContext.Products;
}
}
در واقع وقتی صفحه رو باز میکنم 5 ثانیه تاخیر ایجاد کردم تا اطلاعات نمایش داده بشن. اما بعد از 5 ثانیه یک لحظه اطلاعات نمایش داده میشن و مجدد اطلاعات رو میره از دیتابیس میخونه. چه مشکلی بنظرتون وجود داره ؟
مشکل کد شما این هست که StreamRendering و InteractiveServer رو با هم استفاده کردید. به طور پیش فرض خود StreamRendering باعث میشه ابتدا بخش های Static صفحه لود بشن و سپس درخواست لود اطلاعات داینامیک رو میده. اما در InteractiveServer هم یکبار دیگه درخواست لود اطلاعات داده میشه. پس عملا باعث میشه دو بار اطلاعات لود بشن.
برای رفع این مشکل باید InteractiveServer رو به صورت PreRender اجرا نکنیم. برای این کار به صورت زیر عمل کنید :
@page "/product"
@attribute [StreamRendering]
@rendermode @(new InteractiveServerRenderMode(prerender:false))
<div>
...دستورات html نمایش کالاها
</div>
@code {
ProductDto[] _products;
protected override async Task OnInitializedAsync()
{
await Task.Delay(5000);
_product = DbContext.Products;
}
}
در کد بالا خاصیت PreRender رو false کردیم تا StreamRendering و InteractiveServer همزمان با هم اجرا بشن و صفحه 2 بار لود نشه.
|
تاریخ :
1403/11/30
- ساعت :
12:08:00 PM
- بازدید :
356
- پاسخ :
1
|
|
تاریخ :
1399/12/21
- ساعت :
10:20:00 AM
- بازدید :
2933
- پاسخ :
1
|
|
تاریخ :
1404/01/24
- ساعت :
07:09:00 AM
- بازدید :
270
- پاسخ :
0
|
|
تاریخ :
1403/12/26
- ساعت :
03:13:00 PM
- بازدید :
275
- پاسخ :
1
|
|
تاریخ :
1403/12/30
- ساعت :
06:43:00 PM
- بازدید :
243
- پاسخ :
1
|
|
تاریخ :
1403/12/27
- ساعت :
05:26:00 PM
- بازدید :
314
- پاسخ :
1
|
|
تاریخ :
1399/12/20
- ساعت :
10:32:00 AM
- بازدید :
2764
- پاسخ :
1
|
|
تاریخ :
1403/12/24
- ساعت :
06:18:00 PM
- بازدید :
266
- پاسخ :
1
|
|
تاریخ :
1403/12/26
- ساعت :
03:04:00 PM
- بازدید :
241
- پاسخ :
1
|
|
تاریخ :
1399/09/20
- ساعت :
01:21:00 PM
- بازدید :
7047
- پاسخ :
1
|
|
تاریخ :
1404/04/12
- ساعت :
01:15:00 PM
- بازدید :
6
- پاسخ :
0
|
|
تاریخ :
1399/12/17
- ساعت :
02:47:00 PM
- بازدید :
8024
- پاسخ :
4
|
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2660
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
02:25:00 PM
- بازدید :
37
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
45
- پاسخ :
1
|
|
تاریخ :
1404/03/22
- ساعت :
06:32:00 PM
- بازدید :
85
- پاسخ :
0
|
|
تاریخ :
1403/10/08
- ساعت :
06:22:00 PM
- بازدید :
329
- پاسخ :
1
|
|
تاریخ :
1399/07/29
- ساعت :
05:26:00 PM
- بازدید :
8987
- پاسخ :
1
|
|
تاریخ :
1404/03/22
- ساعت :
11:17:00 PM
- بازدید :
130
- پاسخ :
2
|
|
تاریخ :
1404/03/20
- ساعت :
01:31:00 PM
- بازدید :
69
- پاسخ :
1
|