Electron使用 SQLite

原创

已于 2024-05-04 11:54:02 修改 · 2.8k 阅读

标签

#前端

收录于

于 2024-05-03 22:25:40 首次发布

在客户端开发中，无论是 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">
    <butto