无名 发表于 2022-5-8 17:02:30

【LSP】从零开始学Electron笔记


http://cdn.u1.huluxia.com/g4/M01/66/05/rBAAdl91bNiAP1pBAACt4WdlvYs621.jpg
在之前的文章我们介绍了一下Electron如何通过链接打开浏览器和嵌入网页,接下来我们继续说一下Electron中的对话框 Dialog和消息通知 Notification。

在之前的文章中其实我们是说了一下对话框dialog的,就是在讲Menu菜单栏的时候,下面我们再来系统的看一下 dialog 的使用。

dialog 官方地址:https://www.electronjs.org/docs/api/dialog

现在我们要实现一个功能,就是点击一个按钮,然后弹出一个对话框,类似于删除操作的二次确认,点击对话框的确认按钮代表删除,点击取消按钮代表取消删除操作。这就用到了Electron为我们提供的dialog模块。

我们先来看一下我们的代码结构:

http://cdn.u1.huluxia.com/g4/M01/66/05/rBAAdl91bNmAY09kAAV6mVeAtNE532.png

接下来我们在index.html 中实现我们的代码逻辑,如下:http://cdn.u1.huluxia.com/g4/M01/66/05/rBAAdl91bNqAf7vqAAMwMgRutF8870.jpg
在上面的代码中,我们是在 index.html 渲染进程中进行的操作,所以使用的是 window.Notification。这时候我们就可以通过断开自己的网络来看一下运行结果了,我的运行结果如下:http://cdn.u1.huluxia.com/g4/M01/66/05/rBAAdl91bNuAD2U1AAB5Lu22J9g355.png
页: [1]
查看完整版本: 【LSP】从零开始学Electron笔记