Electron实现使用Sqlite3库

最新推荐文章于 2024-03-25 15:37:01 发布
置顶 最新推荐文章于 2024-03-25 15:37:01 发布
阅读量2w 收藏 14
点赞数
分类专栏： Electron 文章标签： 数据库 sqlite3 node.js 缓存 Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiyulonely/article/details/77089701
版权
  • Electron作为现今比较流行的客户端框架，势必会用本地缓存，在以往软件的一些缓存中一般用到的文件、日志等，这里提到的是sqlite3——轻量级数据库。
  • Electron是完全符合node.js语法，并且支持很多第三方库，sqlite3也是其中一块，使用它首先需要具备node.js环境，这里不再赘述，安装sqlite3：
npm install sqlite3 --save
  • 安装以后，发现Electron不能正常使用，会报出很多错误，比如缺少sqlite3模块，找不到，但是明明装了，这里需要对Sqlite3单独编译，原因是：通过npm安装的sqlite3模块只实现了对node.js原生环境的支持，如果electron需要使用的话必须对其进行二次编辑。
  • 首先进入到安装好的模块sqlite3目录下
cd .\node_modules\sqlite3
  • 安装nan，并run，如果run失败可以跳过
npm install nan --save
npm run prepublish
  • 编译
node-gyp configure --module_name=node_sqlite3 --module_path=../lib/binding/electron-v1.6.6-win32-ia32
node-gyp rebuild -target=1.6.6 -arch=win32 -target_platform=win32 -dist-url=https://atom.io/download/electron/ -module_name=node_sqlite3 -module_path=../lib/binding/electron-v1.6.6-win32-ia32

  • 如果要修改electron的版本，直接修改下方图片标红处就可以了。
    这里写图片描述

  • 如果出现“MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe””

错误原因：缺少windows构建插件
解决方法：npm install --global --production windows-build-tools  （全局安装windows构建工具）
  • 这样就OK了，sqlite3就可以正常使用了。
极羽
关注
  • 0
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
专栏目录
electron-with-sqlite3:ElectronJS与Sqlite3一起使用的示例应用程序
05-02
目的 该存储库包含以下领域的示例代码： 创建一个新的BrowserWindow以及如何显示和从摧毁它MainProcess 。 在Electron应用程序中的RendererProcess和MainProcess之间发送数据。 使用IPCRenderer和IPCMain对象。 使用Knex库连接Sqlite3 。 使用Knex库构建和读取查询。 在Electron中的Windows上显示开发工具的快捷方式是MacOS上的Command + Alt + I 。 笔记 在RenderProcess和MainProcess之间发送数据时，有两个重要的代码段： IPCMain和IPCRenderer BrowserWindow.webContents.send() WebContents包含窗口的事件等。 IPC表示进程间通信。 这里的想法是事件。 您可以通过将send()方法与
electron-sqlite3-quick-start:电子sqlite3快速入门
05-02
electronic-sqlite3-quick-start 带sqlite3的电子应用程序示例 安装依赖项 $ npm i 运行应用 $ npm run start 包装 $ npm run package
sqlite3嵌入式开发板命令行方式使用
最新发布
houge101的博客
03-25 1158
如何在编译嵌入式版本的sqlite3，请看我上一篇文章。
小工具框架，electron+sqlite
02-19
小工具框架，electron+sqlite
electron编译sqlite3
11-09
压缩包中是已经编译成功的sqlite3资源，并且已经通过测试。可以放心使用。
electron+vue3实现桌面端应用开发
08-18
vite+vue3+pinia 实现一个后台管理系统； 加入electron实现桌面端应用。 适合新手入门
electron集成sqlite3
qq_45186619的博客
03-06 349
electron集成sqlite3 让我真头大 刚开始用electron-vue的脚手架 npm i sqlite3 下来 运行老是报错 根本跑不起,各种试才发现问题。node v16.13.2 + python v3.10.10 +vs2015 这个也只是本地运行起来了 打包还没有试。electron 要使用 sqlite3 前提要装python 和vs，版本不兼容也会报错跑不起来 目前测试成功的版本。后面试完再改文档吧。
electron+sqlite3的一起使用
zoepriselife316的博客
10-12 1万+
在用react，electron，创建的程序时可以运行的，当添加sqlite3时，编译就过不去了，因为sqlite3是C++写的，所以在使用的时候我们不能直接用，需要编译下才可以使用，但是这个编译过程有些难走。 首先下载了electron-rebuild npm install --save-dev electron-rebuild 然后，下载了sqlite3 npm install --sav...
关于electron 使用sqlite3的一些问题
baidu_40294156的博客
11-29 3343
使用环境 electron ：10.1.5； node: 14.16.0(64位) sqlite3: 5.0.2 1.当前版本的效果使用仅仅支持打包 electron 64位的用用程序，不支持打包32位的用用程序。 sqlite3的最新版本好像没有最新的32位包， 2.sqlite3 低于5.0.0版本的支支持到electron 8.X版本，大于8.X版本的 支持不太好，容易崩溃。 ...
Electron使用sqlite3数据库编译事项。
codears的博客
12-11 883
第一步：在package.json文件中加入： “scripts”: { “postinstall”: “install-app-deps” … } 第二步： npm install --save-dev electron-builder npm install --save sqlite3 npm run postinstall 最后使用即可。 转自：https://stackoverflow....
electron 编译 sqlite3指南
weixin_42333548的博客
10-16 2057
一、准备 sqlite很好用，使用electron开发桌面程序，sqlite编译最容易出错 编译sqlite需要提前准备的东西，以及下载的地址： python2.7 下载地址：https://www.python.org/downloads/ 安装完配置环境变量 ，环境变量配置可自行配置 vs2015,（2015、2017都可以） 下载地址：（微软的官网，https://visual...
electronvue:electron9.3.3、vuecli3、sqlit3开发桌面应用,项目安装，sqlit3引入问题，打包问题解决
05-26
electron+vue-cli3+sqlist开发电脑端桌面应用 安装说明： 1.首先使用vue-cli创建项目 选取一个项目存放的路径，然后开始创建项目 例如： vue create electronname 输入完上述命令之后进入vue项目的创建过程。出现以下内容 Vue CLI v4.5.8 ? Please pick a preset: (Use arrow keys) Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint) > Manually select features 第一个选项是 “default” 默认，只包含babel和eslint 第二个选项是 “Manually select features”自定义安装 选择自定义安装{Manually
electron-vue-sqlite3:这个基于电子战的项目，被定制为与sqlite3一起使用，主题是受邮递员启发的
03-07
电子-VUE-SQLITE3 该项目是与sqlite3一起使用的电子战入门套件，该项目的灵感来自邮递员（ ）。 邮递员是最流行的应用之一，它可以与电子React。 我们在此项目中附加了一些流行的javascript脚本，这些脚本可立即使用。 希望您可以轻松地用它构建一个精美的现代桌面应用程序。 建于 渐进式JavaScript框架 使用Web技术创建本机应用程序的框架 Vue-具有vue-cli脚手架的Electron＆Vue.js快速入门样板， 使用BootstrapVue，您可以使用Vue.js在网络上构建响应式，移动优先和ARIA可访问的项目。 世界上最受欢迎的前端开源工具包 使用BootstrapVue，您可以使用Vue.js在网络上构建响应式，移动优先和ARIA可访问的项目。 -简单和最小线图标 -Node.js的异步，非阻塞SQLite3绑定。 -ESLin
electron-vue-sqlite3-demo:电子vue-sqlite3-demo
05-08
电子演示2 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report 有关工作原理的详细说明，请查看的和。 电子vue-sqlite3-demo 电子vue-sqlite3-demo
electron+vite+vue3+sqlite3基础框架
12-14
这是一个electron+vite+vue3+sqlite3基础框架，里面都已配置好，开箱即用，压缩包中写了详细的使用说明
signature=0e9644081df9c741a9fc4bb881df7a21,pic-gather/yarn.lock at master · JavDriver/pic-gather · G...
热门推荐
weixin_35830723的博客
05-29 6万+
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.# yarn lockfile v1"7zip-bin@~5.0.3":version "5.0.3"resolved "https://registry.yarnpkg.com/7zip-bin/-/7zip-bin-5.0.3.tgz#bc5b5532ecafd923...
《Imaging Systems For Medical Diagnostics》——12. X-ray components and systems (3) X射线组件和系统（3）
EnzoReventon是一个正在努力学习的社会主义好青年
10-24 2404
《Imaging System 医学影像》@EnzoReventon 《Imaging Systems For Medical Diagnostics》——12.X-ray components and systems——12.2 X-ray image detectors x射线图像探测器 ** 12.3.1 Static detectors 静态探测器 12.3.2 X-ray image intensifiers x射线图像增强器 12.3.3 Processing the X-ray image
electron 安装sqlite3 教程
qq_34907249的博客
09-12 3202
折腾了一天终于解决了,看了很多其他博客,都是比较片面,最终出现各种问题.现自己整理一篇完整版. 方案一: 环境:vs2015 ,先安装vs2015 下载地址:https://my.visualstudio.com/Downloads?q=visual%20studio%202015&wt.mc_id=o~msft~vscom~older-downloads 1: npm install --vs2015 windows-build-tools -g (这个用 vs2019会卡住,下载很慢..
electron-vue 操作sqlite3 环境安装以及编译
aa661020的博客
03-30 6517
1.https://github.com/SimulatedGREG/electron-vue//项目下载地址 开始步骤 windows electron安装原生node模块 首先安装 vs2015 包括vsc++ 接着安装： 1. npm install -g node-gyp npm install -g node-pre-gyp npm install --global...
vite+typrscript+electron使用sqlite3案例
05-11
好的，下面是一个使用 Vite、TypeScript 和 Electron 的 SQLite3 示例项目。 首先，需要安装以下依赖： - vite - electron - electron-builder（可选，用于将应用程序打包成可执行文件） - sqlite3 - @types/sqlite3（TypeScript 定义文件） 可以使用以下命令进行安装： ``` npm install vite electron electron-builder sqlite3 @types/sqlite3 --save-dev ``` 接下来，创建一个 Vite 项目： ``` npx vite create my-app --template electron-ts ``` 然后，在项目根目录下创建一个 `db` 目录，用于存放 SQLite3 数据库文件。 接着，创建一个 `database.ts` 文件，用于连接 SQLite3 数据库： ```typescript import sqlite3 from 'sqlite3'; const DB_PATH = './db/my-db.db'; export function connectDatabase() { return new sqlite3.Database(DB_PATH, (err) => { if (err) { console.error(err.message); } console.log('Connected to the database.'); }); } ``` 这个文件中，我们首先定义了 SQLite3 数据库文件的路径 `DB_PATH`，然后导出了一个 `connectDatabase` 函数，用于连接到数据库。 接下来，我们可以创建一个 `users.ts` 文件，用于操作用户表： ```typescript import { connectDatabase } from './database'; const db = connectDatabase(); export interface User { id: number; name: string; email: string; } export function getAllUsers(): Promise<User[]> { return new Promise((resolve, reject) => { db.all('SELECT * FROM users', (err, rows) => { if (err) { reject(err); } else { resolve(rows); } }); }); } export function addUser(user: User): Promise<number> { return new Promise((resolve, reject) => { db.run( 'INSERT INTO users(name, email) VALUES(?, ?)', [user.name, user.email], function (err) { if (err) { reject(err); } else { resolve(this.lastID); } } ); }); } ``` 在这个文件中，我们首先导入了 `connectDatabase` 函数，并使用它连接到了数据库。然后，我们定义了一个 `User` 接口，用于表示用户的数据结构。 接着，我们导出了两个函数： - `getAllUsers`：用于获取所有用户记录。 - `addUser`：用于添加一条新的用户记录。 这两个函数都是返回 Promise 对象的，因为它们都是需要异步执行的操作。 最后，我们可以在 `renderer.ts` 文件中调用这些函数： ```typescript import { getAllUsers, addUser, User } from './users'; const userList = document.querySelector('#user-list')!; const nameInput = document.querySelector('#name-input') as HTMLInputElement; const emailInput = document.querySelector('#email-input') as HTMLInputElement; const addBtn = document.querySelector('#add-btn')!; async function loadUsers() { const users = await getAllUsers(); userList.innerHTML = ''; users.forEach((user) => { const li = document.createElement('li'); li.textContent = `${user.id} - ${user.name} (${user.email})`; userList.appendChild(li); }); } addBtn.addEventListener('click', async () => { const user: User = { id: 0, name: nameInput.value, email: emailInput.value, }; await addUser(user); await loadUsers(); }); loadUsers(); ``` 在这个文件中，我们首先导入了 `getAllUsers` 和 `addUser` 函数，以及 `User` 接口。 然后，我们使用 DOM API 获取了一些元素，包括用户列表、姓名输入框、邮箱输入框和添加按钮。 接着，我们定义了一个 `loadUsers` 函数，用于加载所有用户记录，并将它们显示在用户列表中。 最后，我们在添加按钮的点击事件处理程序中，获取了用户输入的姓名和邮箱，创建了一个新的用户对象，并调用了 `addUser` 函数将其添加到数据库中。然后，我们又调用了 `loadUsers` 函数重新加载用户列表。 现在，可以使用以下命令启动应用程序： ``` npm run dev ``` 这将同时启动 Vite 和 Electron，打开应用程序窗口。 在窗口中，可以输入用户的姓名和邮箱，点击添加按钮，然后应该会在用户列表中看到新添加的用户记录。 最后，如果想要将应用程序打包成可执行文件，可以使用以下命令： ``` npm run build ``` 这将使用 Electron Builder 将应用程序打包成可执行文件，并输出到 `dist` 目录中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极羽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值