doc: 增加网络状态示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor

@@ -0,0 +1,21 @@
+@page "/network-monitor"
+@inject IStringLocalizer<NetworkMonitors> Localizer
+
+<h3>@Localizer["NetworkMonitorTitle"]</h3>
+
+<h4>@((MarkupString)Localizer["NetworkMonitorDescription"].Value)</h4>
+
+<DemoBlock Title="@Localizer["NormalTitle"]"
+           Introduction="@Localizer["NormalIntro"]"
+           Name="Normal">
+    <NetworkMonitor OnNetworkStateChanged="OnNetworkStateChanged"></NetworkMonitor>
+    <section ignore>
+        <ConsoleLogger @ref="_logger"></ConsoleLogger>
+    </section>
+</DemoBlock>
+
+<DemoBlock Title="@Localizer["IndicatorTitle"]"
+           Introduction="@Localizer["IndicatorIntro"]"
+           Name="Indicator">
+    <NetworkMonitorIndicator></NetworkMonitorIndicator>
+</DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/NetworkMonitors.razor.cs

@@ -0,0 +1,20 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Server.Components.Samples;
+
+/// <summary>
+/// NetworkMonitor Sample code
+/// </summary>
+public partial class NetworkMonitors
+{
+    private ConsoleLogger _logger = null!;
+
+    private Task OnNetworkStateChanged(NetworkMonitorState state)
+    {
+        _logger.Log($"Online: {state.IsOnline} NetworkType: {state.NetworkType} Downlink: {state.Downlink} RTT: {state.RTT}");
+        return Task.CompletedTask;
+    }
+}