关于 Blazor 服务器上的页面更新

Question

很抱歉，这个非常初级的问题。

我正在为 Blazor Server 上的生产设备编写一个简单的管理应用程序。 我想在 Blazor 页面上查看该数据，因为完成的件数每秒从生产设备更新到数据库。

具体来说，我想在数据库刷新后或每隔几秒（例如，每 10 秒）刷新一次页面。

但是，我不知道如何制作其中任何一个。 应该如何考虑和实施？

对于这个非常抽象的问题，我很抱歉，但我想要一些建议。谢谢。

Answer 1

因此，除非您的数据库发布了您的应用可以侦听的事件，否则您将需要在设定的时间间隔内查询数据库。

此解决方案也适合您的情况：Blazor Timer call async API task to update UI

基本上你会设置一个计时器。这是微软的通用文档：https://docs.microsoft.com/en-us/dotnet/api/system.threading.timer?view=net-5.0

这看起来实际上是当组件初始化时，您将放置您的代码。

我个人在@code 部分有以下内容：

private System.Timers.Timer DelayTimer;

async void timer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
{
    await CheckForNotifications();
}

async Task CheckForNotifications()
{
    // Your Code goes here.
    StateHasChanged();
}

protected override async Task OnInitializedAsync()
{
    _log.Information("Component is Initialized.");
    await CheckForNotifications();

    DelayTimer = new System.Timers.Timer((double)(60 * 1000 * 3)); // 60 seconds * 3 is 3 minutes.
    DelayTimer.Elapsed += timer_Elapsed;
    DelayTimer.AutoReset = true;
    DelayTimer.Start();
    _log.Debug("Timer Started.");

}