当前位置：首页 > news >正文

Electron使用 SQLite

news 2026/2/9 13:19:22

在客户端开发中，无论是 PC 端，还是手机端，为了能够访问离线数据，数据经常需要保存到本地，IndexDB 可以用于存储本地数据，IndexDB 是一个对象存储，数据是以 key:value 的形式进行存储和访问的，相对于关系型数据库，访问速度快，但是结构简单。对于一些复杂的模型，多表关联关系，用 IndexDB 实现会相对复杂，需要通过查询实现。所以在业务项目中，通过关系型数据库对业务数据进行建模，采用 SQL进行数据访问更加方便。

SQLite是客户端常用的文件型关系数据库，主流的移动端、桌面应用大多使用的 SQLite进行离线数据存储，例如微信。SQLite 是一个轻量级基于文件关系型数据库，主要有以下特点：

支持标准 SQL
文件无需服务器支持
跨平台，Android、IOS、PC（Windows、Mac、Linux）
不需要任何配置，安装上依赖直接可以使用

安装，默认 SQLite 是x86 编译的，在Mac M1 上试用会报错，所以我们需要对 SQLLite 进行重新编译。

npm install sqlite3 --build-from-source --target_arch=arm64 --fallback-to-build

Electron + SQLite 创建用户的例子：
index.html

<!DOCTYPE html>
<html>
<head><title>Electron SQLite CRUD</title>
</head>
<body><h1>User Management</h1><input id="username" type="text" placeholder="Username"><input id="age" type="number" placeholder="Age"><button onclick="createUser()">Create User</button><button onclick="getUsers()">Load Users</button><div id="users"></div><script>function createUser() {const username = document.getElementById('username').value;const age = document.getElementById('age').value;window.api.createUser(username, parseInt(age)); #进程间互相调用}async function getUsers() {const users = await window.api.getUsers();const usersDiv = document.getElementById('users');usersDiv.innerHTML = users.map(user => `<p>${user.username}, ${user.age} years old</p>`).join('');}</script>
</body>
</html>

main.js 主线程

const { ipcMain, app, BrowserWindow } = require('electron');
const path = require('path');
const sqlite3 = require('sqlite3').verbose();function createWindow() {const mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {preload: path.join(__dirname, 'preload.js'),}});mainWindow.loadFile('index.html');
}app.whenReady().then(createWindow);app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit();}
});app.on('activate', () => {if (BrowserWindow.getAllWindows().length === 0) {createWindow();}
});const db = new sqlite3.Database('userdata.db', (err) => {if (err) {console.error(err.message);}console.log('Connected to the userdata database.');db.run(`CREATE TABLE IF NOT EXISTS tb_user (id INTEGER PRIMARY KEY AUTOINCREMENT,username TEXT,age INTEGER)`);
});ipcMain.on('create-user', (event, username, age) => {db.run(`INSERT INTO tb_user(username, age) VALUES(?, ?)`, [username, age]);
});ipcMain.handle('get-users', async (event) => {return new Promise((resolve, reject) => {db.all(`SELECT * FROM tb_user`, [], (err, rows) => {if (err) {reject(err);}resolve(rows);});});
});ipcMain.on('update-user', (event, id, username, age) => {db.run(`UPDATE tb_user SET username = ?, age = ? WHERE id = ?`, [username, age, id]);
});ipcMain.on('delete-user', (event, id) => {db.run(`DELETE FROM tb_user WHERE id = ?`, id);
});

IPC API

const { contextBridge, ipcRenderer } = require('electron');contextBridge.exposeInMainWorld('api', {createUser: (username, age) => ipcRenderer.send('create-user', username, age),getUsers: () => ipcRenderer.invoke('get-users'),updateUser: (id, username, age) => ipcRenderer.send('update-user', id, username, age),deleteUser: (id) => ipcRenderer.send('delete-user', id)}
);

Electron使用 SQLite

相关文章：

Electron使用 SQLite

怎样的跨网软件，可以实现网间数据的安全收发？

Sora惊艳亮相：AI技术掀起创作革命，影视产业迎来新风貌！

Mac电脑安装打开APP显示问题已损坏问题解决

AI 数据观 | TapData Cloud + MongoDB Atlas：大模型与 RAG 技术有机结合，落地实时工单处理智能化解决方案

Vulnhub靶机随笔-Hacksudo_Aliens

抖店选品都怎么选品？什么样的产品更吸引人，更具有购买力？

将来会是Python、Java、Golang三足鼎立吗？

Java入门基础学习笔记16——运算符

golang中三种线程安全的MAP

C++笔试强训day16

spsr 的恢复出错，导致 thumb 指令集的 it 条件运行指令运行异常，清晰的调试思路帮助快速解决问题

mysql binlog 如何区分db

ESP32 IDF linux下开发环境搭建

光伏电站智能管理平台功能全面介绍

SSL证书购买流程

C++|二叉搜索树

网页html版面分析-- BeauifulSoup（python 文档解析提取）

第五十八节 Java设计模式 - 适配器模式

程序员的归宿。。

shell脚本--常见案例

UDP(Echoserver)

Go 语言接口详解

剑指offer20_链表中环的入口节点

1.3 VSCode安装与环境配置

《基于Apache Flink的流处理》笔记

数据库分批入库

虚拟电厂发展三大趋势：市场化、技术主导、车网互联

腾讯云V3签名

Vue 模板语句的数据来源