رفع مشکل لود مجدد اطلاعات از سرور در 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 بار لود نشه.
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- نمایش صفحه در پنجره جدید با کلیک روی لینک (تگ a) در Asp
- افزودن مقادیر به صورت دستی به List دریافت شده از ریپازیتوری
- تفاوت بین Blazor و Angular و react.js چیست ؟
- Blazor چیست ؟ کاربرد Blazor در وب چیست ؟
- فرق بین (Blazor Client (web Assembly و Blazor Server چیست ؟
- پروژه از نوع Blazor چگونه کار می کند؟
- نمایش فرم مودال (Pop up) در بلیزر چگونه است ؟
- کامپوننت (Component) در بلیزر (Blazor) چیست ؟ کاربرد Component چیست ؟
- ارسال مقادیر بین کامپوننت ها در Blazor چگونه می باشد ؟ ارتباط بین کامپوننت ها در بلیزر
- کاربرد پارامتر RenderFragment در Blazor چیست ؟
- دلیل خطای component name cannot start with a lowercase charachter در Blazor
- مفهوم و کاربرد Event CallBack در Blazor چیست ؟