我查看了有关如何预渲染 Blazor 服务器应用程序然后分两次渲染的各种文章。我已经审查了生命周期,并且非常清楚这是预期的行为,主要是为了提供良好的性能。我不想关闭预渲染,所以在加载数据结构和类似的东西时我必须考虑它。
我需要能够运行与数据库交互一次的代码。我查看了各种应该有助于解决此问题的事件,但似乎没有一个起作用。
我看到的主要问题之一是,我用来记录第一遍的任何布尔变量都不会在第二遍期间保留该值,因此我无法使用它来避免重复工作。
换句话说,根据我的经验,第二遍的行为就好像第一遍从未发生过一样,因此第一遍中设置的任何内容在第二遍期间都不可用。
这使得管理双重渲染变得不可能。
如果我这样做,我最终会看到一个开发错误页面:
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
Console.WriteLine("Bink");
//await OnInitializedAsync();
}
else
{
await Initialize();
}
}
如果我这样做,在 If 语句中检查时 isInitialized 变量永远不会设置为 true。它总是错误的,所以看起来每个通道都完全独立于前一个通道,这不是我理解它的工作方式。:
protected override async Task OnParametersSetAsync()
{
if(isInitialized)
{
return;
}
isInitialized = true;
await Initialize();
//await base.OnParametersSetAsync();
}
如何实现一个只运行一次初始化代码同时保留两遍渲染的解决方案?我看到很多解决方案应该有效,但没有一个有效,那么我该如何解决这个问题?
第一个和第二个加载在两个不同的上下文中运行。他们唯一共享的是单例服务。
您可以使用以下方法检测负载IHttpContextAccessor
.
将服务添加到Program
:
builder.Services.AddHttpContextAccessor();
在任何页面或组件中,您都可以执行以下操作:
@page "/"
@inject IHttpContextAccessor HttpContextAccessor
<PageTitle>Index</PageTitle>
<h1>Hello, world!</h1>
Welcome to your new app.
<SurveyPrompt Title="How is Blazor working for you?" />
@code {
private bool _isServerRender;
protected override void OnInitialized()
=> _isServerRender = !(HttpContextAccessor.HttpContext is not null && HttpContextAccessor.HttpContext.Response.HasStarted);
protected override Task OnInitializedAsync()
{
if (_isServerRender)
{
// Do minumum to dispay page
return base.OnInitializedAsync();
}
// Do normal stuff
return base.OnInitializedAsync();
}
}
在哪里使用此代码取决于您想要实现的目标。你可以运行它Index
,或者你可以运行它App
并只显示加载屏幕。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)