Blazor Bootstrap 組件庫瀏覽器通知組件介紹

• 2022 年 4 月 16 日
• 筆記
• Blazor, BootstrapBlazor, .NET6, Blazor組件

通知組件

通過瀏覽器API發送通知資訊 , 桌面瀏覽器表現為右下角系統提示框彈出消息, 移動瀏覽器表現為彈窗或者到消息列表, blazor頁面不在前台也可以通過本組件提醒用戶.

DEMO //www.blazor.zone/notifications

小提示

注意: 出於安全考慮，當網頁請求發送通知時，用戶會被提示進行授權

使用 BrowserNotification 靜態方法直接調用 Dispatch 方法

private NotificationItem Model { get; set; } = new NotificationItem();

private async Task Dispatch()
{
    Interop ??= new JSInterop<Notifications>(JSRuntime);
    await BrowserNotification.Dispatch(Interop, this, Model, nameof(ShowNotificationCallback));
}

[JSInvokable]
public void ShowNotificationCallback(bool result)
{
    // callback
    StateHasChanged();
}

通知類定義 NotificationItem

Blazor Bootstrap 組件庫文檔

//www.blazor.zone

寫在最後

　　希望大佬們看到這篇文章，能給項目點個star支援下，感謝各位！

star流程：

1、訪問點擊項目鏈接：BootstrapBlazor

　　//gitee.com/LongbowEnterprise/BootstrapBlazor

2、點擊star，如下圖，即可完成star，關注項目不迷路：
　　
　　

另外還有兩個GVP項目，大佬們方便的話也點下star唄，非常感謝：

　　BootstrapAdmin 項目地址：

　　//gitee.com/LongbowEnterprise/BootstrapAdmin

　　SliderCaptcha 項目地址：

　　//gitee.com/LongbowEnterprise/SliderCaptcha

交流群（QQ）歡迎加群討論

　　 BA & Blazor ①（795206915）　　　　　　　 BA & Blazor ②（675147445）