Blazor Bootstrap 组件库浏览器通知组件介绍
通知组件
通过浏览器API发送通知信息 , 桌面浏览器表现为右下角系统提示框弹出消息, 移动浏览器表现为弹窗或者到消息列表, blazor页面不在前台也可以通过本组件提醒用户.
DEMO https://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
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
Title | 标题 | string | — | — |
Message | 信息 | string | — | — |
Icon | 图标 | string | — | — |
Silent | 静默 | bool | — | — |
Sound | 通知触发时要播放的音频文件的 URL | string | — | — |
OnClick | 通知点击后的回调方法名称 | Methods | — | — |
Blazor Bootstrap 组件库文档
写在最后
希望大佬们看到这篇文章,能给项目点个star支持下,感谢各位!
star流程:
1、访问点击项目链接:BootstrapBlazor
https://gitee.com/LongbowEnterprise/BootstrapBlazor
2、点击star,如下图,即可完成star,关注项目不迷路:
另外还有两个GVP项目,大佬们方便的话也点下star呗,非常感谢:
BootstrapAdmin 项目地址:
https://gitee.com/LongbowEnterprise/BootstrapAdmin
SliderCaptcha 项目地址:
https://gitee.com/LongbowEnterprise/SliderCaptcha
交流群(QQ)欢迎加群讨论
BA & Blazor ①(795206915) BA & Blazor ②(675147445)
关联项目
FreeSql QQ群:4336577
BA & Blazor QQ群:795206915
Maui Blazor 中文社区 QQ群:645660665
知识共享许可协议
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名AlexChow(包含链接: https://github.com/densen2014 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系 。
转载声明
本文来自博客园,作者:周创琳 AlexChow,转载请注明原文链接:https://www.cnblogs.com/densen2014/p/16147333.html
AlexChow
今日头条 | 博客园 | 知乎 | Gitee | GitHub
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 易语言 —— 开山篇