first commit

2025-01-09 18:30:49 +08:00
commit ead83056ff
99 changed files with 27286 additions and 0 deletions
--- a/day02-dialog-module/index.html
+++ b/day02-dialog-module/index.html
@@ -0,0 +1,14 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dialog 模块</title>
+</head>
+<body>
+    <h2>Dialog 模块</h2>
+    <button id="btn">显示对话框</button>
+    <br><br>
+    <button id="btnErr">显示错误对话框</button>
+    <script src="index.js"></script>
+</body>
+</html>
--- a/day02-dialog-module/index.js
+++ b/day02-dialog-module/index.js
@@ -0,0 +1,26 @@
+const { remote } = require('electron')
+
+window.onload = () => {
+    let oBtn = document.getElementById('btn')
+    let oBtnErr = document.getElementById('btnErr')
+
+    oBtn.addEventListener('click', () => {
+        remote.dialog.showOpenDialog({
+            defaultPath: __dirname, // 默认打开目录
+            buttonLabel: '请选择', // 按钮上的文字
+            title: '啦啦啦啦', // 对话框标题
+            properties: ['openFiles', 'multiSelections'], // 文件类型
+            filters: [ // 文件类型过滤
+                {'name': '代码文件', extensions: ['js', 'json', 'html']},
+                {'name': '图片文件', extensions: ['ico', 'jpeg', 'png']},
+                {'name': '媒体类型', extensions: ['avi', 'mp4', 'mp3']},
+            ], 
+        }).then(ret => {
+            alert(ret)
+        })
+    })
+
+    oBtnErr.addEventListener('click', () => {
+        remote.dialog.showErrorBox('自定义标题', '当前错误内容')
+    })
+}
--- a/day02-dialog-module/main.js
+++ b/day02-dialog-module/main.js
@@ -0,0 +1,29 @@
+const { app, BrowserWindow } = require('electron')
+
+function createWindow() {
+    let mainWin = new BrowserWindow({
+        show: false, // 防止首页白屏
+        width: 800,
+        height: 400,
+        webPreferences: {
+            nodeIntegration: true,
+            enableRemoteModule: true
+        }
+    })
+
+    // 防止首页白屏，否则不显示
+    mainWin.on('ready-to-show', () => {
+        mainWin.show()
+    })
+
+    mainWin.loadFile('index.html')
+
+    mainWin.on('close', () => {
+        mainWin = null // 删除引用，释放空间
+    })
+}
+
+app.on('ready', createWindow)
+app.on('window-all-closed', () => {
+    app.quit()
+})
--- a/day02-dialog-module/package-lock.json
+++ b/day02-dialog-module/package-lock.json
--- a/day02-dialog-module/package.json
+++ b/day02-dialog-module/package.json
@@ -0,0 +1,17 @@
+{
+	"name": "electron-life-cycle",
+	"version": "1.0.0",
+	"description": "",
+	"main": "main.js",
+	"scripts": {
+		"start": "nodemon --watch main.js --exec npm run build",
+		"build": "electron ."
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC",
+	"devDependencies": {
+		"electron": "^11.2.1",
+		"nodemon": "^3.1.9"
+	}
+}