Electron 本地数据库实践指南（下）— 集成SQLite

最新推荐文章于 2025-10-31 09:46:39 发布

原创

最新推荐文章于 2025-10-31 09:46:39 发布 · 2.5k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#数据库 #electron

本文首发同名微信公众号：前端徐徐

大家好，我是徐徐。今天我们讲讲如何在 Electron 中集成本地数据库，这一节主要讲如何集成 SQLite。

前言

上一节我们比较了三种数据库，我个人认为 SQLite3 这个数据库工具适用的范围最广，也相对稳定，所以我们这一节就专门讲如何在 Electron 中集成 SQLite3，如果大家有其他想要的案例，可以在评论区留言。话不多说，我们进入正题。

准备工作

安装 sqlitestudio：https://sqlitestudio.pl

sqlitestudio 是一款非常方便的 SQLite 数据库管理工具，能够帮助我们在开发过程中查看和编辑本地数据库中的数据。安装完成后，你可以用它打开本地的 SQLite 数据库文件，查看数据库表和数据结构，进行调试和管理。

安装 sqlite3 依赖包：yarn add sqlite3

注意：在这里安装的时候我们需要使其安装在 dependencies 下，不然后期打包会有问题，因为涉及到底层的原生模块，所以我们为了方便就把整个包直接放在包里面。

封装增删改查 API

src/common/db/api.ts

import { app } from "electron";
import * as path from "path";
import * as sqlite3 from "sqlite3";

const userDataPath = app.getPath("userData");
const dbPath = path.join(userDataPath, "sqliteDatabase.db");

export interface queryParam {
  sql: string;
  params?: any[];
}

export interface insertParam {
  table: string;
  data: { [key: string]: any };
}

export interface updateParam {
  table: string;
  data: { [key: string]: any };
  condition: string;
}

export interface deleteParam {
  table: string;
  condition: string;
}

class Database {
  private static instance: Database;
  private db: sqlite3.Database;

  private cons